@spaced-out/ui-design-system 0.4.15-beta.4 → 0.5.0

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

@@ -0,0 +1,366 @@
+import * as React from 'react';
+import type { MenuOption, MenuProps } from '../Menu';
+import type { OptionButtonProps } from '../OptionButton/OptionButton';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<OptionButtonProps, HTMLDivElement>;
+    argTypes: {
+        onButtonClick: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        menu: {
+            description: string;
+            defaultValue: MenuProps;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconLeftName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconLeftType: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            options: string[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        actionType: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isFluid: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaLabel: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onOptionSelect: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onMenuOpen: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onMenuClose: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        anchorPosition: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        tooltip: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        clickAwayRef: {
+            type: {
+                optional: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Default: {
+    (args: OptionButtonProps): React.JSX.Element;
+    args: {
+        children: string;
+        type: string;
+        size: string;
+        iconLeftName: string;
+        iconRightName: string;
+        ariaLabel: string;
+        isFluid: boolean;
+        actionType: string;
+        menu: MenuProps;
+    };
+};
+export declare const _WithTruncateOptionsTooltip: {
+    (args: OptionButtonProps): React.JSX.Element;
+    args: {
+        children: string;
+        type: string;
+        size: string;
+        iconLeftName: string;
+        iconRightName: string;
+        ariaLabel: string;
+        isFluid: boolean;
+        actionType: string;
+        menu: {
+            showLabelTooltip: {
+                maxLines: number;
+            };
+            onSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+            selectedOption?: MenuOption | null | undefined;
+            optionsVariant?: import("../Menu").MenuOptionsVariant;
+            selectedKeys?: Array<string>;
+            classNames?: Readonly<{
+                wrapper?: string;
+                option?: string;
+                groupTitle?: string;
+                optionTextContainer?: string;
+                optionTextLabel?: string;
+                header?: string;
+                footer?: string;
+            }>;
+            size?: import("../Menu").MenuSizeTypes;
+            width?: string;
+            menuDisabled?: boolean;
+            isFluid?: boolean;
+            onTabOut?: () => unknown;
+            allowSearch?: boolean;
+            resolveLabel?: (option: MenuOption) => string | React.ReactNode;
+            resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
+            virtualization?: import("../Menu").Virtualization;
+            header?: React.ReactNode;
+            footer?: React.ReactNode;
+            showResultText?: boolean;
+            staticLabels?: {
+                RESULT?: string;
+                RESULTS?: string;
+                SEARCH_PLACEHOLDER?: string;
+            };
+            allowWrap?: boolean;
+            options?: Array<MenuOption>;
+            composeOptions?: Array<Array<MenuOption>>;
+            groupTitleOptions?: Array<import("../Menu").MenuGroupTitleOption>;
+        };
+    };
+};
+export declare const _WithTooltip: {
+    (args: OptionButtonProps): React.JSX.Element;
+    args: {
+        children: string;
+        type: string;
+        size: string;
+        iconLeftName: string;
+        iconRightName: string;
+        ariaLabel: string;
+        isFluid: boolean;
+        actionType: string;
+        menu: MenuProps;
+        tooltip: {
+            baseButton: {
+                body: string;
+                placement: string;
+            };
+            optionsButton: {
+                body: string;
+                placement: string;
+            };
+        };
+    };
+};
+export declare const _WithHeaderAndFooter: {
+    (args: OptionButtonProps): React.JSX.Element;
+    args: {
+        children: string;
+        type: string;
+        size: string;
+        iconLeftName: string;
+        iconRightName: string;
+        ariaLabel: string;
+        isFluid: boolean;
+        actionType: string;
+        menu: MenuProps;
+        tooltip: {
+            baseButton: {
+                body: string;
+                placement: string;
+            };
+            optionsButton: {
+                body: string;
+                placement: string;
+            };
+        };
+    };
+};
+export declare const WithHeaderAndFooter: (args: OptionButtonProps) => React.JSX.Element;
+//# sourceMappingURL=OptionButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/OptionButton/OptionButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CpE,wBA4NE;AAEF,eAAO,MAAM,QAAQ;WAAU,iBAAiB;;;;;;;;;;;;CAI/C,CAAC;AAcF,eAAO,MAAM,2BAA2B;WAAU,iBAAiB;;;;;;;;;;;;;;gDAzO7C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuCJ,CAAC;uBAAqB,CAAC;kCAAgC,CAAC;;;;;;;;CAsM1E,CAAC;AAcF,eAAO,MAAM,YAAY;WAAU,iBAAiB;;;;;;;;;;;;;;;;;;;;;;CAInD,CAAC;AAwBF,eAAO,MAAM,oBAAoB;WAAU,iBAAiB;;;;;;;;;;;;;;;;;;;;;;CAE3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,iBAAiB,sBAuC1D,CAAC"}

package/lib/components/OptionButton/SimpleOptionButton.d.ts

@@ -17,8 +17,8 @@ type ClassNames = Readonly<{
 export type SimpleOptionButtonRef = {
     selectedKeys?: Array<string>;
 };
-export type SimpleOptionButtonProps = (// Input props
-(ButtonProps) & {
+export type SimpleOptionButtonProps = // Input props
+ButtonProps & {
     classNames?: ClassNames;
     tooltip?: OptionButtonTooltipProps;
     anchorPosition?: AnchorType;
@@ -41,7 +41,7 @@ export type SimpleOptionButtonProps = (// Input props
     resolveLabel?: (option: MenuOption) => string | React.ReactNode;
     resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
     clickAwayRef?: ClickAwayRefType;
-});
+};
 export declare const SimpleOptionButton: Flow.AbstractComponent<SimpleOptionButtonProps, SimpleOptionButtonRef>;
 export {};
 //# sourceMappingURL=SimpleOptionButton.d.ts.map

package/lib/components/OptionButton/SimpleOptionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleOptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/OptionButton/SimpleOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAE5E,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,gBAAgB,CAAC;AAI7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,CACtC,AADuC,cAAc;AACrD,CAAC,WAAW,CAAC,GAAG;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE9B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAE5B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC,CAAC;AAmGH,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,EAAE,qBAAqB,CAA4F,CAAC"}
+{"version":3,"file":"SimpleOptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/OptionButton/SimpleOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAE5E,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,gBAAgB,CAAC;AAI7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GACjC,AADoC,cAAc;AAClD,WAAW,GAAG;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE9B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,aAAa,CAAC,EACV,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAE5B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AA2GJ,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,qBAAqB,CAItB,CAAC"}

package/lib/components/OptionButton/SimpleOptionButton.js

@@ -88,4 +88,6 @@ const SimpleOptionButtonBase = (props, ref) => {
 };
 
 // @ts-ignore - TS2345 - Argument of type '(props: SimpleOptionButtonProps, ref: { current: null | SimpleOptionButtonRef; } | ((arg1: null | SimpleOptionButtonRef) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<SimpleOptionButtonProps, SimpleOptionButtonRef>'.
-const SimpleOptionButton = exports.SimpleOptionButton = /*#__PURE__*/React.forwardRef(SimpleOptionButtonBase);
+const SimpleOptionButton = exports.SimpleOptionButton = /*#__PURE__*/React.forwardRef(
+//@ts-expect-error
+SimpleOptionButtonBase);