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

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.1",
     "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",