@elliemae/pui-app-sdk 5.3.2 → 6.0.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/README.md +8 -0
  2. package/dist/cjs/api/helpers.js +14 -4
  3. package/dist/cjs/data/auth/reducer.js +2 -12
  4. package/dist/cjs/data/breakpoint/index.js +2 -12
  5. package/dist/cjs/data/wait-message/reducer.js +2 -12
  6. package/dist/cjs/utils/session.js +13 -3
  7. package/dist/cjs/utils/storybook/main.js +63 -0
  8. package/dist/cjs/utils/storybook/manager.js +2 -2
  9. package/dist/cjs/utils/storybook/middleware.js +27 -0
  10. package/dist/cjs/utils/storybook/preview.js +9 -3
  11. package/dist/cjs/utils/storybook/theme.js +5 -8
  12. package/dist/cjs/utils/storybook/vite.js +33 -0
  13. package/dist/cjs/utils/storybook/webpack.js +42 -0
  14. package/dist/cjs/view/fetch-host-app-data/store.js +12 -2
  15. package/dist/cjs/view/fields/autocomplete/index.js +2 -0
  16. package/dist/cjs/view/micro-app/use-app-will-render.js +12 -2
  17. package/dist/cjs/view/storybook/decorator.js +1 -1
  18. package/dist/esm/data/auth/reducer.js +1 -1
  19. package/dist/esm/data/breakpoint/index.js +1 -1
  20. package/dist/esm/data/wait-message/reducer.js +1 -1
  21. package/dist/esm/utils/storybook/main.js +33 -0
  22. package/dist/esm/utils/storybook/manager.js +2 -2
  23. package/dist/esm/utils/storybook/middleware.js +7 -0
  24. package/dist/esm/utils/storybook/preview.js +9 -3
  25. package/dist/esm/utils/storybook/theme.js +5 -8
  26. package/dist/esm/utils/storybook/vite.js +13 -0
  27. package/dist/esm/utils/storybook/webpack.js +22 -0
  28. package/dist/esm/view/fields/autocomplete/index.js +2 -0
  29. package/dist/esm/view/storybook/decorator.js +1 -1
  30. package/dist/types/lib/utils/storybook/main.d.ts +2 -0
  31. package/dist/types/lib/utils/storybook/manager.d.ts +2 -1
  32. package/dist/types/lib/utils/storybook/middleware.d.ts +1 -0
  33. package/dist/types/lib/utils/storybook/preview.d.ts +5 -29
  34. package/dist/types/lib/utils/storybook/theme.d.ts +2 -5
  35. package/dist/types/lib/utils/storybook/vite.d.ts +10 -0
  36. package/dist/types/lib/utils/storybook/webpack.d.ts +17 -0
  37. package/dist/types/lib/utils/testing/render-with-state-addons.d.ts +1 -1
  38. package/dist/types/lib/view/app-root/hosted-app.d.ts +1 -1
  39. package/dist/types/lib/view/app-root/index.d.ts +1 -1
  40. package/dist/types/lib/view/app-root/stand-alone-app.d.ts +1 -1
  41. package/dist/types/lib/view/app-router.d.ts +1 -1
  42. package/dist/types/lib/view/breakpoint/index.stories.d.ts +6 -3
  43. package/dist/types/lib/view/error-boundary/default-error-template.d.ts +1 -1
  44. package/dist/types/lib/view/error-boundary/index.d.ts +1 -1
  45. package/dist/types/lib/view/error-toast/index.d.ts +1 -2
  46. package/dist/types/lib/view/error-toast/index.stories.d.ts +12 -5
  47. package/dist/types/lib/view/fields/autocomplete/advanced-autocomplete.stories.d.ts +8 -4
  48. package/dist/types/lib/view/fields/autocomplete/async-suggestions-autocomplete.stories.d.ts +8 -4
  49. package/dist/types/lib/view/fields/autocomplete/index.d.ts +1 -1
  50. package/dist/types/lib/view/fields/autocomplete/index.stories.d.ts +8 -5
  51. package/dist/types/lib/view/fields/check-box/index.d.ts +1 -1
  52. package/dist/types/lib/view/fields/check-box/index.stories.d.ts +8 -5
  53. package/dist/types/lib/view/fields/check-box/set-value.stories.d.ts +8 -5
  54. package/dist/types/lib/view/fields/combo-box/index.d.ts +1 -1
  55. package/dist/types/lib/view/fields/combo-box/index.stories.d.ts +8 -5
  56. package/dist/types/lib/view/fields/combo-box-v3/index.d.ts +1 -1
  57. package/dist/types/lib/view/fields/combo-box-v3/index.stories.d.ts +8 -5
  58. package/dist/types/lib/view/fields/connect-form.d.ts +1 -0
  59. package/dist/types/lib/view/fields/date-input/index.d.ts +1 -1
  60. package/dist/types/lib/view/fields/date-input/index.stories.d.ts +8 -7
  61. package/dist/types/lib/view/fields/date-picker/index.d.ts +1 -1
  62. package/dist/types/lib/view/fields/date-picker/index.stories.d.ts +8 -5
  63. package/dist/types/lib/view/fields/date-range-picker/index.d.ts +1 -1
  64. package/dist/types/lib/view/fields/date-range-picker/index.stories.d.ts +8 -7
  65. package/dist/types/lib/view/fields/date-time-picker/index.d.ts +1 -1
  66. package/dist/types/lib/view/fields/date-time-picker/index.stories.d.ts +19 -39
  67. package/dist/types/lib/view/fields/form-item-layout/index.d.ts +1 -1
  68. package/dist/types/lib/view/fields/form-item-layout/index.stories.d.ts +8 -5
  69. package/dist/types/lib/view/fields/form-layout-block-item/index.d.ts +1 -1
  70. package/dist/types/lib/view/fields/form-layout-block-item/index.stories.d.ts +8 -5
  71. package/dist/types/lib/view/fields/input-mask/index.d.ts +1 -1
  72. package/dist/types/lib/view/fields/input-mask/index.stories.d.ts +8 -5
  73. package/dist/types/lib/view/fields/input-text/index.d.ts +1 -1
  74. package/dist/types/lib/view/fields/input-text/index.stories.d.ts +8 -10
  75. package/dist/types/lib/view/fields/large-text-box/index.d.ts +1 -1
  76. package/dist/types/lib/view/fields/large-text-box/index.stories.d.ts +8 -5
  77. package/dist/types/lib/view/fields/masked-input-text/index.d.ts +1 -1
  78. package/dist/types/lib/view/fields/masked-input-text/index.stories.d.ts +10 -0
  79. package/dist/types/lib/view/fields/radio/index.d.ts +1 -1
  80. package/dist/types/lib/view/fields/radio/index.stories.d.ts +8 -5
  81. package/dist/types/lib/view/fields/radio/set-value.stories.d.ts +8 -5
  82. package/dist/types/lib/view/fields/radio-group/index.d.ts +1 -1
  83. package/dist/types/lib/view/fields/radio-group/index.stories.d.ts +8 -5
  84. package/dist/types/lib/view/fields/text-box/index.d.ts +1 -1
  85. package/dist/types/lib/view/fields/text-box/index.stories.d.ts +8 -7
  86. package/dist/types/lib/view/fields/toggle/index.d.ts +1 -1
  87. package/dist/types/lib/view/fields/toggle/index.stories.d.ts +8 -11
  88. package/dist/types/lib/view/fields/watch-value.d.ts +1 -1
  89. package/dist/types/lib/view/form/index.d.ts +1 -1
  90. package/dist/types/lib/view/form/index.stories.d.ts +7 -3
  91. package/dist/types/lib/view/form/personal-info-section.d.ts +3 -3
  92. package/dist/types/lib/view/form/submit-button/index.d.ts +1 -1
  93. package/dist/types/lib/view/form/usecases.stories.d.ts +9 -12
  94. package/dist/types/lib/view/live-message/index.d.ts +1 -1
  95. package/dist/types/lib/view/live-message/index.stories.d.ts +6 -4
  96. package/dist/types/lib/view/loadable/index.d.ts +1 -1
  97. package/dist/types/lib/view/login/index.d.ts +1 -1
  98. package/dist/types/lib/view/modals/error/index.d.ts +1 -1
  99. package/dist/types/lib/view/modals/error/index.stories.d.ts +9 -6
  100. package/dist/types/lib/view/modals/navigation-prompt/index.stories.d.ts +9 -10
  101. package/dist/types/lib/view/modals/session-expiry/index.stories.d.ts +10 -6
  102. package/dist/types/lib/view/page.d.ts +1 -1
  103. package/dist/types/lib/view/render-with-host-data/index.d.ts +1 -1
  104. package/dist/types/lib/view/require-auth.d.ts +1 -1
  105. package/dist/types/lib/view/session-timeout/index.d.ts +1 -1
  106. package/dist/types/lib/view/session-timeout/index.stories.d.ts +8 -4
  107. package/dist/types/lib/view/storybook/decorator.d.ts +1 -1
  108. package/dist/types/lib/view/wait-message/index.stories.d.ts +11 -9
  109. package/package.json +40 -35
  110. package/dist/cjs/utils/storybook/cjs/main.js +0 -56
  111. package/dist/cjs/utils/storybook/cjs/middleware.js +0 -6
  112. package/dist/cjs/utils/storybook/cjs/vite.js +0 -8
  113. package/dist/cjs/utils/storybook/cjs/webpack.js +0 -20
  114. package/dist/types/lib/utils/storybook/cjs/main.d.ts +0 -65
  115. package/dist/types/lib/utils/storybook/cjs/middleware.d.ts +0 -2
  116. package/dist/types/lib/utils/storybook/cjs/vite.d.ts +0 -5
  117. package/dist/types/lib/utils/storybook/cjs/webpack.d.ts +0 -17
  118. package/dist/types/lib/view/fields/masked-input-text/with-money-mask.stories.d.ts +0 -11
  119. package/dist/types/lib/view/fields/masked-input-text/with-percentage-mask.stories.d.ts +0 -11
@@ -10,10 +10,15 @@ const store = createAppStore({}, browserHistory);
10
10
  const appDecorator = withAppDecorator.bind(null, theme, store);
11
11
  const getParameters = (storyBookTheme) => ({
12
12
  layout: "fullscreen",
13
- actions: { argTypesRegex: "^on.*" },
14
- controls: { hideNoControlsWarning: true },
13
+ actions: { argTypesRegex: "^on[A-Z].*" },
14
+ controls: {
15
+ expanded: true,
16
+ matchers: {
17
+ color: /(background|color)$/i,
18
+ date: /Date$/
19
+ }
20
+ },
15
21
  docs: {
16
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
17
22
  theme: createTheme(storyBookTheme)
18
23
  },
19
24
  options: {
@@ -43,6 +48,7 @@ const decorators = [appDecorator];
43
48
  const loaders = [
44
49
  async () => {
45
50
  await loadAppConfig("./");
51
+ return {};
46
52
  }
47
53
  ];
48
54
  export {
@@ -3,14 +3,11 @@ const createTheme = ({
3
3
  base = "light",
4
4
  brandTitle = "Platform UI Components",
5
5
  ...rest
6
- }) => (
7
- // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
8
- create({
9
- base,
10
- brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
11
- ...rest
12
- })
13
- );
6
+ }) => create({
7
+ base,
8
+ brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
9
+ ...rest
10
+ });
14
11
  export {
15
12
  createTheme
16
13
  };
@@ -0,0 +1,13 @@
1
+ const viteConfig = {
2
+ stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
3
+ core: {
4
+ disableTelemetry: true
5
+ },
6
+ framework: {
7
+ name: "@storybook/react-vite",
8
+ options: {}
9
+ }
10
+ };
11
+ export {
12
+ viteConfig
13
+ };
@@ -0,0 +1,22 @@
1
+ import { webpackFinal } from "@elliemae/pui-cli/storybook";
2
+ const webpackConfig = {
3
+ stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
4
+ addons: [
5
+ {
6
+ name: "storybook-addon-turbo-build",
7
+ options: {
8
+ optimizationLevel: 2,
9
+ esbuildMinifyOptions: { target: "es2020" }
10
+ }
11
+ }
12
+ ],
13
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
14
+ webpackFinal,
15
+ framework: {
16
+ name: "@storybook/react-webpack5",
17
+ options: {}
18
+ }
19
+ };
20
+ export {
21
+ webpackConfig
22
+ };
@@ -14,6 +14,8 @@ const Autocomplete = ({ children, ...rest }) => {
14
14
  const { watch, setValue } = useFormContext();
15
15
  const watchedFilter = watch(rest.name);
16
16
  const onSelect = useCallback(
17
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
18
+ // @ts-ignore
17
19
  (newValue, ...otherArgs) => {
18
20
  if (rest.onSelect)
19
21
  rest.onSelect(newValue, ...otherArgs);
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { browserHistory } from "../../utils/history.js";
3
3
  import { AppRoot } from "../app-root/index.js";
4
- const withAppDecorator = (theme, store, story) => /* @__PURE__ */ jsx(AppRoot, { store, history: browserHistory, theme, children: story() });
4
+ const withAppDecorator = (theme, store, Story) => /* @__PURE__ */ jsx(AppRoot, { store, history: browserHistory, theme, children: /* @__PURE__ */ jsx(Story, {}) });
5
5
  export {
6
6
  withAppDecorator
7
7
  };
@@ -0,0 +1,2 @@
1
+ import { StorybookConfig } from '@storybook/react-webpack5';
2
+ export declare const getConfig: (viteBuilder?: boolean) => StorybookConfig;
@@ -1 +1,2 @@
1
- export function initSBManager(theme: any): void;
1
+ import { ThemeVars } from '@storybook/theming';
2
+ export declare const initSBManager: ({ base, ...rest }: ThemeVars) => void;
@@ -0,0 +1 @@
1
+ export function expressMiddleWare(router: any): void;
@@ -1,31 +1,7 @@
1
1
  /// <reference types="react" />
2
+ import { ThemeVars } from '@storybook/theming';
3
+ import { Parameters } from '@storybook/react';
2
4
  import './preview.css';
3
- export declare const getParameters: (storyBookTheme: {
4
- [x: string]: any;
5
- base?: string | undefined;
6
- brandTitle?: string | undefined;
7
- }) => {
8
- layout: string;
9
- actions: {
10
- argTypesRegex: string;
11
- };
12
- controls: {
13
- hideNoControlsWarning: boolean;
14
- };
15
- docs: {
16
- theme: any;
17
- };
18
- options: {
19
- storySort: {
20
- method: string;
21
- order: (string | string[])[];
22
- locales: string[];
23
- };
24
- };
25
- dependencies: {
26
- withStoriesOnly: boolean;
27
- hideEmpty: boolean;
28
- };
29
- };
30
- export declare const decorators: ((story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element)[];
31
- export declare const loaders: (() => Promise<void>)[];
5
+ export declare const getParameters: (storyBookTheme: ThemeVars) => Parameters;
6
+ export declare const decorators: ((Story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react/jsx-runtime.js").JSX.Element)[];
7
+ export declare const loaders: (() => Promise<{}>)[];
@@ -1,5 +1,2 @@
1
- export function createTheme({ base, brandTitle, ...rest }: {
2
- [x: string]: any;
3
- base?: string | undefined;
4
- brandTitle?: string | undefined;
5
- }): any;
1
+ import { ThemeVars } from '@storybook/theming';
2
+ export declare const createTheme: ({ base, brandTitle, ...rest }: ThemeVars) => ThemeVars;
@@ -0,0 +1,10 @@
1
+ export declare const viteConfig: {
2
+ stories: string[];
3
+ core: {
4
+ disableTelemetry: boolean;
5
+ };
6
+ framework: {
7
+ name: string;
8
+ options: {};
9
+ };
10
+ };
@@ -0,0 +1,17 @@
1
+ export namespace webpackConfig {
2
+ export const stories: string[];
3
+ export const addons: {
4
+ name: string;
5
+ options: {
6
+ optimizationLevel: number;
7
+ esbuildMinifyOptions: {
8
+ target: string;
9
+ };
10
+ };
11
+ }[];
12
+ export { webpackFinal };
13
+ export namespace framework {
14
+ const name: string;
15
+ const options: {};
16
+ }
17
+ }
@@ -19,5 +19,5 @@ interface RenderWithStateAddOnsProps {
19
19
  theme?: Theme;
20
20
  [x: string]: any;
21
21
  }
22
- export declare const RenderWithStateAddOns: ({ Component, reducer, saga, theme, ...rest }: RenderWithStateAddOnsProps) => JSX.Element | null;
22
+ export declare const RenderWithStateAddOns: ({ Component, reducer, saga, theme, ...rest }: RenderWithStateAddOnsProps) => import("react/jsx-runtime").JSX.Element | null;
23
23
  export {};
@@ -3,5 +3,5 @@ type HostedAppProps = {
3
3
  WaitMessage: React.ReactNode;
4
4
  children: React.ReactNode;
5
5
  };
6
- export declare const HostedApp: ({ WaitMessage, children }: HostedAppProps) => JSX.Element;
6
+ export declare const HostedApp: ({ WaitMessage, children }: HostedAppProps) => import("react/jsx-runtime.js").JSX.Element;
7
7
  export {};
@@ -13,5 +13,5 @@ type AppRootProps = {
13
13
  errorTemplate?: React.ComponentType;
14
14
  strictMode?: boolean;
15
15
  };
16
- export declare const AppRoot: ({ store, history, basename, theme, manageSession, WaitMessage, errorTemplate, children, strictMode, }: AppRootProps) => JSX.Element;
16
+ export declare const AppRoot: ({ store, history, basename, theme, manageSession, WaitMessage, errorTemplate, children, strictMode, }: AppRootProps) => import("react/jsx-runtime.js").JSX.Element;
17
17
  export {};
@@ -4,5 +4,5 @@ type StandAloneAppProps = {
4
4
  WaitMessage: React.ReactNode;
5
5
  children: React.ReactNode;
6
6
  };
7
- export declare const StandAloneApp: ({ manageSession, WaitMessage, children, }: StandAloneAppProps) => JSX.Element;
7
+ export declare const StandAloneApp: ({ manageSession, WaitMessage, children, }: StandAloneAppProps) => import("react/jsx-runtime.js").JSX.Element;
8
8
  export {};
@@ -5,5 +5,5 @@ interface AppRouterProps {
5
5
  basename?: string;
6
6
  children?: React.ReactNode;
7
7
  }
8
- export declare const AppRouter: ({ history, basename, ...props }: AppRouterProps) => JSX.Element;
8
+ export declare const AppRouter: ({ history, basename, ...props }: AppRouterProps) => import("react/jsx-runtime").JSX.Element;
9
9
  export {};
@@ -1,4 +1,7 @@
1
- import { Meta } from '@storybook/react';
2
- declare const _default: Meta;
1
+ declare const _default: {
2
+ title: string;
3
+ };
3
4
  export default _default;
4
- export declare const Basic: () => JSX.Element;
5
+ export declare const Basic: {
6
+ render: () => import("react/jsx-runtime.js").JSX.Element;
7
+ };
@@ -4,4 +4,4 @@ export interface ErrorTemplateProps {
4
4
  componentStack: string;
5
5
  } | null;
6
6
  }
7
- export declare const DefaultErrorTemplate: ({ error, errorInfo, }: ErrorTemplateProps) => JSX.Element;
7
+ export declare const DefaultErrorTemplate: ({ error, errorInfo, }: ErrorTemplateProps) => import("react/jsx-runtime").JSX.Element;
@@ -8,6 +8,6 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
8
8
  componentDidCatch(error: Error, errorInfo: {
9
9
  componentStack: string;
10
10
  }): void;
11
- render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
11
+ render(): string | number | boolean | React.ReactFragment | import("react/jsx-runtime.js").JSX.Element | null | undefined;
12
12
  }
13
13
  export {};
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
- interface ErrorToastProps {
2
+ export interface ErrorToastProps {
3
3
  [x: string]: any;
4
4
  }
5
5
  export declare const ErrorToast: import("react").NamedExoticComponent<ErrorToastProps>;
6
- export {};
@@ -1,5 +1,12 @@
1
- import { Meta } from '@storybook/react';
2
- declare const _default: Meta;
3
- export default _default;
4
- export declare const BasicError: () => JSX.Element;
5
- export declare const ToastDifferentTypes: () => JSX.Element;
1
+ /// <reference types="react" />
2
+ import { StoryObj } from '@storybook/react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").NamedExoticComponent<import("./index.js").ErrorToastProps>;
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Error: Story;
10
+ export declare const Success: Story;
11
+ export declare const Info: Story;
12
+ export declare const Warning: Story;
@@ -1,5 +1,9 @@
1
- import { Story, Meta } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react';
2
2
  import { AutocompleteProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const AdvancedAutocomplete: Story<AutocompleteProps>;
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ children, ...rest }: AutocompleteProps) => import("react/jsx-runtime.js").JSX.Element;
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const AdvancedAutocomplete: Story;
@@ -1,5 +1,9 @@
1
- import { Story, Meta } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react';
2
2
  import { AutocompleteProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const AsyncSuggestionsAutocomplete: Story<AutocompleteProps>;
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ children, ...rest }: AutocompleteProps) => import("react/jsx-runtime.js").JSX.Element;
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const AsyncSuggestionsAutocomplete: Story;
@@ -8,5 +8,5 @@ export type AutocompleteProps = {
8
8
  options: DSAutocompleteProps['options'];
9
9
  children: DSAutocompleteProps['children'];
10
10
  };
11
- export declare const Autocomplete: ({ children, ...rest }: AutocompleteProps) => JSX.Element;
11
+ export declare const Autocomplete: ({ children, ...rest }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
12
12
  export {};
@@ -1,5 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { AutocompleteProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<AutocompleteProps>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ children, ...rest }: import("./index.js").AutocompleteProps) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -6,4 +6,4 @@ export type CheckBoxProps<TFieldValues extends FieldValues = FieldValues, TName
6
6
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
7
7
  [x: string]: any;
8
8
  };
9
- export declare const CheckBox: ({ name, defaultValue, rules, ...rest }: CheckBoxProps) => JSX.Element;
9
+ export declare const CheckBox: ({ name, defaultValue, rules, ...rest }: CheckBoxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { CheckBoxProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<CheckBoxProps>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, defaultValue, rules, ...rest }: import("./index.js").CheckBoxProps<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -1,5 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { CheckBoxProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const SetValue: Story<CheckBoxProps>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, defaultValue, rules, ...rest }: import("./index.js").CheckBoxProps<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const SetValue: Story;
@@ -5,4 +5,4 @@ export type ComboBoxProps<TFieldValues extends FieldValues = FieldValues, TName
5
5
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
6
6
  [x: string]: any;
7
7
  };
8
- export declare const ComboBox: ({ name, defaultValue, rules, ...rest }: ComboBoxProps) => JSX.Element;
8
+ export declare const ComboBox: ({ name, defaultValue, rules, ...rest }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { ComboBoxProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<ComboBoxProps>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, defaultValue, rules, ...rest }: import("./index.js").ComboBoxProps<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -9,5 +9,5 @@ export type ComboBoxV3Props<TFieldValues extends FieldValues = FieldValues, TNam
9
9
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
10
10
  [x: string]: any;
11
11
  } & Optional<Omit<DSComboboxProps, 'selectedValues' | 'onChange'>, 'filteredOptions'>;
12
- export declare const ComboBoxV3: ({ name, defaultValue, rules, filteredOptions, ...rest }: ComboBoxV3Props) => JSX.Element;
12
+ export declare const ComboBoxV3: ({ name, defaultValue, rules, filteredOptions, ...rest }: ComboBoxV3Props) => import("react/jsx-runtime").JSX.Element;
13
13
  export {};
@@ -1,5 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { ComboBoxV3Props } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<ComboBoxV3Props>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, defaultValue, rules, filteredOptions, ...rest }: import("./index.js").ComboBoxV3Props<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { UseFormReturn, FieldValues } from 'react-hook-form';
2
3
  export type ConnectFormProps = {
3
4
  children: <TFieldValues extends FieldValues>(methods: UseFormReturn<TFieldValues>) => JSX.Element;
@@ -5,4 +5,4 @@ export type DateInputProps<TFieldValues extends FieldValues = FieldValues, TName
5
5
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
6
6
  [x: string]: any;
7
7
  };
8
- export declare const DateInput: ({ name, defaultValue, rules, ...rest }: DateInputProps) => JSX.Element;
8
+ export declare const DateInput: ({ name, defaultValue, rules, ...rest }: DateInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { DateInputProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<DateInputProps & {
6
- labelText: string;
7
- }>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, defaultValue, rules, ...rest }: import("./index.js").DateInputProps<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -6,4 +6,4 @@ export type DatePickerProps<TFieldValues extends FieldValues = FieldValues, TNam
6
6
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
7
7
  [x: string]: any;
8
8
  };
9
- export declare const DatePicker: ({ name, defaultValue, rules, ...rest }: DatePickerProps) => JSX.Element;
9
+ export declare const DatePicker: ({ name, defaultValue, rules, ...rest }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { DatePickerProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<DatePickerProps>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, defaultValue, rules, ...rest }: import("./index.js").DatePickerProps<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -5,4 +5,4 @@ export type DateRangePickerProps<TFieldValues extends FieldValues = FieldValues,
5
5
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
6
6
  [x: string]: any;
7
7
  };
8
- export declare const DateRangePicker: ({ name, defaultValue, rules, ...rest }: DateRangePickerProps) => JSX.Element;
8
+ export declare const DateRangePicker: ({ name, defaultValue, rules, ...rest }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { DateRangePickerProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<DateRangePickerProps & {
6
- labelText: string;
7
- }>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, defaultValue, rules, ...rest }: import("./index.js").DateRangePickerProps<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -8,5 +8,5 @@ export type DateTimePickerProps<TFieldValues extends FieldValues = FieldValues,
8
8
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
9
9
  [x: string]: any;
10
10
  } & Partial<DSDateTimePickerProps>;
11
- export declare const DateTimePicker: ({ name, defaultValue, rules, type, ...rest }: DateTimePickerProps) => JSX.Element;
11
+ export declare const DateTimePicker: ({ name, defaultValue, rules, type, ...rest }: DateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
12
12
  export {};
@@ -1,40 +1,20 @@
1
- import { Story, Meta } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react';
2
2
  import { DateTimePickerProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const DateTimeInputs: Story<DateTimePickerProps & {
6
- labelText: string;
7
- }>;
8
- export declare const FullDateTime: Story<DateTimePickerProps & {
9
- labelText: string;
10
- }>;
11
- export declare const DateTimePickerExample: Story<DateTimePickerProps & {
12
- labelText: string;
13
- }>;
14
- export declare const DateTimePickerControllerOnly: Story<DateTimePickerProps & {
15
- labelText: string;
16
- }>;
17
- export declare const DateInputs: Story<DateTimePickerProps & {
18
- labelText: string;
19
- }>;
20
- export declare const DatePicker: Story<DateTimePickerProps & {
21
- labelText: string;
22
- }>;
23
- export declare const DatePickerControllerOnly: Story<DateTimePickerProps & {
24
- labelText: string;
25
- }>;
26
- export declare const FullDate: Story<DateTimePickerProps & {
27
- labelText: string;
28
- }>;
29
- export declare const FullTime: Story<DateTimePickerProps & {
30
- labelText: string;
31
- }>;
32
- export declare const TimeInputs: Story<DateTimePickerProps & {
33
- labelText: string;
34
- }>;
35
- export declare const TimePickerControllerOnly: Story<DateTimePickerProps & {
36
- labelText: string;
37
- }>;
38
- export declare const TimePicker: Story<DateTimePickerProps & {
39
- labelText: string;
40
- }>;
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ name, defaultValue, rules, type, ...rest }: DateTimePickerProps<import("react-hook-form").FieldValues, string>) => import("react/jsx-runtime.js").JSX.Element;
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const DateTimeInputs: Story;
10
+ export declare const FullDateTime: Story;
11
+ export declare const DateTimePickerExample: Story;
12
+ export declare const DateTimePickerControllerOnly: Story;
13
+ export declare const DateInputs: Story;
14
+ export declare const DatePicker: Story;
15
+ export declare const DatePickerControllerOnly: Story;
16
+ export declare const FullDate: Story;
17
+ export declare const FullTime: Story;
18
+ export declare const TimeInputs: Story;
19
+ export declare const TimePickerControllerOnly: Story;
20
+ export declare const TimePicker: Story;
@@ -6,4 +6,4 @@ export type FormItemLayoutProps = {
6
6
  labelText?: string;
7
7
  [x: string]: any;
8
8
  };
9
- export declare const FormItemLayout: ({ name, ...rest }: FormItemLayoutProps) => JSX.Element;
9
+ export declare const FormItemLayout: ({ name, ...rest }: FormItemLayoutProps) => import("react/jsx-runtime.js").JSX.Element;
@@ -1,5 +1,8 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { FormItemLayoutProps } from './index.js';
3
- declare const _default: Meta;
4
- export default _default;
5
- export declare const Basic: Story<FormItemLayoutProps>;
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, ...rest }: import("./index.js").FormItemLayoutProps) => import("react/jsx-runtime.js").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Basic: Story;
@@ -5,4 +5,4 @@ export type FormLayoutBlockItemProps = {
5
5
  children: React.ReactNode;
6
6
  [x: string]: any;
7
7
  };
8
- export declare const FormLayoutBlockItem: ({ inputID, label, ...rest }: FormLayoutBlockItemProps) => JSX.Element;
8
+ export declare const FormLayoutBlockItem: ({ inputID, label, ...rest }: FormLayoutBlockItemProps) => import("react/jsx-runtime.js").JSX.Element;