@evoke-platform/ui-components 1.8.1-dev.3 → 1.8.1-dev.4

package/dist/published/stories/Snackbar.stories.d.ts

@@ -1,5 +1,11 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { SnackbarProps } from '@mui/material';
 import React from 'react';
-declare const _default: ComponentMeta<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, SnackbarProps & {
+    handleClose: (event?: Event | React.SyntheticEvent<Element, Event> | undefined, reason?: string | undefined) => void;
+    error?: boolean | undefined;
+}>;
 export default _default;
-export declare const Snackbar: ComponentStory<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => React.JSX.Element>;
+export declare const Snackbar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, SnackbarProps & {
+    handleClose: (event?: Event | React.SyntheticEvent<Element, Event> | undefined, reason?: string | undefined) => void;
+    error?: boolean | undefined;
+}>;

package/dist/published/stories/Stack.stories.d.ts

@@ -1,6 +1,12 @@
-import { StackProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: StackProps<"div", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const Stack: ComponentStory<(props: StackProps<"div", {}>) => React.JSX.Element>;
+export declare const Stack: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

package/dist/published/stories/StaticDatePicker.stories.d.ts

@@ -1,7 +1,12 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { StaticDatePickerProps } from '../index';
-declare const _default: ComponentMeta<(props: StaticDatePickerProps) => React.JSX.Element>;
+import { CalendarDate } from '../index';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("@mui/x-date-pickers").StaticDatePickerProps<string | CalendarDate, CalendarDate>, "renderInput"> & {
+    renderInput?: ((props: import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
+}>;
 export default _default;
-export declare const Desktop: ComponentStory<(props: StaticDatePickerProps) => React.JSX.Element>;
-export declare const Mobile: ComponentStory<(props: StaticDatePickerProps) => React.JSX.Element>;
+export declare const Desktop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("@mui/x-date-pickers").StaticDatePickerProps<string | CalendarDate, CalendarDate>, "renderInput"> & {
+    renderInput?: ((props: import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
+}>;
+export declare const Mobile: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("@mui/x-date-pickers").StaticDatePickerProps<string | CalendarDate, CalendarDate>, "renderInput"> & {
+    renderInput?: ((props: import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
+}>;

package/dist/published/stories/Stepper.stories.d.ts

@@ -1,10 +1,16 @@
-import { StepperProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: StepperProps<"div", {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
     component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}>) => React.JSX.Element>;
+} & import("@mui/material").StepperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "component" | "elevation" | "square" | "orientation" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const Stepper: ComponentStory<(props: StepperProps<"div", {
+export declare const Stepper: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & import("@mui/material").StepperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "component" | "elevation" | "square" | "orientation" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear"> & {
     component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}>) => React.JSX.Element>;
+}>;

package/dist/published/stories/Switch.stories.d.ts

@@ -1,6 +1,4 @@
 import { SwitchProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<(props: SwitchProps) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, SwitchProps>;
 export default _default;
-export declare const Switch: ComponentStory<(props: SwitchProps) => React.JSX.Element>;
+export declare const Switch: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, SwitchProps>;

package/dist/published/stories/Table.stories.d.ts

@@ -1,6 +1,12 @@
-import { TableProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: TableProps<"table", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").TableOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+    ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "size" | "padding" | "stickyHeader"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const Table: ComponentStory<(props: TableProps<"table", {}>) => React.JSX.Element>;
+export declare const Table: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").TableOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+    ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "size" | "padding" | "stickyHeader"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

package/dist/published/stories/Tabs.stories.d.ts

@@ -1,6 +1,12 @@
-import { TabsProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: TabsProps<"div", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "aria-label" | "aria-labelledby" | "onChange" | "sx" | "variant" | "slotProps" | "slots" | "value" | "action" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const Tabs: ComponentStory<(props: TabsProps<"div", {}>) => React.JSX.Element>;
+export declare const Tabs: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "aria-label" | "aria-labelledby" | "onChange" | "sx" | "variant" | "slotProps" | "slots" | "value" | "action" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

package/dist/published/stories/TextField.stories.d.ts

@@ -1,21 +1,19 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<(props: (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
-}) => React.JSX.Element>;
+}>;
 export default _default;
-export declare const TextField: ComponentStory<(props: (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
+export declare const TextField: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
-}) => React.JSX.Element>;
-export declare const TextFieldReadOnly: ComponentStory<(props: (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
+}>;
+export declare const TextFieldReadOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
-}) => React.JSX.Element>;
+}>;

package/dist/published/stories/TimePicker.stories.d.ts

@@ -1,9 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(<TInputDate, TDate = TInputDate>(props: import("@mui/x-date-pickers").TimePickerProps<TInputDate, TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-}>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/x-date-pickers").TimePickerProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;
 export default _default;
-export declare const DatePicker: ComponentStory<(<TInputDate, TDate = TInputDate>(props: import("@mui/x-date-pickers").TimePickerProps<TInputDate, TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-}>;
+export declare const DatePicker: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/x-date-pickers").TimePickerProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;

package/dist/published/stories/TimePickerSelect.stories.d.ts

@@ -1,9 +1,7 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<(props: import("../components/custom/FormField/FormField").FormFieldProps & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormField/FormField").FormFieldProps & {
     id: string;
-}) => React.JSX.Element>;
+}>;
 export default _default;
-export declare const TimePicker: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps & {
+export declare const TimePicker: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormField/FormField").FormFieldProps & {
     id: string;
-}) => React.JSX.Element>;
+}>;

package/dist/published/stories/ToggleButton.stories.d.ts

@@ -1,6 +1,12 @@
-import { ToggleButtonProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: ToggleButtonProps<"button", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "className" | "style" | "classes" | "children" | "tabIndex" | "onChange" | "onClick" | "disabled" | "sx" | "size" | "fullWidth" | "value" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "selected"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const ToggleButton: ComponentStory<(props: ToggleButtonProps<"button", {}>) => React.JSX.Element>;
+export declare const ToggleButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "className" | "style" | "classes" | "children" | "tabIndex" | "onChange" | "onClick" | "disabled" | "sx" | "size" | "fullWidth" | "value" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "selected"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

package/dist/published/stories/Typography.stories.d.ts

@@ -1,5 +1,3 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<(props: any) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, any>;
 export default _default;
-export declare const Typography: ComponentStory<(props: any) => React.JSX.Element>;
+export declare const Typography: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.8.1-dev.3",
+    "version": "1.8.1-dev.4",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -44,16 +44,15 @@
         "@babel/preset-env": "^7.18.6",
         "@commitlint/cli": "^17.8.1",
         "@commitlint/config-conventional": "^17.8.1",
-        "@storybook/addon-actions": "^6.5.8",
-        "@storybook/addon-essentials": "^6.5.8",
-        "@storybook/addon-interactions": "^6.5.8",
-        "@storybook/addon-links": "^6.5.8",
-        "@storybook/builder-webpack5": "^6.5.8",
-        "@storybook/manager-webpack5": "^6.5.8",
-        "@storybook/react": "^6.5.8",
+        "@storybook/addon-actions": "^7.6.20",
+        "@storybook/addon-essentials": "^7.6.20",
+        "@storybook/addon-interactions": "^7.6.20",
+        "@storybook/addon-links": "^7.6.20",
+        "@storybook/builder-webpack5": "^7.6.20",
+        "@storybook/react": "^7.6.20",
         "@storybook/testing-library": "^0.0.11",
-        "@testing-library/jest-dom": "^6.4.2",
-        "@testing-library/react": "^14.2.2",
+        "@testing-library/jest-dom": "^6.8.0",
+        "@testing-library/react": "^14.3.1",
         "@testing-library/user-event": "^14.5.2",
         "@types/flat": "^5.0.5",
         "@types/jest": "^28.1.4",
@@ -79,15 +78,16 @@
         "eslint-plugin-testing-library": "^6.2.0",
         "husky": "^8.0.3",
         "is-ci": "^3.0.1",
-        "lint-staged": "^13.0.1",
+        "lint-staged": "^16.2.1",
         "msw": "^2.10.4",
         "msw-storybook-addon": "^2.0.5",
         "prettier": "^3.0.0",
         "react": "^18.1.0",
         "react-dom": "^18.1.0",
         "rimraf": "^3.0.2",
+        "storybook": "^7.6.20",
         "typescript": "^4.7.3",
-        "vitest": "^1.5.3",
+        "vitest": "^1.6.0",
         "webpack": "^5.74.0",
         "yalc": "^1.0.0-pre.53"
     },
@@ -130,7 +130,7 @@
         "pluralize": "^8.0.0",
         "pretty-bytes": "^6.1.1",
         "react-dropzone": "^14.2.2",
-        "react-hook-form": "^7.60.0",
+        "react-hook-form": "^7.63.0",
         "react-input-mask": "^2.0.4",
         "react-number-format": "^4.9.3",
         "react-querybuilder": "^6.0.2",