@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.
- package/README.md +8 -0
- package/dist/cjs/api/helpers.js +14 -4
- package/dist/cjs/data/auth/reducer.js +2 -12
- package/dist/cjs/data/breakpoint/index.js +2 -12
- package/dist/cjs/data/wait-message/reducer.js +2 -12
- package/dist/cjs/utils/session.js +13 -3
- package/dist/cjs/utils/storybook/main.js +63 -0
- package/dist/cjs/utils/storybook/manager.js +2 -2
- package/dist/cjs/utils/storybook/middleware.js +27 -0
- package/dist/cjs/utils/storybook/preview.js +9 -3
- package/dist/cjs/utils/storybook/theme.js +5 -8
- package/dist/cjs/utils/storybook/vite.js +33 -0
- package/dist/cjs/utils/storybook/webpack.js +42 -0
- package/dist/cjs/view/fetch-host-app-data/store.js +12 -2
- package/dist/cjs/view/fields/autocomplete/index.js +2 -0
- package/dist/cjs/view/micro-app/use-app-will-render.js +12 -2
- package/dist/cjs/view/storybook/decorator.js +1 -1
- package/dist/esm/data/auth/reducer.js +1 -1
- package/dist/esm/data/breakpoint/index.js +1 -1
- package/dist/esm/data/wait-message/reducer.js +1 -1
- package/dist/esm/utils/storybook/main.js +33 -0
- package/dist/esm/utils/storybook/manager.js +2 -2
- package/dist/esm/utils/storybook/middleware.js +7 -0
- package/dist/esm/utils/storybook/preview.js +9 -3
- package/dist/esm/utils/storybook/theme.js +5 -8
- package/dist/esm/utils/storybook/vite.js +13 -0
- package/dist/esm/utils/storybook/webpack.js +22 -0
- package/dist/esm/view/fields/autocomplete/index.js +2 -0
- package/dist/esm/view/storybook/decorator.js +1 -1
- package/dist/types/lib/utils/storybook/main.d.ts +2 -0
- package/dist/types/lib/utils/storybook/manager.d.ts +2 -1
- package/dist/types/lib/utils/storybook/middleware.d.ts +1 -0
- package/dist/types/lib/utils/storybook/preview.d.ts +5 -29
- package/dist/types/lib/utils/storybook/theme.d.ts +2 -5
- package/dist/types/lib/utils/storybook/vite.d.ts +10 -0
- package/dist/types/lib/utils/storybook/webpack.d.ts +17 -0
- package/dist/types/lib/utils/testing/render-with-state-addons.d.ts +1 -1
- package/dist/types/lib/view/app-root/hosted-app.d.ts +1 -1
- package/dist/types/lib/view/app-root/index.d.ts +1 -1
- package/dist/types/lib/view/app-root/stand-alone-app.d.ts +1 -1
- package/dist/types/lib/view/app-router.d.ts +1 -1
- package/dist/types/lib/view/breakpoint/index.stories.d.ts +6 -3
- package/dist/types/lib/view/error-boundary/default-error-template.d.ts +1 -1
- package/dist/types/lib/view/error-boundary/index.d.ts +1 -1
- package/dist/types/lib/view/error-toast/index.d.ts +1 -2
- package/dist/types/lib/view/error-toast/index.stories.d.ts +12 -5
- package/dist/types/lib/view/fields/autocomplete/advanced-autocomplete.stories.d.ts +8 -4
- package/dist/types/lib/view/fields/autocomplete/async-suggestions-autocomplete.stories.d.ts +8 -4
- package/dist/types/lib/view/fields/autocomplete/index.d.ts +1 -1
- package/dist/types/lib/view/fields/autocomplete/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/check-box/index.d.ts +1 -1
- package/dist/types/lib/view/fields/check-box/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/check-box/set-value.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/combo-box/index.d.ts +1 -1
- package/dist/types/lib/view/fields/combo-box/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/combo-box-v3/index.d.ts +1 -1
- package/dist/types/lib/view/fields/combo-box-v3/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/connect-form.d.ts +1 -0
- package/dist/types/lib/view/fields/date-input/index.d.ts +1 -1
- package/dist/types/lib/view/fields/date-input/index.stories.d.ts +8 -7
- package/dist/types/lib/view/fields/date-picker/index.d.ts +1 -1
- package/dist/types/lib/view/fields/date-picker/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/date-range-picker/index.d.ts +1 -1
- package/dist/types/lib/view/fields/date-range-picker/index.stories.d.ts +8 -7
- package/dist/types/lib/view/fields/date-time-picker/index.d.ts +1 -1
- package/dist/types/lib/view/fields/date-time-picker/index.stories.d.ts +19 -39
- package/dist/types/lib/view/fields/form-item-layout/index.d.ts +1 -1
- package/dist/types/lib/view/fields/form-item-layout/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/form-layout-block-item/index.d.ts +1 -1
- package/dist/types/lib/view/fields/form-layout-block-item/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/input-mask/index.d.ts +1 -1
- package/dist/types/lib/view/fields/input-mask/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/input-text/index.d.ts +1 -1
- package/dist/types/lib/view/fields/input-text/index.stories.d.ts +8 -10
- package/dist/types/lib/view/fields/large-text-box/index.d.ts +1 -1
- package/dist/types/lib/view/fields/large-text-box/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/masked-input-text/index.d.ts +1 -1
- package/dist/types/lib/view/fields/masked-input-text/index.stories.d.ts +10 -0
- package/dist/types/lib/view/fields/radio/index.d.ts +1 -1
- package/dist/types/lib/view/fields/radio/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/radio/set-value.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/radio-group/index.d.ts +1 -1
- package/dist/types/lib/view/fields/radio-group/index.stories.d.ts +8 -5
- package/dist/types/lib/view/fields/text-box/index.d.ts +1 -1
- package/dist/types/lib/view/fields/text-box/index.stories.d.ts +8 -7
- package/dist/types/lib/view/fields/toggle/index.d.ts +1 -1
- package/dist/types/lib/view/fields/toggle/index.stories.d.ts +8 -11
- package/dist/types/lib/view/fields/watch-value.d.ts +1 -1
- package/dist/types/lib/view/form/index.d.ts +1 -1
- package/dist/types/lib/view/form/index.stories.d.ts +7 -3
- package/dist/types/lib/view/form/personal-info-section.d.ts +3 -3
- package/dist/types/lib/view/form/submit-button/index.d.ts +1 -1
- package/dist/types/lib/view/form/usecases.stories.d.ts +9 -12
- package/dist/types/lib/view/live-message/index.d.ts +1 -1
- package/dist/types/lib/view/live-message/index.stories.d.ts +6 -4
- package/dist/types/lib/view/loadable/index.d.ts +1 -1
- package/dist/types/lib/view/login/index.d.ts +1 -1
- package/dist/types/lib/view/modals/error/index.d.ts +1 -1
- package/dist/types/lib/view/modals/error/index.stories.d.ts +9 -6
- package/dist/types/lib/view/modals/navigation-prompt/index.stories.d.ts +9 -10
- package/dist/types/lib/view/modals/session-expiry/index.stories.d.ts +10 -6
- package/dist/types/lib/view/page.d.ts +1 -1
- package/dist/types/lib/view/render-with-host-data/index.d.ts +1 -1
- package/dist/types/lib/view/require-auth.d.ts +1 -1
- package/dist/types/lib/view/session-timeout/index.d.ts +1 -1
- package/dist/types/lib/view/session-timeout/index.stories.d.ts +8 -4
- package/dist/types/lib/view/storybook/decorator.d.ts +1 -1
- package/dist/types/lib/view/wait-message/index.stories.d.ts +11 -9
- package/package.json +40 -35
- package/dist/cjs/utils/storybook/cjs/main.js +0 -56
- package/dist/cjs/utils/storybook/cjs/middleware.js +0 -6
- package/dist/cjs/utils/storybook/cjs/vite.js +0 -8
- package/dist/cjs/utils/storybook/cjs/webpack.js +0 -20
- package/dist/types/lib/utils/storybook/cjs/main.d.ts +0 -65
- package/dist/types/lib/utils/storybook/cjs/middleware.d.ts +0 -2
- package/dist/types/lib/utils/storybook/cjs/vite.d.ts +0 -5
- package/dist/types/lib/utils/storybook/cjs/webpack.d.ts +0 -17
- package/dist/types/lib/view/fields/masked-input-text/with-money-mask.stories.d.ts +0 -11
- 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: {
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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,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,
|
|
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
|
};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
5
|
-
|
|
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
|
-
|
|
2
|
-
|
|
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,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
|
-
|
|
2
|
-
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
};
|
|
3
4
|
export default _default;
|
|
4
|
-
export declare const Basic:
|
|
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,5 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
2
|
import { AutocompleteProps } from './index.js';
|
|
3
|
-
declare const
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
2
|
import { AutocompleteProps } from './index.js';
|
|
3
|
-
declare const
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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;
|
|
@@ -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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 {
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
2
|
import { DateTimePickerProps } from './index.js';
|
|
3
|
-
declare const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
export declare const DateTimePickerExample: Story
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
export declare const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
export declare const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
export declare const
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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;
|