@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.
Files changed (35) hide show
  1. package/components/index.d.ts +2 -0
  2. package/components/index.d.ts.map +1 -0
  3. package/components/storybook/control-pour-story-container/control-pour-story-container.d.ts +7 -0
  4. package/components/storybook/control-pour-story-container/control-pour-story-container.d.ts.map +1 -0
  5. package/components/storybook/control-pour-story-container/index.d.ts +2 -0
  6. package/components/storybook/control-pour-story-container/index.d.ts.map +1 -0
  7. package/components/storybook/cui-story-container/cui-story-container.d.ts +7 -0
  8. package/components/storybook/cui-story-container/cui-story-container.d.ts.map +1 -0
  9. package/components/storybook/cui-story-container/index.d.ts +2 -0
  10. package/components/storybook/cui-story-container/index.d.ts.map +1 -0
  11. package/components/storybook/index.d.ts +7 -0
  12. package/components/storybook/index.d.ts.map +1 -0
  13. package/components/storybook/nav-story-container/index.d.ts +2 -0
  14. package/components/storybook/nav-story-container/index.d.ts.map +1 -0
  15. package/components/storybook/nav-story-container/nav-story-container.d.ts +7 -0
  16. package/components/storybook/nav-story-container/nav-story-container.d.ts.map +1 -0
  17. package/components/storybook/setting-story-container/index.d.ts +2 -0
  18. package/components/storybook/setting-story-container/index.d.ts.map +1 -0
  19. package/components/storybook/setting-story-container/setting-story-container.d.ts +7 -0
  20. package/components/storybook/setting-story-container/setting-story-container.d.ts.map +1 -0
  21. package/components/storybook/setup-step-story-container/index.d.ts +2 -0
  22. package/components/storybook/setup-step-story-container/index.d.ts.map +1 -0
  23. package/components/storybook/setup-step-story-container/setup-step-story-container.d.ts +7 -0
  24. package/components/storybook/setup-step-story-container/setup-step-story-container.d.ts.map +1 -0
  25. package/components/storybook/utility-story-container/index.d.ts +2 -0
  26. package/components/storybook/utility-story-container/index.d.ts.map +1 -0
  27. package/components/storybook/utility-story-container/utility-story-container.d.ts +7 -0
  28. package/components/storybook/utility-story-container/utility-story-container.d.ts.map +1 -0
  29. package/index.cjs +74 -0
  30. package/index.cjs.map +1 -0
  31. package/index.d.ts +2 -0
  32. package/index.d.ts.map +1 -0
  33. package/index.js +74 -0
  34. package/index.js.map +1 -0
  35. package/package.json +28 -0
@@ -0,0 +1,2 @@
1
+ export * from './storybook';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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
@@ -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,2 @@
1
+ export * from './control-pour-story-container';
2
+ //# 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/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,2 @@
1
+ export * from './cui-story-container';
2
+ //# 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/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,2 @@
1
+ export * from './nav-story-container';
2
+ //# 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/nav-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ interface NavStoryContainerProps {
3
+ children: ReactNode;
4
+ }
5
+ export declare const NavStoryContainer: ({ children }: NavStoryContainerProps) => ReactNode;
6
+ export {};
7
+ //# sourceMappingURL=nav-story-container.d.ts.map
@@ -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,2 @@
1
+ export * from './setting-story-container';
2
+ //# 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/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,2 @@
1
+ export * from './setup-step-story-container';
2
+ //# 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/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,2 @@
1
+ export * from './utility-story-container';
2
+ //# 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/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
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ //# sourceMappingURL=index.d.ts.map
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
+ }