react-win-ui v4.2.2

💡 What's New

• Removed Hard Coded dependency of react-router-dom - Now you can use any Routing library.
• Now works with ViteJS, NextJS and CRA, See #23 .
• Improved Inputs data manipulation using refs and value, See - #25 .
• Fixed TableView for unique key and also added TableHeaderComponent & TableFooterComponent.
• Added Latest Fluent LoaderBusy with Win11 UI.
• Improved ScrollBar with latest Win11 UI.

Happy Coding :)

💡 What's New

• Introduced Windows 11 UI.
• Improved Scroll Bar UI.
• Added TextArea #21.
• Added SelectText component.
• Added PrimaryColorLight color support for AppTheme component.
• Improved AvatarView to display placeholders.
• Improved CommantBar component.

Breaking Changes

• Refracted NavSearchSuggetion to NavBarSearchSuggetion.
• Refracted NavThemeSwitcher to NavBarThemeSwitch.

Happy Coding :)

💡 What's New

• Fixed Major Dependencies Conflict on CRA-Template.
• Updated Dependencies versions.
• Improved Performance.
• Improvement with Dark Mode Colors.

💡 What's New

• CRA Template introduced for easing the project setup.
• NavBar now follows the up-to-date fluent design system for mobile devices.
• NavThemeSwitcher added for better theme switching.
• SplashScreen added for displaying a content while page loading.
• Major UI improvements.

Breaking Changes

• Updated project with react-router-dom -v6.3.0.

Switch has been replaced with Routes.

component={ } has been replaced with element={ }

💡 What's New

• NavBar improved positioning.
• AppTheme fixed issue with scheme prop on mount see #12 .
• Switch removed extra end margin and make it flex wrap.
• Major UI improvements.

Breaking Changes

• Removed TransitionToLeft component , now NavPageContainer not needed to register animation configs on root.

NavPageContainer can now independently register animations on mount by configuring props.

💡 What's New

Improved Components

• NavPageContainer now don't require TransitionToLeft registering.
• NavBar component improved on mobile devices.
• Alert component improvement.
• Switch improved rendering, fixes extra margin bug.
• Dialog improved rendering and touch responses.
• InputText component improved rendering.
• UI Improvements.

💡 What's New

• CommandBar & CommandBarButton component added see #15 .
• Improved Select animations component.
• MenuBar added prop showSearchBar for optional serachInput rendering.
• SplashScreen added prop duration to control additional time take to hide after render.
• UI Improvement.

💡 What's New

• AppTheme added scheme: 'system' prop option.
• AppTheme added onMount prop.
• CheckBox improved toggle animations.
• NavBar improved ui - now more compact.
• SplashScreen component added.
• Reduced bundle size (approx 10kbs lesser).
• UI Improvement.

💡 What's New

• NavBar added prop showThemeSwitch to toggle theme switch rendering requested in #12
• NavBarSubMenu component added for multi level menu for NavBar requested in #6
• Select component added for implementing react custom select requested in #6
• Appearance component added to get a way to handle theme better requested in #11
• AppTheme addd prop onSchemeChange & onColorChange for theme change listener requested in #11
• Button improved ui and touch interface.
• View added component provide container component with visibility and animation features.
• Gauge improved ui and added prop size to get alter width & height of choice.
• Performance Improvement.

💡 What's New

• Improved Typescript type definitions.
• Improved NavBar (Now Supports for all size devices).
• Added NavBarSubMenu requested in #6
• Added img prop to NavBarLink.
• Introduced AppTheme component to seamlessly control app theme at runtime.
• Introduced ColorPickerItem and ColorPickerPalette for providing set of color pickers component.
• Introduced Boilerplate (View BoilerPlate Here) to build rapid win style apps with prebuild template.
• Improved LinkCompound component.
• Improved Documentation

react-windows-ui -v2.0.9

ChangeLog

• @Babel Transpiled components

The project now has better cross browser support.

• Added Boilerplate template.

Now you can initialize your project with the predefined react-windows-ui template.

You can also clone the boilerplate repo:

$ git clone https://github.com/virtualvivek/react-windows-ui-boilerplate.git
$ cd react-windows-ui-boilerplate
$ npm install
$ npm start

• Fixed InputText - Label width.

Now Label with can auto adjust according to the text.

• Fixed TextArea - line-height.

previously some buggy collapsed text issue is there is solved now.

• UI Improvement.
• Minified complete library files.

react-windows-ui -v2.0.8

ChangeLog

Major Addons

• Added Typescript type definitions - see full issue #3
• Added react-windows-ui-sunvalley.min.css styles from new win design pattern.
• Added react-windows-ui-rtl.min.css for right to left direction support.

Components

• Added onError prop to AvatarView and ImageView.

Now AvatarView and ImageView provides onError callbacks and fixed loading animation will close on error.

• Added TableView component.

TableView component includes toggle arranging columns, searchable columns, able to add jsx components refer demo for full implementation.

• fixed app-nav-toggle animation.

SideBar Navigation Toggle collapsing animation now work smoothly.

• UI Improvement

react-windows-ui -v2.0.7

ChangeLog

1. feat: added prop tooltip:

<Component tooltip="hover tooltip title" />

tooltip added for following components:

• AvatarView
• ImageView
• ProgressBar
• Button
• ButtonIcon
• InputText
• InputDate
• InputSearch*
• Checkbox
• SliderBar
• Switch

2. feat: added component <TransitionToLeft /> :

Add TransitionToLeft to the app Router:

App.js

<Router>
  <TransitionToLeft />
</Router>

Control Transition fallback to child NavPageContainer using prop animateTransition={true}

Page.js

<NavPageContainer
   animateTransition={true}>
  ...
</NavPageContainer>

3. fix: component Alert :

Fixes setTheme="light" on mozilla browsers.

4. feat: component Gauge :

Added prop type="fill":
Default: type="border"

<Gauge
   type="fill"
/>

react-windows-ui -v2.0.5

Changelog -

• added Accordion component.
• added Alert setTheme="light" prop.
• added ButtonIcon component.
• Button added props -
  type="primary-outline",
  type="success-outline",
  type="danger-outline",
  textAlign={ }
• added NavSearchBox component.
• InputSearchSuggestion added onClick={ } prop.
• MenuBar added onClick={ } prop.
• LoaderBar added isLoading={boolean} prop.
• LoaderBusy added props-
  isLoading={boolean}
  size="medium"
  size="small"
• UI improvement.

react-windows-ui -v2.0.2

ChangeLog

• LoaderBar : added setTheme prop for light ui theme.
• LoaderBusy : added setTheme prop for light ui theme.
• NavBar fixed scrollbar positioning ( clipped to top ).
• App's ScrollBar fixed scrolling behavior now serves as an overlay.
• NavPageContainerInner : fixed padding on mobile view.
• UI Improvements.

react-windows-ui -v2.0.0

Changelog

• Alert : added light theme.
• Button : added type - primary-outline, success-outline, danger-outline.
• ButtonFluent added component with windows fluent effect.
• Gauge added type - outline, fill - default outline.
• LinkCompoundFluent added component with windows fluent effect.
• LoaderBar added isLoading prop to control visibility behaviour.
• LoaderBusy added isLoading prop to control visibility behaviour.
• ProgressBarIndeterminate added isLoading prop to control visibility behaviour.
• UI Improvement : improved mobile device compatibility.

Release 1.1.1

Changelog

• added NavBarLinkFluent
• added ButtonFluent
• added LinkCompoundFluent
• added onLoad prop in AvatarView
• added backgroundColor, setTheme, title props in LoaderBusy
• fixed flickering of Dialog on low end devices
• UI Improvement

Release 1.0.8

Changelog

• optimized fonts.min.css
  now icons file have only most used icons for production build to occupy less size
• added textAlign prop to Button
• added accent icon feature to Button
• added onLoad prop to ImageView
• UI Improvement

─────────────────────
───────────████████──
──────────███▄███████
──────────███████████
──────────██████─────
──────────█████████──
█───────███████──────
██────████████████───
███──██████████──█───
███████████████──────
─█████████████───────
──███████████────────
────████████─────────
─────███──██─────────
─────█─────█─────────
─────██────██────────
─────────────────────

Release 1.0.6

Changelog
components added

• added View
• added width prop to Button
• fixed setStatus states no padding issue on InputText.
• fixed CommandBar zIndex, now has zIndex as prop.
• refracted id to className in NavBar.
• UI Improvement

─────────────────────
───────────████████──
──────────███▄███████
──────────███████████
──────────██████─────
──────────█████████──
█───────███████──────
██────████████████───
███──██████████──█───
███████████████──────
─█████████████───────
──███████████────────
────████████─────────
─────███──██─────────
─────█─────█─────────
─────██────██────────
─────────────────────

Release 1.0.5

Changelog

components added

• CommandBar
• Card
• Gauge
• ColorPickerItem

changes

• added Animation to Alert component.
• added Contacts List component.
• fixed extra padding to Dialog right-side.
• fixed ScrollBar width on unfocused State.
• added animation to NavBar.
• added Login layout.
• added States in InputText success, danger, loading.
• added Label prop in InputText.
• UI Improvement

─────────────────────
───────────████████──
──────────███▄███████
──────────███████████
──────────██████─────
──────────█████████──
█───────███████──────
██────████████████───
███──██████████──█───
███████████████──────
─█████████████───────
──███████████────────
────████████─────────
─────███──██─────────
─────█─────█─────────
─────██────██────────
─────────────────────