@kosdev-code/kos-ddk-story-containers 0.1.0-dev.19
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/components/index.d.ts +2 -0
- package/components/index.d.ts.map +1 -0
- package/components/storybook/control-pour-story-container/control-pour-story-container.d.ts +7 -0
- package/components/storybook/control-pour-story-container/control-pour-story-container.d.ts.map +1 -0
- package/components/storybook/control-pour-story-container/index.d.ts +2 -0
- package/components/storybook/control-pour-story-container/index.d.ts.map +1 -0
- package/components/storybook/cui-story-container/cui-story-container.d.ts +7 -0
- package/components/storybook/cui-story-container/cui-story-container.d.ts.map +1 -0
- package/components/storybook/cui-story-container/index.d.ts +2 -0
- package/components/storybook/cui-story-container/index.d.ts.map +1 -0
- package/components/storybook/index.d.ts +7 -0
- package/components/storybook/index.d.ts.map +1 -0
- package/components/storybook/nav-story-container/index.d.ts +2 -0
- package/components/storybook/nav-story-container/index.d.ts.map +1 -0
- package/components/storybook/nav-story-container/nav-story-container.d.ts +7 -0
- package/components/storybook/nav-story-container/nav-story-container.d.ts.map +1 -0
- package/components/storybook/setting-story-container/index.d.ts +2 -0
- package/components/storybook/setting-story-container/index.d.ts.map +1 -0
- package/components/storybook/setting-story-container/setting-story-container.d.ts +7 -0
- package/components/storybook/setting-story-container/setting-story-container.d.ts.map +1 -0
- package/components/storybook/setup-step-story-container/index.d.ts +2 -0
- package/components/storybook/setup-step-story-container/index.d.ts.map +1 -0
- package/components/storybook/setup-step-story-container/setup-step-story-container.d.ts +7 -0
- package/components/storybook/setup-step-story-container/setup-step-story-container.d.ts.map +1 -0
- package/components/storybook/utility-story-container/index.d.ts +2 -0
- package/components/storybook/utility-story-container/index.d.ts.map +1 -0
- package/components/storybook/utility-story-container/utility-story-container.d.ts +7 -0
- package/components/storybook/utility-story-container/utility-story-container.d.ts.map +1 -0
- package/index.cjs +74 -0
- package/index.cjs.map +1 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -0
- package/index.js +74 -0
- package/index.js.map +1 -0
- package/package.json +28 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/kos-ddk-story-containers/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface ControlPourStoryContainerProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const ControlPourStoryContainer: ({ children, }: ControlPourStoryContainerProps) => ReactNode;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=control-pour-story-container.d.ts.map
|
package/components/storybook/control-pour-story-container/control-pour-story-container.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"control-pour-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/control-pour-story-container/control-pour-story-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,8BAA8B;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,yBAAyB,GAAI,eAEvC,8BAA8B,cAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/control-pour-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface CUIStoryContainerProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const CUIStoryContainer: ({ children }: CUIStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=cui-story-container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cui-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/cui-story-container/cui-story-container.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,GAAI,cAAc,sBAAsB,qDAuBrE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/cui-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './control-pour-story-container';
|
|
2
|
+
export * from './cui-story-container';
|
|
3
|
+
export * from './nav-story-container';
|
|
4
|
+
export * from './setting-story-container';
|
|
5
|
+
export * from './setup-step-story-container';
|
|
6
|
+
export * from './utility-story-container';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/kos-ddk-story-containers/src/components/storybook/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/nav-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/nav-story-container/nav-story-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,GAAI,cAAc,sBAAsB,cAC5D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/setting-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface SettingStoryContainerProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const SettingStoryContainer: ({ children, }: SettingStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=setting-story-container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setting-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/setting-story-container/setting-story-container.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,GAAI,eAEnC,0BAA0B,qDAK5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/setup-step-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface SetupStepStoryContainerProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const SetupStepStoryContainer: ({ children, }: SetupStepStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=setup-step-story-container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setup-step-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/setup-step-story-container/setup-step-story-container.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,GAAI,eAErC,4BAA4B,qDAuB9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/utility-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface UtilityStoryContainerProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const UtilityStoryContainer: ({ children, }: UtilityStoryContainerProps) => ReactNode;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=utility-story-container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utility-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/utility-story-container/utility-story-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,GAAI,eAEnC,0BAA0B,cAAa,CAAC"}
|
package/index.cjs
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const kosDdkComponents = require("@kosdev-code/kos-ddk-components");
|
|
5
|
+
const ControlPourStoryContainer = ({
|
|
6
|
+
children
|
|
7
|
+
}) => children;
|
|
8
|
+
const CUIStoryContainer = ({ children }) => {
|
|
9
|
+
const { componentModeOverride } = kosDdkComponents.useComponentConfigurationContext();
|
|
10
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
11
|
+
kosDdkComponents.Modal,
|
|
12
|
+
{
|
|
13
|
+
contain: componentModeOverride !== "compact",
|
|
14
|
+
mode: "maximized",
|
|
15
|
+
show: true,
|
|
16
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
17
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
18
|
+
kosDdkComponents.Header,
|
|
19
|
+
{
|
|
20
|
+
CloseButton: componentModeOverride === "compact" ? kosDdkComponents.BackButton : void 0,
|
|
21
|
+
contain: componentModeOverride === "compact",
|
|
22
|
+
showCloseButton: true,
|
|
23
|
+
showOpenButton: false,
|
|
24
|
+
title: "CUI"
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
children
|
|
28
|
+
] })
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
};
|
|
32
|
+
const NavStoryContainer = ({ children }) => children;
|
|
33
|
+
const SettingStoryContainer = ({
|
|
34
|
+
children
|
|
35
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(kosDdkComponents.TabContainer, { children: [
|
|
36
|
+
/* @__PURE__ */ jsxRuntime.jsx(kosDdkComponents.SettingsSubheading, { children: "Setting" }),
|
|
37
|
+
children
|
|
38
|
+
] });
|
|
39
|
+
const SetupStepStoryContainer = ({
|
|
40
|
+
children
|
|
41
|
+
}) => {
|
|
42
|
+
const { componentModeOverride } = kosDdkComponents.useComponentConfigurationContext();
|
|
43
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
44
|
+
kosDdkComponents.Modal,
|
|
45
|
+
{
|
|
46
|
+
contain: componentModeOverride !== "compact",
|
|
47
|
+
mode: "maximized",
|
|
48
|
+
show: true,
|
|
49
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
50
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
51
|
+
kosDdkComponents.Header,
|
|
52
|
+
{
|
|
53
|
+
CloseButton: componentModeOverride === "compact" ? kosDdkComponents.BackButton : void 0,
|
|
54
|
+
contain: componentModeOverride === "compact",
|
|
55
|
+
showCloseButton: true,
|
|
56
|
+
showOpenButton: true,
|
|
57
|
+
title: "Setup Step"
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
children
|
|
61
|
+
] })
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
};
|
|
65
|
+
const UtilityStoryContainer = ({
|
|
66
|
+
children
|
|
67
|
+
}) => children;
|
|
68
|
+
exports.CUIStoryContainer = CUIStoryContainer;
|
|
69
|
+
exports.ControlPourStoryContainer = ControlPourStoryContainer;
|
|
70
|
+
exports.NavStoryContainer = NavStoryContainer;
|
|
71
|
+
exports.SettingStoryContainer = SettingStoryContainer;
|
|
72
|
+
exports.SetupStepStoryContainer = SetupStepStoryContainer;
|
|
73
|
+
exports.UtilityStoryContainer = UtilityStoryContainer;
|
|
74
|
+
//# sourceMappingURL=index.cjs.map
|
package/index.cjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../packages/kos-ddk-story-containers/src/components/storybook/control-pour-story-container/control-pour-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/cui-story-container/cui-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/nav-story-container/nav-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/setting-story-container/setting-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/setup-step-story-container/setup-step-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/utility-story-container/utility-story-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\ninterface ControlPourStoryContainerProps {\n children: ReactNode;\n}\n\nexport const ControlPourStoryContainer = ({\n children,\n}: ControlPourStoryContainerProps) => children;\n","import {\n BackButton,\n Header,\n Modal,\n useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface CUIStoryContainerProps {\n children: ReactNode;\n}\n\nexport const CUIStoryContainer = ({ children }: CUIStoryContainerProps) => {\n const { componentModeOverride } = useComponentConfigurationContext();\n\n return (\n <Modal\n contain={componentModeOverride !== \"compact\"}\n mode=\"maximized\"\n show={true}\n >\n <>\n <Header\n CloseButton={\n componentModeOverride === \"compact\" ? BackButton : undefined\n }\n contain={componentModeOverride === \"compact\"}\n showCloseButton={true}\n showOpenButton={false}\n title=\"CUI\"\n />\n {children}\n </>\n </Modal>\n );\n};\n","import type { ReactNode } from \"react\";\n\ninterface NavStoryContainerProps {\n children: ReactNode;\n}\n\nexport const NavStoryContainer = ({ children }: NavStoryContainerProps) =>\n children;\n","import {\n SettingsSubheading,\n TabContainer,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface SettingStoryContainerProps {\n children: ReactNode;\n}\n\nexport const SettingStoryContainer = ({\n children,\n}: SettingStoryContainerProps) => (\n <TabContainer>\n <SettingsSubheading>Setting</SettingsSubheading>\n {children}\n </TabContainer>\n);\n","import {\n BackButton,\n Header,\n Modal,\n useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface SetupStepStoryContainerProps {\n children: ReactNode;\n}\n\nexport const SetupStepStoryContainer = ({\n children,\n}: SetupStepStoryContainerProps) => {\n const { componentModeOverride } = useComponentConfigurationContext();\n\n return (\n <Modal\n contain={componentModeOverride !== \"compact\"}\n mode=\"maximized\"\n show={true}\n >\n <>\n <Header\n CloseButton={\n componentModeOverride === \"compact\" ? BackButton : undefined\n }\n contain={componentModeOverride === \"compact\"}\n showCloseButton={true}\n showOpenButton={true}\n title=\"Setup Step\"\n />\n {children}\n </>\n </Modal>\n );\n};\n","import type { ReactNode } from \"react\";\n\ninterface UtilityStoryContainerProps {\n children: ReactNode;\n}\n\nexport const UtilityStoryContainer = ({\n children,\n}: UtilityStoryContainerProps) => children;\n"],"names":["useComponentConfigurationContext","jsx","Modal","jsxs","Fragment","Header","BackButton","TabContainer","SettingsSubheading"],"mappings":";;;;AAMO,MAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,MAAsC;ACI/B,MAAM,oBAAoB,CAAC,EAAE,eAAuC;AACzE,QAAM,EAAE,sBAAA,IAA0BA,kDAAA;AAElC,SACEC,2BAAAA;AAAAA,IAACC,iBAAAA;AAAAA,IAAA;AAAA,MACC,SAAS,0BAA0B;AAAA,MACnC,MAAK;AAAA,MACL,MAAM;AAAA,MAEN,UAAAC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,QAAAH,2BAAAA;AAAAA,UAACI,iBAAAA;AAAAA,UAAA;AAAA,YACC,aACE,0BAA0B,YAAYC,iBAAAA,aAAa;AAAA,YAErD,SAAS,0BAA0B;AAAA,YACnC,iBAAiB;AAAA,YACjB,gBAAgB;AAAA,YAChB,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AC7BO,MAAM,oBAAoB,CAAC,EAAE,eAClC;ACGK,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,sCACGC,+BAAA,EACC,UAAA;AAAA,EAAAN,2BAAAA,IAACO,iBAAAA,sBAAmB,UAAA,UAAA,CAAO;AAAA,EAC1B;AAAA,EAAA,CACH;ACJK,MAAM,0BAA0B,CAAC;AAAA,EACtC;AACF,MAAoC;AAClC,QAAM,EAAE,sBAAA,IAA0BR,kDAAA;AAElC,SACEC,2BAAAA;AAAAA,IAACC,iBAAAA;AAAAA,IAAA;AAAA,MACC,SAAS,0BAA0B;AAAA,MACnC,MAAK;AAAA,MACL,MAAM;AAAA,MAEN,UAAAC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,QAAAH,2BAAAA;AAAAA,UAACI,iBAAAA;AAAAA,UAAA;AAAA,YACC,aACE,0BAA0B,YAAYC,iBAAAA,aAAa;AAAA,YAErD,SAAS,0BAA0B;AAAA,YACnC,iBAAiB;AAAA,YACjB,gBAAgB;AAAA,YAChB,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AC/BO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAAkC;;;;;;;"}
|
package/index.d.ts
ADDED
package/index.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/kos-ddk-story-containers/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
package/index.js
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useComponentConfigurationContext, Modal, Header, BackButton, TabContainer, SettingsSubheading } from "@kosdev-code/kos-ddk-components";
|
|
3
|
+
const ControlPourStoryContainer = ({
|
|
4
|
+
children
|
|
5
|
+
}) => children;
|
|
6
|
+
const CUIStoryContainer = ({ children }) => {
|
|
7
|
+
const { componentModeOverride } = useComponentConfigurationContext();
|
|
8
|
+
return /* @__PURE__ */ jsx(
|
|
9
|
+
Modal,
|
|
10
|
+
{
|
|
11
|
+
contain: componentModeOverride !== "compact",
|
|
12
|
+
mode: "maximized",
|
|
13
|
+
show: true,
|
|
14
|
+
children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
15
|
+
/* @__PURE__ */ jsx(
|
|
16
|
+
Header,
|
|
17
|
+
{
|
|
18
|
+
CloseButton: componentModeOverride === "compact" ? BackButton : void 0,
|
|
19
|
+
contain: componentModeOverride === "compact",
|
|
20
|
+
showCloseButton: true,
|
|
21
|
+
showOpenButton: false,
|
|
22
|
+
title: "CUI"
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
children
|
|
26
|
+
] })
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
};
|
|
30
|
+
const NavStoryContainer = ({ children }) => children;
|
|
31
|
+
const SettingStoryContainer = ({
|
|
32
|
+
children
|
|
33
|
+
}) => /* @__PURE__ */ jsxs(TabContainer, { children: [
|
|
34
|
+
/* @__PURE__ */ jsx(SettingsSubheading, { children: "Setting" }),
|
|
35
|
+
children
|
|
36
|
+
] });
|
|
37
|
+
const SetupStepStoryContainer = ({
|
|
38
|
+
children
|
|
39
|
+
}) => {
|
|
40
|
+
const { componentModeOverride } = useComponentConfigurationContext();
|
|
41
|
+
return /* @__PURE__ */ jsx(
|
|
42
|
+
Modal,
|
|
43
|
+
{
|
|
44
|
+
contain: componentModeOverride !== "compact",
|
|
45
|
+
mode: "maximized",
|
|
46
|
+
show: true,
|
|
47
|
+
children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
48
|
+
/* @__PURE__ */ jsx(
|
|
49
|
+
Header,
|
|
50
|
+
{
|
|
51
|
+
CloseButton: componentModeOverride === "compact" ? BackButton : void 0,
|
|
52
|
+
contain: componentModeOverride === "compact",
|
|
53
|
+
showCloseButton: true,
|
|
54
|
+
showOpenButton: true,
|
|
55
|
+
title: "Setup Step"
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
children
|
|
59
|
+
] })
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
};
|
|
63
|
+
const UtilityStoryContainer = ({
|
|
64
|
+
children
|
|
65
|
+
}) => children;
|
|
66
|
+
export {
|
|
67
|
+
CUIStoryContainer,
|
|
68
|
+
ControlPourStoryContainer,
|
|
69
|
+
NavStoryContainer,
|
|
70
|
+
SettingStoryContainer,
|
|
71
|
+
SetupStepStoryContainer,
|
|
72
|
+
UtilityStoryContainer
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=index.js.map
|
package/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../packages/kos-ddk-story-containers/src/components/storybook/control-pour-story-container/control-pour-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/cui-story-container/cui-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/nav-story-container/nav-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/setting-story-container/setting-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/setup-step-story-container/setup-step-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/utility-story-container/utility-story-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\ninterface ControlPourStoryContainerProps {\n children: ReactNode;\n}\n\nexport const ControlPourStoryContainer = ({\n children,\n}: ControlPourStoryContainerProps) => children;\n","import {\n BackButton,\n Header,\n Modal,\n useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface CUIStoryContainerProps {\n children: ReactNode;\n}\n\nexport const CUIStoryContainer = ({ children }: CUIStoryContainerProps) => {\n const { componentModeOverride } = useComponentConfigurationContext();\n\n return (\n <Modal\n contain={componentModeOverride !== \"compact\"}\n mode=\"maximized\"\n show={true}\n >\n <>\n <Header\n CloseButton={\n componentModeOverride === \"compact\" ? BackButton : undefined\n }\n contain={componentModeOverride === \"compact\"}\n showCloseButton={true}\n showOpenButton={false}\n title=\"CUI\"\n />\n {children}\n </>\n </Modal>\n );\n};\n","import type { ReactNode } from \"react\";\n\ninterface NavStoryContainerProps {\n children: ReactNode;\n}\n\nexport const NavStoryContainer = ({ children }: NavStoryContainerProps) =>\n children;\n","import {\n SettingsSubheading,\n TabContainer,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface SettingStoryContainerProps {\n children: ReactNode;\n}\n\nexport const SettingStoryContainer = ({\n children,\n}: SettingStoryContainerProps) => (\n <TabContainer>\n <SettingsSubheading>Setting</SettingsSubheading>\n {children}\n </TabContainer>\n);\n","import {\n BackButton,\n Header,\n Modal,\n useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface SetupStepStoryContainerProps {\n children: ReactNode;\n}\n\nexport const SetupStepStoryContainer = ({\n children,\n}: SetupStepStoryContainerProps) => {\n const { componentModeOverride } = useComponentConfigurationContext();\n\n return (\n <Modal\n contain={componentModeOverride !== \"compact\"}\n mode=\"maximized\"\n show={true}\n >\n <>\n <Header\n CloseButton={\n componentModeOverride === \"compact\" ? BackButton : undefined\n }\n contain={componentModeOverride === \"compact\"}\n showCloseButton={true}\n showOpenButton={true}\n title=\"Setup Step\"\n />\n {children}\n </>\n </Modal>\n );\n};\n","import type { ReactNode } from \"react\";\n\ninterface UtilityStoryContainerProps {\n children: ReactNode;\n}\n\nexport const UtilityStoryContainer = ({\n children,\n}: UtilityStoryContainerProps) => children;\n"],"names":[],"mappings":";;AAMO,MAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,MAAsC;ACI/B,MAAM,oBAAoB,CAAC,EAAE,eAAuC;AACzE,QAAM,EAAE,sBAAA,IAA0B,iCAAA;AAElC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,0BAA0B;AAAA,MACnC,MAAK;AAAA,MACL,MAAM;AAAA,MAEN,UAAA,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aACE,0BAA0B,YAAY,aAAa;AAAA,YAErD,SAAS,0BAA0B;AAAA,YACnC,iBAAiB;AAAA,YACjB,gBAAgB;AAAA,YAChB,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AC7BO,MAAM,oBAAoB,CAAC,EAAE,eAClC;ACGK,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,2BACG,cAAA,EACC,UAAA;AAAA,EAAA,oBAAC,sBAAmB,UAAA,UAAA,CAAO;AAAA,EAC1B;AAAA,EAAA,CACH;ACJK,MAAM,0BAA0B,CAAC;AAAA,EACtC;AACF,MAAoC;AAClC,QAAM,EAAE,sBAAA,IAA0B,iCAAA;AAElC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,0BAA0B;AAAA,MACnC,MAAK;AAAA,MACL,MAAM;AAAA,MAEN,UAAA,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aACE,0BAA0B,YAAY,aAAa;AAAA,YAErD,SAAS,0BAA0B;AAAA,YACnC,iBAAiB;AAAA,YACjB,gBAAgB;AAAA,YAChB,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AC/BO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAAkC;"}
|
package/package.json
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@kosdev-code/kos-ddk-story-containers",
|
|
3
|
+
"version": "0.1.0-dev.19",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"types": "./index.d.ts",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"types": "./index.d.ts",
|
|
9
|
+
"import": "./index.js",
|
|
10
|
+
"require": "./index.cjs"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"@kosdev-code/kos-ddk-components": "0.1.0-dev.19"
|
|
15
|
+
},
|
|
16
|
+
"peerDependencies": {
|
|
17
|
+
"react": "^18.0.0",
|
|
18
|
+
"react-dom": "^18.0.0"
|
|
19
|
+
},
|
|
20
|
+
"kos": {
|
|
21
|
+
"build": {
|
|
22
|
+
"gitHash": "a67cced025de51272e890acc033105d4cdef89d8"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
"publishConfig": {
|
|
26
|
+
"registry": "https://registry.npmjs.org/"
|
|
27
|
+
}
|
|
28
|
+
}
|