@spaced-out/ui-design-system 0.4.15 → 0.5.0

package/lib/components/Stepper/Step/StepContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,wDAMzB,gBAAgB,sBAclB,CAAC"}

package/lib/components/Stepper/Step/StepLabel.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type StepLabelProps = {
+    children: React.ReactNode;
+    active?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    classNames?: ClassNames;
+};
+export declare const StepLabel: ({ children, classNames, active, completed, disabled, }: StepLabelProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StepLabel.d.ts.map

package/lib/components/Stepper/Step/StepLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,wDAMvB,cAAc,sBAchB,CAAC"}

package/lib/components/Stepper/Step/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Step';
+export * from './StepContent';
+export * from './StepLabel';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Stepper/Step/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/lib/components/Stepper/Stepper.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type StepperProps = {
+    classNames?: ClassNames;
+    activeStep?: number;
+    children: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+};
+export declare const Stepper: Flow.AbstractComponent<StepperProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Stepper.d.ts.map

package/lib/components/Stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAgDtE,CAAC"}

package/lib/components/Stepper/Stepper.js

@@ -20,6 +20,7 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const steps = childrenArray.map((step, index) => {
     let isLastStepCompleted = false;
+    // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
     const {
       disabled: disabledChild,
       onClick
@@ -27,9 +28,12 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     if (index === 0) {
       isLastStepCompleted = true;
     } else {
+      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
       isLastStepCompleted = childrenArray[index - 1]?.props?.completed;
     }
+    // @ts-ignore - TS2769 - No overload matches this call.
     return /*#__PURE__*/React.cloneElement(step, {
+      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
       ...step.props,
       index,
       last: index + 1 === childrenArray.length,

package/lib/components/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,210 @@
+import * as React from 'react';
+import type { StepperProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<StepperProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        activeStep: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        orientation: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+/**
+ * Renders a Stepper component with Completed check
+ *
+ * Below conditions are required for the step to be clickable:
+ *
+ * 1. The step should have an `onClick` handler
+ * 2. The current step should not be `active`
+ * 3. The previous step should be `completed`
+ *
+ */
+export declare const _Stepper: {
+    (args: StepperProps): React.JSX.Element;
+    args: {
+        activeStep: number;
+    };
+};
+/**
+ * Renders a Stepper component with Completed check
+ *
+ * Below conditions are required for the step to be clickable:
+ *
+ * 1. The step should have an `onClick` handler
+ * 2. The current step should not be `active`
+ * 3. The previous step should be `completed`
+ *
+ */
+/**
+export const _WithStepIcon = (args: StepperProps): React.Node => {
+  const [openDialog, setOpenDialog] = React.useState(false);
+  const [activeStep, setActiveStep] = React.useState(args.activeStep || 0);
+  const [completedSteps, setCompletedSteps] = React.useState({
+    '0': false,
+    '1': false,
+    '2': false,
+  });
+
+  const handleNext = () => {
+    if (completedSteps[activeStep] === false) {
+      setOpenDialog(true);
+      return;
+    }
+    setActiveStep((prevStep) => prevStep + 1);
+  };
+
+  const handleBack = () => {
+    setActiveStep((prevStep) => prevStep - 1);
+  };
+
+  const handleClick = (idx) => {
+    setActiveStep(idx);
+  };
+
+  const handleMarkComplete = () => {
+    const newCompletedSteps = {...completedSteps};
+    for (let i = 0; i <= activeStep; i++) {
+      newCompletedSteps[i] = true;
+    }
+    setCompletedSteps(newCompletedSteps);
+  };
+
+  const handleMarkInComplete = () => {
+    const newCompletedSteps = {...completedSteps};
+    for (let i = activeStep; i <= 2; i++) {
+      newCompletedSteps[i] = false;
+    }
+    setCompletedSteps(newCompletedSteps);
+  };
+
+  React.useEffect(() => {
+    setActiveStep(args.activeStep || 0);
+  }, [args.activeStep]);
+
+  return (
+    <div className={css.container}>
+      <Stepper {...args} activeStep={activeStep}>
+        {stepsWithIcon.map((stepDetails, index) => (
+          <Step
+            key={stepDetails.id}
+            index={index}
+            iconName={stepDetails.iconName}
+            iconType={stepDetails.iconType}
+            onClick={handleClick}
+            completed={completedSteps[index]}
+          >
+            <StepLabel>{stepDetails.label}</StepLabel>
+            <StepContent>{stepDetails.description}</StepContent>
+          </Step>
+        ))}
+      </Stepper>
+      <div className={css.spacedActions}>
+        <div className={css.actionBlock}>
+          <Button
+            size="small"
+            type="secondary"
+            onClick={handleBack}
+            disabled={!(activeStep > 0)}
+            iconLeftName="arrow-left"
+          >
+            Back
+          </Button>
+          <Button
+            size="small"
+            type="secondary"
+            onClick={handleNext}
+            disabled={!(activeStep < steps.length - 1)}
+            iconRightName="arrow-right"
+          >
+            Next
+          </Button>
+        </div>
+        <div className={css.actionBlock}>
+          <Button
+            size="small"
+            type="primary"
+            onClick={handleMarkComplete}
+            iconLeftName="circle-check"
+            disabled={completedSteps[activeStep]}
+          >
+            Mark Complete
+          </Button>
+          <Button
+            size="small"
+            type="danger"
+            onClick={handleMarkInComplete}
+            iconLeftName="circle-xmark"
+            disabled={!completedSteps[activeStep]}
+          >
+            Mark Incomplete
+          </Button>
+        </div>
+      </div>
+
+      <BasicDialog
+        isOpen={openDialog}
+        abortText="Close"
+        body="Please mark the current step complete to move on to the next one!"
+        handleAbort={() => setOpenDialog(false)}
+        heading="Unable to proceed to next step"
+        semantic="danger"
+      />
+    </div>
+  );
+};
+
+_WithStepIcon.args = {
+  activeStep: 0,
+};
+*/
+//# sourceMappingURL=Stepper.stories.d.ts.map

package/lib/components/Stepper/Stepper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMrC,wBA4FE;AAiDF;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ;WAAU,YAAY;;;;CAuH1C,CAAC;AAMF;;;;;;;;;GASG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHE"}

package/lib/components/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Step';
+export * from './Stepper';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/lib/components/StickyBar/StickyBar.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+export type StickyBarProps = {
+    className?: string;
+    children: React.ReactNode;
+    position?: 'top' | 'bottom';
+};
+export type StickyBarChildProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const StickyBarLeftSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
+export declare const StickyBarRightSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
+export declare const StickyBar: Flow.AbstractComponent<StickyBarProps, HTMLDivElement>;
+//# sourceMappingURL=StickyBar.d.ts.map

package/lib/components/StickyBar/StickyBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBar.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/StickyBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,mBAAmB,sBAIrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mCAIhC,mBAAmB,sBAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAsB1E,CAAC"}

package/lib/components/StickyBar/StickyBar.stories.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { StickyBarProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<StickyBarProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _StickyFooter: (args: StickyBarProps) => React.JSX.Element;
+export declare const _WithGrid: (args: StickyBarProps) => React.JSX.Element;
+//# sourceMappingURL=StickyBar.stories.d.ts.map

package/lib/components/StickyBar/StickyBar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/StickyBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvC,wBA8EE;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,cAAc,sBAajD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,cAAc,sBAgD7C,CAAC"}

package/lib/components/StickyBar/index.d.ts

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

package/lib/components/StickyBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/lib/components/SubMenu/SubMenu.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconSize, IconType } from '../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type SubMenuProps = {
+    classNames?: ClassNames;
+    title: string;
+    titleIcon?: string;
+    titleIconSize?: IconSize;
+    titleIconType?: IconType;
+    children?: React.ReactNode;
+    onClose?: () => unknown;
+    showClose?: boolean;
+};
+export declare const SubMenu: Flow.AbstractComponent<SubMenuProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=SubMenu.d.ts.map

package/lib/components/SubMenu/SubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAmEtE,CAAC"}

package/lib/components/SubMenu/SubMenu.stories.d.ts

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import type { SubMenuProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<SubMenuProps, HTMLDivElement>;
+    argTypes: {
+        title: {
+            type: {
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        titleIcon: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        titleIconType: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        titleIconSize: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClose: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        showClose: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _SubMenu: {
+    (args: SubMenuProps): React.JSX.Element;
+    args: {
+        title: string;
+        titleIcon: string;
+        titleIconType: string;
+        showClose: boolean;
+    };
+};
+//# sourceMappingURL=SubMenu.stories.d.ts.map

package/lib/components/SubMenu/SubMenu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcrC,wBAiHE;AAEF,eAAO,MAAM,QAAQ;WAAU,YAAY;;;;;;;CA6Q1C,CAAC"}

package/lib/components/SubMenu/SubMenuGroup.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { IconSize, IconType } from '../Icon';
+import type { StatusSemanticType } from '../StatusIndicator';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    groupHeader?: string;
+    menuGroup?: string;
+}>;
+export type SubMenuGroupProps = {
+    children?: React.ReactNode;
+    groupTitle?: string;
+    groupIcon?: string;
+    groupIconSize?: IconSize;
+    groupIconType?: IconType;
+    collapsible?: boolean;
+    disabled?: boolean;
+    onChange?: (value: string) => unknown;
+    selectedMenuKey?: string;
+    status?: StatusSemanticType;
+    classNames?: ClassNames;
+};
+export declare const SubMenuGroup: ({ children, groupTitle, groupIcon, groupIconSize, groupIconType, collapsible, disabled, onChange, selectedMenuKey, status, classNames, }: SubMenuGroupProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=SubMenuGroup.d.ts.map

package/lib/components/SubMenu/SubMenuGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEhD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAO3D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,0IAY1B,iBAAiB,sBAiHnB,CAAC"}

package/lib/components/SubMenu/SubMenuGroup.js

@@ -27,7 +27,9 @@ const SubMenuGroup = _ref => {
     status,
     classNames
   } = _ref;
-  const isSubMenuGroupChildSelected = React.Children.toArray(children).some(child => child.props.menuKey === selectedMenuKey);
+  const isSubMenuGroupChildSelected = React.Children.toArray(children).some(
+  // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
+  child => child.props.menuKey === selectedMenuKey);
   const [collapsed, setCollapsed] = React.useState(!isSubMenuGroupChildSelected);
   const collapseHandler = () => {
     collapsible && setCollapsed(!collapsed);
@@ -42,10 +44,12 @@ const SubMenuGroup = _ref => {
   };
   const childrenWithProps = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
+      // @ts-ignore - TS2339 - Property 'disabled' does not exist on type 'unknown'.
       const {
         disabled: disabledChild
       } = child.props;
       return /*#__PURE__*/React.cloneElement(child, {
+        // @ts-ignore - TS2769 - No overload matches this call.
         selectedMenuKey,
         onChange: onMenuItemChangeHandler,
         disabled: disabledChild || disabled
@@ -67,7 +71,9 @@ const SubMenuGroup = _ref => {
       [_SubMenuModule.default.collapsed]: !collapsed
     }, classNames?.groupHeader),
     onClick: collapseHandler,
-    onKeyDown: onKeyDownHandlerHeader,
+    onKeyDown: onKeyDownHandlerHeader
+    // @ts-ignore - TS2322 - Type 'string | number' is not assignable to type 'number | undefined'.
+    ,
     tabIndex: disabled ? '-1' : 0
   }, /*#__PURE__*/React.createElement("div", {
     className: _SubMenuModule.default.groupTitleWrapper
@@ -82,7 +88,9 @@ const SubMenuGroup = _ref => {
   }), !!status && collapsed && /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.default)(_SubMenuModule.default.statusIndicatorWrapper)
   }, /*#__PURE__*/React.createElement(_StatusIndicator.StatusIndicator, {
-    status: status,
+    status: status
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     className: _SubMenuModule.default.statusIndicatorWrapper
   }))), /*#__PURE__*/React.createElement(_Text.ButtonTextMedium, {
     color: _Text.TEXT_COLORS.inverseSecondary,

package/lib/components/SubMenu/SubMenuItem.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { ColorTypes } from '../../types/typography';
+import type { IconProps } from '../Icon';
+import type { TextProps } from '../Text';
+export declare const SubMenuItemIcon: {
+    ({ className, ...props }: IconProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const SubMenuItemText: {
+    ({ children, className, ...props }: TextProps): React.JSX.Element;
+    displayName: string;
+};
+export type SubMenuItemBadgesProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare const SubMenuItemBadges: {
+    ({ children, className, ...props }: SubMenuItemBadgesProps): React.JSX.Element;
+    displayName: string;
+};
+export type SubMenuItemActionProps = {
+    isMenuItemSelected?: boolean;
+    children?: React.ReactNode;
+    color?: ColorTypes;
+    className?: string;
+};
+export declare const SubMenuItemAction: Flow.AbstractComponent<SubMenuItemActionProps, HTMLElement>;
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type SubMenuItemProps = {
+    classNames?: ClassNames;
+    children?: React.ReactNode;
+    selectedMenuKey?: string;
+    disabled?: boolean;
+    onChange?: (selectedMenuKey: string) => unknown;
+    menuKey: string;
+};
+export declare const SubMenuItem: Flow.AbstractComponent<SubMenuItemProps, HTMLElement>;
+export {};
+//# sourceMappingURL=SubMenuItem.d.ts.map

package/lib/components/SubMenu/SubMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAEvC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAOvC,eAAO,MAAM,eAAe;8BAA2B,SAAS;;CAO/D,CAAC;AAIF,eAAO,MAAM,eAAe;wCAAqC,SAAS;;CAQzE,CAAC;AAGF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,iBAAiB;wCAI3B,sBAAsB;;CAIxB,CAAC;AAGF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CACpD,sBAAsB,EACtB,WAAW,CAQZ,CAAC;AAGF,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,WAAW,CA6EZ,CAAC"}