@evoke-platform/ui-components 1.8.2-testing.0 → 1.9.0-dev.0

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

@@ -1,6 +1,12 @@
-import { IconButtonProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: IconButtonProps<"button", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").IconButtonOwnProps & 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" | "disabled" | "sx" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const IconButton: ComponentStory<(props: IconButtonProps<"button", {}>) => React.JSX.Element>;
+export declare const IconButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").IconButtonOwnProps & 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" | "disabled" | "sx" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

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

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

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

@@ -1,6 +1,12 @@
-import { LinkProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: LinkProps<"a", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
+}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "color" | "fontWeight" | "lineHeight" | "className" | "style" | "classes" | "children" | "sx" | "p" | "margin" | "variant" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses" | "underline"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const Link: ComponentStory<(props: LinkProps<"a", {}>) => React.JSX.Element>;
+export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
+}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "color" | "fontWeight" | "lineHeight" | "className" | "style" | "classes" | "children" | "sx" | "p" | "margin" | "variant" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses" | "underline"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

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

@@ -1,6 +1,12 @@
-import { ListProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: ListProps<"ul", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "subheader" | "dense" | "disablePadding"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const List: ComponentStory<(props: ListProps<"ul", {}>) => React.JSX.Element>;
+export declare const List: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "subheader" | "dense" | "disablePadding"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

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

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

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

@@ -1,5 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { MenuBar as CustomMenuBar } from '../index';
-declare const _default: ComponentMeta<typeof CustomMenuBar>;
+import { MenuBarProps } from '../components/custom/Menubar/Menubar';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, MenuBarProps>;
 export default _default;
-export declare const MenuBar: ComponentStory<typeof CustomMenuBar>;
+export declare const MenuBar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, MenuBarProps>;

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

@@ -1,5 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { MultiSelect as CustomMultiSelect } from '../index';
-declare const _default: ComponentMeta<typeof CustomMultiSelect>;
+import { MultiSelectProps } from '../components/custom/MultiSelect/MultiSelect';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, MultiSelectProps>;
 export default _default;
-export declare const MultiSelect: ComponentStory<typeof CustomMultiSelect>;
+export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, MultiSelectProps>;

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

@@ -1,5 +1,3 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<React.FC<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>;
 export default _default;
-export declare const OverflowTextField: ComponentStory<React.FC<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps>>;
+export declare const OverflowTextField: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps>;

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

@@ -1,5 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<import("../components/layout/Box/Box").BoxProps, "ref"> & React.RefAttributes<unknown>>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("../components/layout/Box/Box").BoxProps, "ref"> & React.RefAttributes<unknown>>;
 export default _default;
-export declare const Palette: ComponentStory<React.ForwardRefExoticComponent<Omit<import("../components/layout/Box/Box").BoxProps, "ref"> & React.RefAttributes<unknown>>>;
+export declare const Palette: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("../components/layout/Box/Box").BoxProps, "ref"> & React.RefAttributes<unknown>>;

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

@@ -1,6 +1,12 @@
-import { PaperProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: PaperProps<"div", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").PaperOwnProps & 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" | "elevation" | "square"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const Paper: ComponentStory<(props: PaperProps<"div", {}>) => React.JSX.Element>;
+export declare const Paper: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").PaperOwnProps & 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" | "elevation" | "square"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

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

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

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

@@ -1,5 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { RepeatableField as CustomRepeatableField } from '../index';
-declare const _default: ComponentMeta<typeof CustomRepeatableField>;
+import { RepeatableFieldProps } from '../components/custom/RepeatableField/RepeatableField';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, RepeatableFieldProps>;
 export default _default;
-export declare const RepeatableField: ComponentStory<typeof CustomRepeatableField>;
+export declare const RepeatableField: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RepeatableFieldProps>;

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

@@ -1,8 +1,7 @@
-import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { ResponsiveOverflowProps } from '../components/custom/ResponsiveOverflow';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
 export default _default;
 export declare const ResizableDemo: () => React.JSX.Element;
-export declare const WithLinks: Story<ResponsiveOverflowProps>;
-export declare const WithCustomMoreButton: Story<ResponsiveOverflowProps>;
+export declare const WithLinks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ResponsiveOverflowProps>;
+export declare const WithCustomMoreButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ResponsiveOverflowProps>;

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

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

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

@@ -1,6 +1,12 @@
-import { SkeletonProps } from '@mui/material';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: SkeletonProps<"span", {}>) => React.JSX.Element>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "height" | "width" | "animation"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;
 export default _default;
-export declare const Skeleton: ComponentStory<(props: SkeletonProps<"span", {}>) => React.JSX.Element>;
+export declare const Skeleton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "height" | "width" | "animation"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>;

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/dist/published/stories/sharedMswHandlers.js

@@ -1,5 +1,5 @@
 import { http, HttpResponse } from 'msw';
-import { instance, mockCustomerCreateForm, mockCustomerObject, mockCustomerUpdateForm, mockEvokeForm, mockGenericEvokeFormObject, mockInstancesForCollection, mockInstancesForRelatedObject, mockMovieCreateForm, mockMovieObject, mockPeopleGenericObject, mockPeopleGenericObjectInstances, mockPeopleObject, mockPropertiesForCriteria, } from './FormRendererData';
+import { instance, mockCustomerCreateForm, mockCustomerObject, mockCustomerUpdateForm, mockEvokeForm, mockEvokeFormWithSections, mockGenericEvokeFormObject, mockInstancesForCollection, mockInstancesForRelatedObject, mockMovieCreateForm, mockMovieObject, mockPeopleGenericObject, mockPeopleGenericObjectInstances, mockPeopleObject, mockPropertiesForCriteria, users, } from './FormRendererData';
 export const sharedObjectHandlers = [
     // Object fetches
     http.get('/api/data/objects/:objectId/effective', ({ params, request }) => {
@@ -43,6 +43,8 @@ export const sharedObjectHandlers = [
     }),
     // Property fetch for criteria field properties
     http.get('/api/data/objects/genericEvokeForm/effective/properties?fields', () => HttpResponse.json(mockPropertiesForCriteria)),
+    // User fetches
+    http.get('/api/accessManagement/users', () => HttpResponse.json(users)),
     // Permission fetches
     http.get(/\/checkAccess$/, () => HttpResponse.json({ result: true })),
     // General instance fetches
@@ -84,6 +86,8 @@ export const sharedObjectHandlers = [
                 return HttpResponse.json(mockMovieCreateForm);
             case 'updateGenericEvokeForm':
                 return HttpResponse.json(mockEvokeForm);
+            case 'updateGenericEvokeFormWithSections':
+                return HttpResponse.json(mockEvokeFormWithSections);
             default:
                 return HttpResponse.json({});
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.8.2-testing.0",
+    "version": "1.9.0-dev.0",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -24,8 +24,8 @@
         "build": "rm -rf ./dist && tsc && npm run copy-styles",
         "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
         "prepublish": "rm -rf ./dist && tsc && npm run copy-styles",
-        "storybook": "npx msw init .storybook/public --save && start-storybook -p 6006",
-        "build-storybook": "build-storybook",
+        "storybook": "npx msw init .storybook/public --save && storybook dev -p 6006",
+        "build-storybook": "storybook build",
         "lint": "npm run prettier:check && npm run eslint",
         "lint:fix": "npm run eslint:fix && npm run prettier:fix",
         "prettier:cli": "prettier \"**/*.tsx\" \"**/*.js\" \"**/*.json\" \"**/*.md\"",
@@ -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/react": "^7.6.20",
+        "@storybook/react-webpack5": "^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,20 +78,21 @@
         "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"
     },
     "peerDependencies": {
-        "@evoke-platform/context": "^1.3.2",
+        "@evoke-platform/context": "^1.4.0-dev.5",
         "react": "^18.1.0",
         "react-dom": "^18.1.0"
     },
@@ -119,6 +119,7 @@
         "devexpress-richedit": "^23.1.5",
         "devextreme": "^23.1.5",
         "devextreme-dist": "^23.1.5",
+        "dompurify": "^3.2.6",
         "eslint-plugin-no-inline-styles": "^1.0.5",
         "flat": "^6.0.1",
         "formiojs": "^4.21.7",
@@ -130,7 +131,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",