02-03-2023 #
@saas-ui/react@1.9.0
Improved Sidebar behavior and theme.
Sidebar v0.9.0
Improved Sidebar behavior and theme.
Theme v1.8.0
Improved Sidebar behavior and theme.
@saas-ui/react@1.7.4
Fixed default value for Switch fields.
Support disable sorting on individual columns in DataTable
Fixed issue where closing dialogs opened by the modals manager to flicker, due to config reset before closing animation was finished.
Theme Glass v0.2.0
Improved glass effect on light mode.
Added Drawer and Popover themes.
Sidebar v0.7.0
NavItem now supports tooltipProps to customize all tooltip props.
Forms v1.4.2
Fixed default value for Switch fields.
Data Table v1.3.3
Support disable sorting on individual columns in DataTable
Modals v1.4.3
Fixed issue where closing dialogs opened by the modals manager to flicker, due to config reset before closing animation was finished.
12-09-2022 #
Date Picker v0.7.3
Allow null values, fixes uncontrolled to controlled warnings and allows for resetting the field values.
Auth v1.6.3
12-02-2022 #
Theme v1.6.2
Moved NavItem font color to root of the theme.
Sidebar v0.6.0
Do not render tooltip for regular sidebar items, unless the tooltip prop is added.
Fixed toggle button spacing.
Auth v1.6.2
Now possible to set default options for Supabase authentication methods. Thanks to @KeKs0r
11-23-2022 #
React Utils v1.1.2
useResponsive value now uses correct fallback value.
Theme v1.6.1
Improved Sidebar theme added toggle and toggleWrapper parts.
Sidebar v0.5.4
Improved toggle button rendering and behavior with ssr / mobile screens.
11-16-2022 #
@saas-ui/react@1.6.2
Fixed issue where PersonaAvatar would throw an error when unsupported presence value is passed.
Persona v1.2.1
Fixed issue where PersonaAvatar would throw an error when unsupported presence value is passed.
Sidebar v0.4.0
Cleaned up NavItem theme.
Added classNames to all NavItem components.
Theme v1.5.0
Cleaned up NavItem theme.
Improved Tooltip styles for Saas UI theme.
11-04-2022 #
@saas-ui/react@1.6.0
Improved usePromise type signature.
Supabase auth service updated to v2
Hooks v1.1.2
Improved usePromise type signature.
Auth v1.6.0
Supabase auth service updated to v2
Provider v1.1.4
Added new route value to Router context.
1.5.0 #
Minor Changes #
466b3ca: Updated to Chakra UI 2.3.6
10-22-2022 #
Sidebar v0.2.0
Add new motionPreset property, sidebar animation can be disabled with motionPreset="none"
Theme v1.3.1
10-08-2022 #
@saas-ui/react@1.4.4
Export all Snackbar types. (#88)
FormStepper now supports theming props.
Snackbar v1.1.1
Export all Snackbar types. (#88)
Forms v1.2.2
FormStepper now supports theming props.
09-17-2022 #
Sidebar v0.1.1
Forward ref to Sidebar container
09-17-2022 #
@saas-ui/react@1.4.1
Custom Field onChange and onBlur handlers will no longer override the internal HookForm handlers.
Forms v1.2.1
Custom Field onChange and onBlur handlers will no longer override the internal HookForm handlers.
App Shell v1.1.0
Added AppShell component to core
Theme v1.3.0
Added AppShell component to core
Added Sidebar component to core
Collapse v1.1.1
useCollapse can now be fully controlled
Sidebar v0.1.0
Added Sidebar component to core
09-08-2022 #
@saas-ui/react@1.4.0
Form now accepts a render function with form state props.
Re-export all React Hook Form types and hooks
New onChange prop for Form that triggers when the form state is changed.
Auth v1.3.0
Forms v1.2.0
Modals v1.2.0
08-06-2022 #
Card v1.1.1
08-06-2022 #
Card v1.1.1
08-06-2022 #
@saas-ui/react@1.3.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Only show list item outline when it is focused with keyboard nav
Auth v1.2.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Banner v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Button v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Card v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Clerk v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Data Table v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Forms v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Hooks v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Hotkeys v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Input Right Button v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Layout v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
List v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Only show list item outline when it is focused with keyboard nav
Menu v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Modals v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Nprogress v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Number Input v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Palette v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Password Input v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Persona v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Pin Input v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Property v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Provider v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Radio v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
React Utils v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Search Input v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Select v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Snackbar v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Stepper v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
System v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Theme v1.2.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Web 3 v1.1.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
Next Workspaces v0.3.0
Fixed issue where Next.js would not resolve Chakra UI components correctly.
08-04-2022 #
Hooks v1.0.2
useLocalStorage now returns the defaultValue if no value is available and is updated across tabs.
07-24-2022 #
@saas-ui/react@1.2.1
Fall back to label prop in password forms
Auth v1.1.1
Fall back to label prop in password forms
07-23-2022 #
@saas-ui/react@1.2.0
Auth forms field labels can now be customized, thanks to @nadiles.
Make sure FormStep onSubmit does not throw an error when no promise is returned.
Fixed a typo in the AuthForm styles provider.
PasswordInput width now applied to the FormGroup element.
Auth v1.1.0
Auth forms field labels can now be customized, thanks to @nadiles.
Fixed a typo in the AuthForm styles provider.
Forms v1.0.3
Make sure FormStep onSubmit does not throw an error when no promise is returned.
Password Input v1.0.2
PasswordInput width now applied to the FormGroup element.
07-17-2022 #
Provider v1.0.2
07-08-2022 #
@saas-ui/react@1.1.0
The Saas UI theme now uses InterVariable instead of Inter by default.
Theme v1.1.0
The Saas UI theme now uses InterVariable instead of Inter by default.
Hotkeys v1.0.1
07-08-2022 #
@saas-ui/react@1.1.0
The Saas UI theme now uses InterVariable instead of Inter by default.
Read more about settings up fonts in your theme.
Theme v1.1.0
The Saas UI theme now uses InterVariable instead of Inter by default.
Hotkeys v1.0.1
07-03-2022 #
Forms v1.0.2
fix: Fixed Hook Form 7.33 compatibility.
Input Right Button v1.0.1
fix: Fixed peer dependency issue.
07-02-2022 #
@saas-ui/react@1.0.1
BannerContent flexDirection set to column on small screens.
Support JSONSchema title in field resolvers
Select field focus styles now consistent with Input fields.
Fixed @chakra-ui/system dependency version.
Banner v1.0.1
BannerContent flexDirection set to column on small screens.
Forms v1.0.1
Support JSONSchema title in field resolvers
Select field focus styles now consistent with Input fields.
FormDialog with AutoForm now sets focus on first field by default.
Modals v1.0.1
FormDialog with AutoForm now sets focus on first field by default.
@saas-ui/react@1.0.0
I'm pleased to announce Saas UI Core v1 is officially out! 🥳
Special thanks to all the early adopters for your feedback and contributions.
The release of Chakra UI 2 and React 18 was a great milestone for the last push of this release.
Moving forward, you can expect more components (DatePicker, Timeline, to name a few), and more examples and starter projects for all popular frameworks.
If you have ideas or feedback, feel free to open an Github issue or come hang out in the new public Discord channel .
Card now has a isHoverable property to support hover styles.
breaking: Updated to Chakra UI 2.1
NativeSelect now accepts chilren and doesn't throw if no options are passed.
Added Json Schema (ajv) support for AutoForm.
Added ErrorBoundary component.
Scale reset button icon based on the input size.
Add exports entry for ajv
Re-publish.
Updated to Chakra UI 2.2.1
Updated dependencies.
FormStep now supports an onSubmit handler.
No longer passing down label to input fields.
Updated all readme files, added better descriptions and links to docs and source code.
Option labels are now optional.
Added new RouterProvider and useActivePath now uses Router context.
ArrayFieldRowFields now accepts all FormLayout props (#48).
Stepper now accepts an onChange handler.
ArrayField no longer passing down items to the container element.
Initial release candidate
Field is now correctly typed based on the field type.
Fix vertical orientation for FormStepper.
Modern bundles now use .mjs extension.
Updated to Chakra UI 2.2.1
#50 - Fixed StepForm render prop types.
Fixed vertical divider rendering incorrectly.
Removed redundant ThemeProvider / CSSReset and GlobalStyles components.
AutoForm now renders children.
Fixed all theme onconsistencies.
Added missing dependency.
Spacing between pin inputs can now be configured.
InputField now has type="text" by default.
ContextMenu now passing down all props to the internal Menu.
Select now renders a hidden input with the current value.
New primary and secondary Button variant.
breaking: React 18 support.
Removed isPrimary and isSecondary Button properties, use variant="primary" instead.
@saas-ui/react@1.0.0-rc.14
Hotkeys v1.0.0-rc.5
HotkeysSearch now accepts SearchInputProps
Collapse v1.0.0-rc.5
@saas-ui/react@1.0.0-rc.13
Updated dependencies.
Updated to Clerk React 3.4.1
Collapse v1.0.0-rc.4
Updated dependencies.
Updated classname prefix to saas-
Props Docs v1.0.0-rc.4
06-28-2022 #
@saas-ui/react@1.0.0-rc.11
Added ErrorBoundary component.
FormStep now supports an onSubmit handler.
Fixed vertical divider rendering incorrectly.
Forms v1.0.0-rc.10
FormStep now supports an onSubmit handler.
Property v1.0.0-rc.5
Provider v1.0.0-rc.6
06-24-2022 #
@saas-ui/react@1.0.0-rc.10
Card now has a isHoverable property to support hover styles.
Option labels are now optional.
ArrayFieldRowFields now accepts all FormLayout props (#48).
Field is now correctly typed based on the field type.
#50 - Fixed StepForm render prop types.
New primary and secondary Button variant.
Card v1.0.0-rc.4
Card now has a isHoverable property to support hover styles.
Forms v1.0.0-rc.9
Option labels are now optional.
ArrayFieldRowFields now accepts all FormLayout props (#48).
Field is now correctly typed based on the field type.
#50 - Fixed StepForm render prop types.
Provider v1.0.0-rc.5
Removed dependency on querystring.
Button v1.0.0-rc.4
New primary and secondary Button variant.
@saas-ui/react@1.0.0-rc.9
Scale reset button icon based on the input size.
Updated all readme files, added better descriptions and links to docs and source code.
Removed isPrimary and isSecondary Button properties, use colorScheme="primary" instead.
@saas-ui/react@1.0.0-rc.8
Fix vertical orientation for FormStepper.
@saas-ui/react@1.0.0-rc.7
Add exports entry for ajv
@saas-ui/react@1.0.0-rc.6
Added Json Schema (ajv) support for AutoForm.
@saas-ui/react@1.0.0-rc.6
Stepper now accepts an onChange handler.
@saas-ui/react@1.0.0-rc.4
Updated to Chakra UI 2.2.1
@saas-ui/react@1.0.0-rc.1
React 18 support
Updated to Chakra UI 2.0
@saas-ui/react@0.13.3
Forms v0.7.8
Field id now passed down to the internal FormControl for better a11y.
04-19-2022 #
@saas-ui/react@0.13.0
Saas UI theme colors no longer generated on the fly.
Auth v0.7.9
AuthFormDivider now using Divider component
Added displayName to all components and improved inconsistencies.
Forms v0.7.5
Added displayName to form components
Fixed FormStepper default styles.
Theme v0.8.0
Saas UI theme colors no longer generated on the fly.
System v0.4.1
Added missing peer dependencies
04-14-2022 #
@saas-ui/react@0.12.8
Password Input v0.3.2
Fixed label not rendering correctly in some cases.
Hotkeys v0.6.1
Added modifier shorthands to jsdocs for easy access.
Forms v0.7.0
Added Zod resolver for AutoForm
04-09-2022 #
@saas-ui/react@0.12.7
Hotkeys v0.6.0
Added support for key sequences.
03-21-2022 #
@saas-ui/react@0.12.3
Stepper v0.2.2
Improved Stepper styling on small screens.
Theme v0.7.2
Improved Stepper styling on small screens.
Persona v0.5.1
PersonaContainer now accepts size and box props.
Clerk Authentication Service #
@saas-ui/react@0.12.2
Clerk v0.0.1
Added Clerk authentication service
Theme v0.7.1
Improved Input fields outline variant contrast for better a11y
Auth v0.7.1
Check if AuthStateChange unsubscribe callback is returned.
Stepper v0.2.1
No longer use useLayoutEffect, since it causes SSR issues.
Modals v0.5.0
Improved the MenuDialog api to be more consistant with Menu
03-17-2022 #
@saas-ui/react@0.12.1
Fixed issue where the ModalFooter would not render.
Modals v0.4.1
Fixed issue where the ModalFooter would not render.
@saas-ui/react@0.12.0
BREAKING: Removed Yup dependency, you now need to configure default Form resolvers
Form
no longer accepts a Yup schema
by default.
Use a schema resolver to use schema support. All hookform resolvers are supported.
import { yupResolver } from '@hookform/resolvers/yup'
const form = < Form resolver = { yupResolver ( schema ) } / >
AutoForm only supports Yup for now and has a new API.
import { yupForm } from '@saas-ui/forms/yup'
const form = < AutoForm { ... yupForm ( schema ) } / >
Alternatively you can configure a default resolver for all forms.
Add this somewhere in the root of your project.
import { Form } from '@saas-ui/react'
import { yupResolver , yupFieldResolver } from '@saas-ui/forms/yup'
import { AnyObjectSchema } from 'yup'
Form . getResolver = ( schema : AnyObjectSchema ) => yupResolver ( schema )
Form . getFieldResolver = ( schema : AnyObjectSchema ) => yupFieldResolver ( schema )
Fixed peer dependency issues.
@saas-ui/react@0.11.8
Improved modals manager api
The modals manager open
method now accepts custom modal components directly, allowing you to reduce even more boilerplate code.
import * as React from 'react'
import { useModals , Button } from '@saas-ui/react'
import CustomModal from './custom-modal'
export default function Page ( ) {
const modals = useModals ( )
return < Button onClick = { ( ) => modals . open ( CustomModal ) } > Open modal </ Button >
}
@saas-ui/react@0.11.7
Patch Changes #
99f3e33: Custom modal components can now be directly passed to modals.open
Updated dependencies [99f3e33]