@kosdev-code/kos-ddk-story-containers 0.1.0-dev.40 → 0.1.0-dev.50

package/components/storybook/dashboard-story-container/dashboard-story-container.d.ts

@@ -0,0 +1,25 @@
+import { AssemblyModel } from '@kosdev-code/kos-dispense-sdk';
+import { IKosDataModel } from '@kosdev-code/kos-ui-sdk';
+import { ReactNode } from 'react';
+export interface DashboardCardStoryProps {
+    dashboardKey: string;
+    assembly?: AssemblyModel;
+    cardModel?: IKosDataModel;
+    onComplete: () => void;
+}
+interface DashboardStoryContainerProps {
+    /** The contribution's dashboardKey: an assembly (or FreestyleAssembly) property. */
+    dashboardKey: string;
+    title: string;
+    children: (props: DashboardCardStoryProps) => ReactNode;
+}
+/** A dashboard summary story, framed as the host frames the card body. */
+export declare const DashboardSummaryStoryContainer: (({ dashboardKey, title, children }: DashboardStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+/** A dashboard detail story, in the modal the host opens from the card. */
+export declare const DashboardDetailStoryContainer: (({ dashboardKey, title, children }: DashboardStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=dashboard-story-container.d.ts.map

package/components/storybook/dashboard-story-container/dashboard-story-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/dashboard-story-container/dashboard-story-container.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,UAAU,4BAA4B;IACpC,oFAAoF;IACpF,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;CACzD;AASD,0EAA0E;AAC1E,eAAO,MAAM,8BAA8B,uCACL,4BAA4B;;CAgBjE,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,6BAA6B,uCACJ,4BAA4B;;CAuBjE,CAAC"}

package/components/storybook/dashboard-story-container/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dashboard-story-container';
+export * from './use-dashboard-card-model';
+//# sourceMappingURL=index.d.ts.map

package/components/storybook/dashboard-story-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/dashboard-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC"}

package/components/storybook/dashboard-story-container/use-dashboard-card-model.d.ts

@@ -0,0 +1,11 @@
+import { IKosDataModel } from '@kosdev-code/kos-ui-sdk';
+/**
+ * The assembly and the first active model a dashboard card renders for
+ * `dashboardKey`, found the way the host dashboard finds them: the assembly
+ * property, then the FreestyleAssembly companion's; a container yields its items.
+ */
+export declare const useDashboardCardModel: (dashboardKey: string) => {
+    assembly: import('@kosdev-code/kos-dispense-sdk').AssemblyModel<any, any> | undefined;
+    cardModel: IKosDataModel | undefined;
+};
+//# sourceMappingURL=use-dashboard-card-model.d.ts.map

package/components/storybook/dashboard-story-container/use-dashboard-card-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dashboard-card-model.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/dashboard-story-container/use-dashboard-card-model.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAEjC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,cAAc,MAAM;;;CAsBzD,CAAC"}

package/components/storybook/holder-story-container/holder-story-container.d.ts

@@ -0,0 +1,25 @@
+import { HolderModel } from '@kosdev-code/kos-dispense-sdk';
+import { ReactNode } from 'react';
+export interface HolderStoryProps {
+    holder: HolderModel;
+}
+interface HolderStoryContainerProps {
+    /** The contribution's dashboardKey. */
+    dashboardKey: string;
+    title: string;
+    children: (props: HolderStoryProps) => ReactNode;
+}
+/** A pump detail story, in the holder modal the host opens. */
+export declare const PumpDetailStoryContainer: (({ dashboardKey, title, children }: HolderStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+/** A macro summary story: the body the host shows on a macro holder card. */
+export declare const MacroSummaryStoryContainer: (({ dashboardKey, children }: HolderStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+/** A pump summary story: the body the host shows on the holder's dashboard card. */
+export declare const PumpSummaryStoryContainer: (({ dashboardKey, children }: HolderStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=holder-story-container.d.ts.map

package/components/storybook/holder-story-container/holder-story-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"holder-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/holder-story-container/holder-story-container.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,UAAU,yBAAyB;IACjC,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;CAClD;AAuBD,+DAA+D;AAC/D,eAAO,MAAM,wBAAwB,uCACC,yBAAyB;;CAkB9D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,0BAA0B,gCACR,yBAAyB;;CAKvD,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,yBAAyB,gCACP,yBAAyB;;CAWvD,CAAC"}

package/components/storybook/holder-story-container/index.d.ts

@@ -0,0 +1,2 @@
+export * from './holder-story-container';
+//# sourceMappingURL=index.d.ts.map

package/components/storybook/holder-story-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/holder-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/components/storybook/index.d.ts

@@ -1,7 +1,10 @@
 export * from './control-pour-story-container';
 export * from './cui-story-container';
+export * from './dashboard-story-container';
+export * from './holder-story-container';
 export * from './nav-story-container';
 export * from './setting-story-container';
 export * from './setup-step-story-container';
+export * from './trouble-action-story-container';
 export * from './utility-story-container';
 //# sourceMappingURL=index.d.ts.map

package/components/storybook/index.d.ts.map

@@ -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"}
+{"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,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC"}

package/components/storybook/trouble-action-story-container/index.d.ts

@@ -0,0 +1,2 @@
+export * from './trouble-action-story-container';
+//# sourceMappingURL=index.d.ts.map

package/components/storybook/trouble-action-story-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/trouble-action-story-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/components/storybook/trouble-action-story-container/trouble-action-story-container.d.ts

@@ -0,0 +1,16 @@
+import { TroubleModel } from '@kosdev-code/kos-ui-sdk';
+import { ReactNode } from 'react';
+export interface TroubleActionStoryProps {
+    trouble: TroubleModel;
+}
+interface TroubleActionStoryContainerProps {
+    /** The contribution's troubleType: the exact type the device raises. */
+    troubleType: string;
+    children: (props: TroubleActionStoryProps) => ReactNode;
+}
+/** A trouble action story, given the device's active trouble of `troubleType`. */
+export declare const TroubleActionStoryContainer: (({ troubleType, children }: TroubleActionStoryContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=trouble-action-story-container.d.ts.map

package/components/storybook/trouble-action-story-container/trouble-action-story-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trouble-action-story-container.d.ts","sourceRoot":"","sources":["../../../../../../packages/kos-ddk-story-containers/src/components/storybook/trouble-action-story-container/trouble-action-story-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,gCAAgC;IACxC,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;CACzD;AAED,kFAAkF;AAClF,eAAO,MAAM,2BAA2B,+BACV,gCAAgC;;CAa7D,CAAC"}

package/index.cjs

@@ -2,6 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const kosDdkComponents = require("@kosdev-code/kos-ddk-components");
+const kosUiSdk = require("@kosdev-code/kos-ui-sdk");
+const kosDispenseSdk = require("@kosdev-code/kos-dispense-sdk");
+const kosFreestyleSdk = require("@kosdev-code/kos-freestyle-sdk");
+const kosDdkModels = require("@kosdev-code/kos-ddk-models");
 const ControlPourStoryContainer = ({
   children
 }) => children;
@@ -29,6 +33,122 @@ const CUIStoryContainer = ({ children }) => {
     }
   );
 };
+const useDashboardCardModel = (dashboardKey) => {
+  const { model: assembly } = kosDispenseSdk.useAssemblyContext();
+  let modelRef = assembly?.[dashboardKey];
+  if (!modelRef && assembly) {
+    const freestyle = kosUiSdk.getKosCompanionModel(
+      assembly,
+      kosFreestyleSdk.FreestyleAssembly.type
+    );
+    modelRef = freestyle?.[dashboardKey];
+  }
+  const models = modelRef ? Array.isArray(modelRef.data) ? modelRef.data : [modelRef] : [];
+  const cardModel = models.find(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (model) => typeof model?.active === "boolean" ? model.active : true
+  );
+  return { assembly, cardModel };
+};
+const noModel = (dashboardKey) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+  'No active "',
+  dashboardKey,
+  '" model on the assembly. Start the simulator with a dispenser that has one.'
+] });
+const DashboardSummaryStoryContainer = kosUiSdk.kosComponent(
+  ({ dashboardKey, title, children }) => {
+    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);
+    if (!cardModel) return noModel(dashboardKey);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      kosDdkComponents.AgitatorDashboardCard,
+      {
+        cardId: dashboardKey,
+        title,
+        body: children({
+          dashboardKey,
+          assembly,
+          cardModel,
+          onComplete: () => void 0
+        })
+      }
+    );
+  }
+);
+const DashboardDetailStoryContainer = kosUiSdk.kosComponent(
+  ({ dashboardKey, title, children }) => {
+    const { componentModeOverride } = kosDdkComponents.useComponentConfigurationContext();
+    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);
+    if (!cardModel) return noModel(dashboardKey);
+    return /* @__PURE__ */ jsxRuntime.jsxs(kosDdkComponents.Modal, { contain: componentModeOverride !== "compact", show: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        kosDdkComponents.Header,
+        {
+          CloseButton: componentModeOverride === "compact" ? kosDdkComponents.BackButton : void 0,
+          contain: componentModeOverride === "compact",
+          showCloseButton: true,
+          title
+        }
+      ),
+      children({
+        dashboardKey,
+        assembly,
+        cardModel,
+        onComplete: () => void 0
+      })
+    ] });
+  }
+);
+const useStoryHolder = (dashboardKey, matchName) => {
+  const { model } = kosDispenseSdk.useHolderContainer();
+  return model?.holders.data.find(
+    (holder) => matchName && holder.name === dashboardKey || kosDdkModels.executeDashboardKeyFactory(holder) === dashboardKey
+  );
+};
+const noHolder = (dashboardKey) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+  'No holder matches dashboard key "',
+  dashboardKey,
+  '". Start the simulator with a dispenser that has one.'
+] });
+const PumpDetailStoryContainer = kosUiSdk.kosComponent(
+  ({ dashboardKey, title, children }) => {
+    const { componentModeOverride } = kosDdkComponents.useComponentConfigurationContext();
+    const holder = useStoryHolder(dashboardKey, false);
+    if (!holder) return noHolder(dashboardKey);
+    return /* @__PURE__ */ jsxRuntime.jsxs(kosDdkComponents.Modal, { contain: componentModeOverride !== "compact", show: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        kosDdkComponents.Header,
+        {
+          CloseButton: componentModeOverride === "compact" ? kosDdkComponents.BackButton : void 0,
+          contain: componentModeOverride === "compact",
+          showCloseButton: true,
+          title
+        }
+      ),
+      children({ holder })
+    ] });
+  }
+);
+const MacroSummaryStoryContainer = kosUiSdk.kosComponent(
+  ({ dashboardKey, children }) => {
+    const holder = useStoryHolder(dashboardKey, true);
+    if (!holder) return noHolder(dashboardKey);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({ holder }) });
+  }
+);
+const PumpSummaryStoryContainer = kosUiSdk.kosComponent(
+  ({ dashboardKey, children }) => {
+    const holder = useStoryHolder(dashboardKey, false);
+    if (!holder) return noHolder(dashboardKey);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      kosDdkComponents.HolderDashboardCard,
+      {
+        cardId: holder.path,
+        avatar: holder.name,
+        body: children({ holder })
+      }
+    );
+  }
+);
 const NavStoryContainer = ({ children }) => children;
 const SettingStoryContainer = ({
   children
@@ -62,13 +182,34 @@ const SetupStepStoryContainer = ({
     }
   );
 };
+const TroubleActionStoryContainer = kosUiSdk.kosComponent(
+  ({ troubleType, children }) => {
+    const { model } = kosUiSdk.useTroubleContainerModel();
+    const trouble = model?.troubles.getIndexByKey("byType", troubleType)[0];
+    if (!trouble) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        'No active "',
+        troubleType,
+        '" trouble. Raise one on the simulator to see this experience.'
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({ trouble }) });
+  }
+);
 const UtilityStoryContainer = ({
   children
 }) => children;
 exports.CUIStoryContainer = CUIStoryContainer;
 exports.ControlPourStoryContainer = ControlPourStoryContainer;
+exports.DashboardDetailStoryContainer = DashboardDetailStoryContainer;
+exports.DashboardSummaryStoryContainer = DashboardSummaryStoryContainer;
+exports.MacroSummaryStoryContainer = MacroSummaryStoryContainer;
 exports.NavStoryContainer = NavStoryContainer;
+exports.PumpDetailStoryContainer = PumpDetailStoryContainer;
+exports.PumpSummaryStoryContainer = PumpSummaryStoryContainer;
 exports.SettingStoryContainer = SettingStoryContainer;
 exports.SetupStepStoryContainer = SetupStepStoryContainer;
+exports.TroubleActionStoryContainer = TroubleActionStoryContainer;
 exports.UtilityStoryContainer = UtilityStoryContainer;
+exports.useDashboardCardModel = useDashboardCardModel;
 //# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -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;;;;;;;"}
+{"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/dashboard-story-container/use-dashboard-card-model.ts","../../../packages/kos-ddk-story-containers/src/components/storybook/dashboard-story-container/dashboard-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/holder-story-container/holder-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/trouble-action-story-container/trouble-action-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 { useAssemblyContext } from \"@kosdev-code/kos-dispense-sdk\";\nimport { FreestyleAssembly } from \"@kosdev-code/kos-freestyle-sdk\";\nimport {\n  getKosCompanionModel,\n  type IKosDataModel,\n} from \"@kosdev-code/kos-ui-sdk\";\n\n/**\n * The assembly and the first active model a dashboard card renders for\n * `dashboardKey`, found the way the host dashboard finds them: the assembly\n * property, then the FreestyleAssembly companion's; a container yields its items.\n */\nexport const useDashboardCardModel = (dashboardKey: string) => {\n  const { model: assembly } = useAssemblyContext();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let modelRef: any = (assembly as any)?.[dashboardKey];\n  if (!modelRef && assembly) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const freestyle: any = getKosCompanionModel(\n      assembly,\n      FreestyleAssembly.type\n    );\n    modelRef = freestyle?.[dashboardKey];\n  }\n  const models: IKosDataModel[] = modelRef\n    ? Array.isArray(modelRef.data)\n      ? modelRef.data\n      : [modelRef]\n    : [];\n  const cardModel = models.find(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (model: any) => (typeof model?.active === \"boolean\" ? model.active : true)\n  );\n  return { assembly, cardModel };\n};\n","import {\n  AgitatorDashboardCard,\n  BackButton,\n  Header,\n  Modal,\n  useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { AssemblyModel } from \"@kosdev-code/kos-dispense-sdk\";\nimport { kosComponent, type IKosDataModel } from \"@kosdev-code/kos-ui-sdk\";\nimport type { ReactNode } from \"react\";\nimport { useDashboardCardModel } from \"./use-dashboard-card-model\";\n\nexport interface DashboardCardStoryProps {\n  dashboardKey: string;\n  assembly?: AssemblyModel;\n  cardModel?: IKosDataModel;\n  onComplete: () => void;\n}\n\ninterface DashboardStoryContainerProps {\n  /** The contribution's dashboardKey: an assembly (or FreestyleAssembly) property. */\n  dashboardKey: string;\n  title: string;\n  children: (props: DashboardCardStoryProps) => ReactNode;\n}\n\nconst noModel = (dashboardKey: string) => (\n  <div>\n    No active \"{dashboardKey}\" model on the assembly. Start the simulator with a\n    dispenser that has one.\n  </div>\n);\n\n/** A dashboard summary story, framed as the host frames the card body. */\nexport const DashboardSummaryStoryContainer = kosComponent(\n  ({ dashboardKey, title, children }: DashboardStoryContainerProps) => {\n    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);\n    if (!cardModel) return noModel(dashboardKey);\n    return (\n      <AgitatorDashboardCard\n        cardId={dashboardKey}\n        title={title}\n        body={children({\n          dashboardKey,\n          assembly,\n          cardModel,\n          onComplete: () => undefined,\n        })}\n      />\n    );\n  }\n);\n\n/** A dashboard detail story, in the modal the host opens from the card. */\nexport const DashboardDetailStoryContainer = kosComponent(\n  ({ dashboardKey, title, children }: DashboardStoryContainerProps) => {\n    const { componentModeOverride } = useComponentConfigurationContext();\n    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);\n    if (!cardModel) return noModel(dashboardKey);\n    return (\n      <Modal contain={componentModeOverride !== \"compact\"} show={true}>\n        <Header\n          CloseButton={\n            componentModeOverride === \"compact\" ? BackButton : undefined\n          }\n          contain={componentModeOverride === \"compact\"}\n          showCloseButton={true}\n          title={title}\n        />\n        {children({\n          dashboardKey,\n          assembly,\n          cardModel,\n          onComplete: () => undefined,\n        })}\n      </Modal>\n    );\n  }\n);\n","import {\n  BackButton,\n  Header,\n  HolderDashboardCard,\n  Modal,\n  useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport {\n  useHolderContainer,\n  type HolderModel,\n} from \"@kosdev-code/kos-dispense-sdk\";\nimport { executeDashboardKeyFactory } from \"@kosdev-code/kos-ddk-models\";\nimport { kosComponent } from \"@kosdev-code/kos-ui-sdk\";\nimport type { ReactNode } from \"react\";\n\nexport interface HolderStoryProps {\n  holder: HolderModel;\n}\n\ninterface HolderStoryContainerProps {\n  /** The contribution's dashboardKey. */\n  dashboardKey: string;\n  title: string;\n  children: (props: HolderStoryProps) => ReactNode;\n}\n\n/**\n * The first holder a contribution with `dashboardKey` renders for. Pump detail and\n * pump summary match the dashboard key factory (default: the holder's first pump\n * type); macro summary tries holder.name first.\n */\nconst useStoryHolder = (dashboardKey: string, matchName: boolean) => {\n  const { model } = useHolderContainer();\n  return model?.holders.data.find(\n    (holder: HolderModel) =>\n      (matchName && holder.name === dashboardKey) ||\n      executeDashboardKeyFactory(holder) === dashboardKey\n  );\n};\n\nconst noHolder = (dashboardKey: string) => (\n  <div>\n    No holder matches dashboard key \"{dashboardKey}\". Start the simulator with a\n    dispenser that has one.\n  </div>\n);\n\n/** A pump detail story, in the holder modal the host opens. */\nexport const PumpDetailStoryContainer = kosComponent(\n  ({ dashboardKey, title, children }: HolderStoryContainerProps) => {\n    const { componentModeOverride } = useComponentConfigurationContext();\n    const holder = useStoryHolder(dashboardKey, false);\n    if (!holder) return noHolder(dashboardKey);\n    return (\n      <Modal contain={componentModeOverride !== \"compact\"} show={true}>\n        <Header\n          CloseButton={\n            componentModeOverride === \"compact\" ? BackButton : undefined\n          }\n          contain={componentModeOverride === \"compact\"}\n          showCloseButton={true}\n          title={title}\n        />\n        {children({ holder })}\n      </Modal>\n    );\n  }\n);\n\n/** A macro summary story: the body the host shows on a macro holder card. */\nexport const MacroSummaryStoryContainer = kosComponent(\n  ({ dashboardKey, children }: HolderStoryContainerProps) => {\n    const holder = useStoryHolder(dashboardKey, true);\n    if (!holder) return noHolder(dashboardKey);\n    return <>{children({ holder })}</>;\n  }\n);\n\n/** A pump summary story: the body the host shows on the holder's dashboard card. */\nexport const PumpSummaryStoryContainer = kosComponent(\n  ({ dashboardKey, children }: HolderStoryContainerProps) => {\n    const holder = useStoryHolder(dashboardKey, false);\n    if (!holder) return noHolder(dashboardKey);\n    return (\n      <HolderDashboardCard\n        cardId={holder.path}\n        avatar={holder.name}\n        body={children({ holder })}\n      />\n    );\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 {\n  kosComponent,\n  useTroubleContainerModel,\n  type TroubleModel,\n} from \"@kosdev-code/kos-ui-sdk\";\nimport type { ReactNode } from \"react\";\n\nexport interface TroubleActionStoryProps {\n  trouble: TroubleModel;\n}\n\ninterface TroubleActionStoryContainerProps {\n  /** The contribution's troubleType: the exact type the device raises. */\n  troubleType: string;\n  children: (props: TroubleActionStoryProps) => ReactNode;\n}\n\n/** A trouble action story, given the device's active trouble of `troubleType`. */\nexport const TroubleActionStoryContainer = kosComponent(\n  ({ troubleType, children }: TroubleActionStoryContainerProps) => {\n    const { model } = useTroubleContainerModel();\n    const trouble = model?.troubles.getIndexByKey(\"byType\", troubleType)[0];\n    if (!trouble) {\n      return (\n        <div>\n          No active \"{troubleType}\" trouble. Raise one on the simulator to see\n          this experience.\n        </div>\n      );\n    }\n    return <>{children({ trouble })}</>;\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","useAssemblyContext","getKosCompanionModel","FreestyleAssembly","kosComponent","AgitatorDashboardCard","useHolderContainer","executeDashboardKeyFactory","HolderDashboardCard","TabContainer","SettingsSubheading","useTroubleContainerModel"],"mappings":"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"}

package/index.js

@@ -1,5 +1,9 @@
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import { useComponentConfigurationContext, Modal, Header, BackButton, TabContainer, SettingsSubheading } from "@kosdev-code/kos-ddk-components";
+import { useComponentConfigurationContext, Modal, Header, BackButton, AgitatorDashboardCard, HolderDashboardCard, TabContainer, SettingsSubheading } from "@kosdev-code/kos-ddk-components";
+import { getKosCompanionModel, kosComponent, useTroubleContainerModel } from "@kosdev-code/kos-ui-sdk";
+import { useAssemblyContext, useHolderContainer } from "@kosdev-code/kos-dispense-sdk";
+import { FreestyleAssembly } from "@kosdev-code/kos-freestyle-sdk";
+import { executeDashboardKeyFactory } from "@kosdev-code/kos-ddk-models";
 const ControlPourStoryContainer = ({
   children
 }) => children;
@@ -27,6 +31,122 @@ const CUIStoryContainer = ({ children }) => {
     }
   );
 };
+const useDashboardCardModel = (dashboardKey) => {
+  const { model: assembly } = useAssemblyContext();
+  let modelRef = assembly?.[dashboardKey];
+  if (!modelRef && assembly) {
+    const freestyle = getKosCompanionModel(
+      assembly,
+      FreestyleAssembly.type
+    );
+    modelRef = freestyle?.[dashboardKey];
+  }
+  const models = modelRef ? Array.isArray(modelRef.data) ? modelRef.data : [modelRef] : [];
+  const cardModel = models.find(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (model) => typeof model?.active === "boolean" ? model.active : true
+  );
+  return { assembly, cardModel };
+};
+const noModel = (dashboardKey) => /* @__PURE__ */ jsxs("div", { children: [
+  'No active "',
+  dashboardKey,
+  '" model on the assembly. Start the simulator with a dispenser that has one.'
+] });
+const DashboardSummaryStoryContainer = kosComponent(
+  ({ dashboardKey, title, children }) => {
+    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);
+    if (!cardModel) return noModel(dashboardKey);
+    return /* @__PURE__ */ jsx(
+      AgitatorDashboardCard,
+      {
+        cardId: dashboardKey,
+        title,
+        body: children({
+          dashboardKey,
+          assembly,
+          cardModel,
+          onComplete: () => void 0
+        })
+      }
+    );
+  }
+);
+const DashboardDetailStoryContainer = kosComponent(
+  ({ dashboardKey, title, children }) => {
+    const { componentModeOverride } = useComponentConfigurationContext();
+    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);
+    if (!cardModel) return noModel(dashboardKey);
+    return /* @__PURE__ */ jsxs(Modal, { contain: componentModeOverride !== "compact", show: true, children: [
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          CloseButton: componentModeOverride === "compact" ? BackButton : void 0,
+          contain: componentModeOverride === "compact",
+          showCloseButton: true,
+          title
+        }
+      ),
+      children({
+        dashboardKey,
+        assembly,
+        cardModel,
+        onComplete: () => void 0
+      })
+    ] });
+  }
+);
+const useStoryHolder = (dashboardKey, matchName) => {
+  const { model } = useHolderContainer();
+  return model?.holders.data.find(
+    (holder) => matchName && holder.name === dashboardKey || executeDashboardKeyFactory(holder) === dashboardKey
+  );
+};
+const noHolder = (dashboardKey) => /* @__PURE__ */ jsxs("div", { children: [
+  'No holder matches dashboard key "',
+  dashboardKey,
+  '". Start the simulator with a dispenser that has one.'
+] });
+const PumpDetailStoryContainer = kosComponent(
+  ({ dashboardKey, title, children }) => {
+    const { componentModeOverride } = useComponentConfigurationContext();
+    const holder = useStoryHolder(dashboardKey, false);
+    if (!holder) return noHolder(dashboardKey);
+    return /* @__PURE__ */ jsxs(Modal, { contain: componentModeOverride !== "compact", show: true, children: [
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          CloseButton: componentModeOverride === "compact" ? BackButton : void 0,
+          contain: componentModeOverride === "compact",
+          showCloseButton: true,
+          title
+        }
+      ),
+      children({ holder })
+    ] });
+  }
+);
+const MacroSummaryStoryContainer = kosComponent(
+  ({ dashboardKey, children }) => {
+    const holder = useStoryHolder(dashboardKey, true);
+    if (!holder) return noHolder(dashboardKey);
+    return /* @__PURE__ */ jsx(Fragment, { children: children({ holder }) });
+  }
+);
+const PumpSummaryStoryContainer = kosComponent(
+  ({ dashboardKey, children }) => {
+    const holder = useStoryHolder(dashboardKey, false);
+    if (!holder) return noHolder(dashboardKey);
+    return /* @__PURE__ */ jsx(
+      HolderDashboardCard,
+      {
+        cardId: holder.path,
+        avatar: holder.name,
+        body: children({ holder })
+      }
+    );
+  }
+);
 const NavStoryContainer = ({ children }) => children;
 const SettingStoryContainer = ({
   children
@@ -60,15 +180,36 @@ const SetupStepStoryContainer = ({
     }
   );
 };
+const TroubleActionStoryContainer = kosComponent(
+  ({ troubleType, children }) => {
+    const { model } = useTroubleContainerModel();
+    const trouble = model?.troubles.getIndexByKey("byType", troubleType)[0];
+    if (!trouble) {
+      return /* @__PURE__ */ jsxs("div", { children: [
+        'No active "',
+        troubleType,
+        '" trouble. Raise one on the simulator to see this experience.'
+      ] });
+    }
+    return /* @__PURE__ */ jsx(Fragment, { children: children({ trouble }) });
+  }
+);
 const UtilityStoryContainer = ({
   children
 }) => children;
 export {
   CUIStoryContainer,
   ControlPourStoryContainer,
+  DashboardDetailStoryContainer,
+  DashboardSummaryStoryContainer,
+  MacroSummaryStoryContainer,
   NavStoryContainer,
+  PumpDetailStoryContainer,
+  PumpSummaryStoryContainer,
   SettingStoryContainer,
   SetupStepStoryContainer,
-  UtilityStoryContainer
+  TroubleActionStoryContainer,
+  UtilityStoryContainer,
+  useDashboardCardModel
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -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;"}
+{"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/dashboard-story-container/use-dashboard-card-model.ts","../../../packages/kos-ddk-story-containers/src/components/storybook/dashboard-story-container/dashboard-story-container.tsx","../../../packages/kos-ddk-story-containers/src/components/storybook/holder-story-container/holder-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/trouble-action-story-container/trouble-action-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 { useAssemblyContext } from \"@kosdev-code/kos-dispense-sdk\";\nimport { FreestyleAssembly } from \"@kosdev-code/kos-freestyle-sdk\";\nimport {\n  getKosCompanionModel,\n  type IKosDataModel,\n} from \"@kosdev-code/kos-ui-sdk\";\n\n/**\n * The assembly and the first active model a dashboard card renders for\n * `dashboardKey`, found the way the host dashboard finds them: the assembly\n * property, then the FreestyleAssembly companion's; a container yields its items.\n */\nexport const useDashboardCardModel = (dashboardKey: string) => {\n  const { model: assembly } = useAssemblyContext();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let modelRef: any = (assembly as any)?.[dashboardKey];\n  if (!modelRef && assembly) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const freestyle: any = getKosCompanionModel(\n      assembly,\n      FreestyleAssembly.type\n    );\n    modelRef = freestyle?.[dashboardKey];\n  }\n  const models: IKosDataModel[] = modelRef\n    ? Array.isArray(modelRef.data)\n      ? modelRef.data\n      : [modelRef]\n    : [];\n  const cardModel = models.find(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (model: any) => (typeof model?.active === \"boolean\" ? model.active : true)\n  );\n  return { assembly, cardModel };\n};\n","import {\n  AgitatorDashboardCard,\n  BackButton,\n  Header,\n  Modal,\n  useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { AssemblyModel } from \"@kosdev-code/kos-dispense-sdk\";\nimport { kosComponent, type IKosDataModel } from \"@kosdev-code/kos-ui-sdk\";\nimport type { ReactNode } from \"react\";\nimport { useDashboardCardModel } from \"./use-dashboard-card-model\";\n\nexport interface DashboardCardStoryProps {\n  dashboardKey: string;\n  assembly?: AssemblyModel;\n  cardModel?: IKosDataModel;\n  onComplete: () => void;\n}\n\ninterface DashboardStoryContainerProps {\n  /** The contribution's dashboardKey: an assembly (or FreestyleAssembly) property. */\n  dashboardKey: string;\n  title: string;\n  children: (props: DashboardCardStoryProps) => ReactNode;\n}\n\nconst noModel = (dashboardKey: string) => (\n  <div>\n    No active \"{dashboardKey}\" model on the assembly. Start the simulator with a\n    dispenser that has one.\n  </div>\n);\n\n/** A dashboard summary story, framed as the host frames the card body. */\nexport const DashboardSummaryStoryContainer = kosComponent(\n  ({ dashboardKey, title, children }: DashboardStoryContainerProps) => {\n    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);\n    if (!cardModel) return noModel(dashboardKey);\n    return (\n      <AgitatorDashboardCard\n        cardId={dashboardKey}\n        title={title}\n        body={children({\n          dashboardKey,\n          assembly,\n          cardModel,\n          onComplete: () => undefined,\n        })}\n      />\n    );\n  }\n);\n\n/** A dashboard detail story, in the modal the host opens from the card. */\nexport const DashboardDetailStoryContainer = kosComponent(\n  ({ dashboardKey, title, children }: DashboardStoryContainerProps) => {\n    const { componentModeOverride } = useComponentConfigurationContext();\n    const { assembly, cardModel } = useDashboardCardModel(dashboardKey);\n    if (!cardModel) return noModel(dashboardKey);\n    return (\n      <Modal contain={componentModeOverride !== \"compact\"} show={true}>\n        <Header\n          CloseButton={\n            componentModeOverride === \"compact\" ? BackButton : undefined\n          }\n          contain={componentModeOverride === \"compact\"}\n          showCloseButton={true}\n          title={title}\n        />\n        {children({\n          dashboardKey,\n          assembly,\n          cardModel,\n          onComplete: () => undefined,\n        })}\n      </Modal>\n    );\n  }\n);\n","import {\n  BackButton,\n  Header,\n  HolderDashboardCard,\n  Modal,\n  useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport {\n  useHolderContainer,\n  type HolderModel,\n} from \"@kosdev-code/kos-dispense-sdk\";\nimport { executeDashboardKeyFactory } from \"@kosdev-code/kos-ddk-models\";\nimport { kosComponent } from \"@kosdev-code/kos-ui-sdk\";\nimport type { ReactNode } from \"react\";\n\nexport interface HolderStoryProps {\n  holder: HolderModel;\n}\n\ninterface HolderStoryContainerProps {\n  /** The contribution's dashboardKey. */\n  dashboardKey: string;\n  title: string;\n  children: (props: HolderStoryProps) => ReactNode;\n}\n\n/**\n * The first holder a contribution with `dashboardKey` renders for. Pump detail and\n * pump summary match the dashboard key factory (default: the holder's first pump\n * type); macro summary tries holder.name first.\n */\nconst useStoryHolder = (dashboardKey: string, matchName: boolean) => {\n  const { model } = useHolderContainer();\n  return model?.holders.data.find(\n    (holder: HolderModel) =>\n      (matchName && holder.name === dashboardKey) ||\n      executeDashboardKeyFactory(holder) === dashboardKey\n  );\n};\n\nconst noHolder = (dashboardKey: string) => (\n  <div>\n    No holder matches dashboard key \"{dashboardKey}\". Start the simulator with a\n    dispenser that has one.\n  </div>\n);\n\n/** A pump detail story, in the holder modal the host opens. */\nexport const PumpDetailStoryContainer = kosComponent(\n  ({ dashboardKey, title, children }: HolderStoryContainerProps) => {\n    const { componentModeOverride } = useComponentConfigurationContext();\n    const holder = useStoryHolder(dashboardKey, false);\n    if (!holder) return noHolder(dashboardKey);\n    return (\n      <Modal contain={componentModeOverride !== \"compact\"} show={true}>\n        <Header\n          CloseButton={\n            componentModeOverride === \"compact\" ? BackButton : undefined\n          }\n          contain={componentModeOverride === \"compact\"}\n          showCloseButton={true}\n          title={title}\n        />\n        {children({ holder })}\n      </Modal>\n    );\n  }\n);\n\n/** A macro summary story: the body the host shows on a macro holder card. */\nexport const MacroSummaryStoryContainer = kosComponent(\n  ({ dashboardKey, children }: HolderStoryContainerProps) => {\n    const holder = useStoryHolder(dashboardKey, true);\n    if (!holder) return noHolder(dashboardKey);\n    return <>{children({ holder })}</>;\n  }\n);\n\n/** A pump summary story: the body the host shows on the holder's dashboard card. */\nexport const PumpSummaryStoryContainer = kosComponent(\n  ({ dashboardKey, children }: HolderStoryContainerProps) => {\n    const holder = useStoryHolder(dashboardKey, false);\n    if (!holder) return noHolder(dashboardKey);\n    return (\n      <HolderDashboardCard\n        cardId={holder.path}\n        avatar={holder.name}\n        body={children({ holder })}\n      />\n    );\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 {\n  kosComponent,\n  useTroubleContainerModel,\n  type TroubleModel,\n} from \"@kosdev-code/kos-ui-sdk\";\nimport type { ReactNode } from \"react\";\n\nexport interface TroubleActionStoryProps {\n  trouble: TroubleModel;\n}\n\ninterface TroubleActionStoryContainerProps {\n  /** The contribution's troubleType: the exact type the device raises. */\n  troubleType: string;\n  children: (props: TroubleActionStoryProps) => ReactNode;\n}\n\n/** A trouble action story, given the device's active trouble of `troubleType`. */\nexport const TroubleActionStoryContainer = kosComponent(\n  ({ troubleType, children }: TroubleActionStoryContainerProps) => {\n    const { model } = useTroubleContainerModel();\n    const trouble = model?.troubles.getIndexByKey(\"byType\", troubleType)[0];\n    if (!trouble) {\n      return (\n        <div>\n          No active \"{troubleType}\" trouble. Raise one on the simulator to see\n          this experience.\n        </div>\n      );\n    }\n    return <>{children({ trouble })}</>;\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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kosdev-code/kos-ddk-story-containers",
-  "version": "0.1.0-dev.40",
+  "version": "0.1.0-dev.50",
   "type": "module",
   "types": "./index.d.ts",
   "exports": {
@@ -11,7 +11,11 @@
     }
   },
   "dependencies": {
-    "@kosdev-code/kos-ddk-components": "0.1.0-dev.40"
+    "@kosdev-code/kos-ddk-components": "0.1.0-dev.50",
+    "@kosdev-code/kos-ddk-models": "0.1.0-dev.50",
+    "@kosdev-code/kos-dispense-sdk": "~3.0.0",
+    "@kosdev-code/kos-freestyle-sdk": "~3.0.0",
+    "@kosdev-code/kos-ui-sdk": "~3.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -19,7 +23,7 @@
   },
   "kos": {
     "build": {
-      "gitHash": "23ae2ce4f9f1c0bc7a19972e52addf34acb91ed6"
+      "gitHash": "5c0550a81c2146c1101f8fec1c166f945a4a8202"
     }
   },
   "publishConfig": {