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

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

@@ -0,0 +1,350 @@
+import * as React from 'react';
+import type { MenuOption, MenuProps } from '../Menu';
+import type { InlineDropdownProps } from './InlineDropdown';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<InlineDropdownProps, HTMLDivElement>;
+    argTypes: {
+        onClick: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        menu: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        elevation: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: unknown[];
+            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;
+                };
+            };
+        };
+        children: {
+            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;
+                };
+            };
+        };
+        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 _TextOnly: {
+    (args: InlineDropdownProps): React.JSX.Element;
+    args: {
+        menu: MenuProps;
+        size: string;
+        children?: React.ReactNode;
+        disabled?: unknown;
+        actionType?: import("../Button").ButtonActionType;
+        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+        ariaLabel?: string;
+        tabIndex?: number;
+        isLoading?: boolean;
+        role?: string;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
+        isFluid?: boolean;
+    };
+};
+export declare const _TextWithTooltip: {
+    (args: InlineDropdownProps): React.JSX.Element;
+    args: {
+        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>;
+        };
+        size: string;
+        children?: React.ReactNode;
+        disabled?: unknown;
+        actionType?: import("../Button").ButtonActionType;
+        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+        ariaLabel?: string;
+        tabIndex?: number;
+        isLoading?: boolean;
+        role?: string;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
+        isFluid?: boolean;
+    };
+};
+export declare const _WithSearch: {
+    (args: InlineDropdownProps): React.JSX.Element;
+    args: {
+        menu: {
+            allowSearch: boolean;
+            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;
+            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;
+            };
+            showLabelTooltip?: import("../..").MenuLabelTooltip;
+            allowWrap?: boolean;
+            options?: Array<MenuOption>;
+            composeOptions?: Array<Array<MenuOption>>;
+            groupTitleOptions?: Array<import("../Menu").MenuGroupTitleOption>;
+        };
+        size: string;
+        children?: React.ReactNode;
+        disabled?: unknown;
+        actionType?: import("../Button").ButtonActionType;
+        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+        ariaLabel?: string;
+        tabIndex?: number;
+        isLoading?: boolean;
+        role?: string;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
+        isFluid?: boolean;
+    };
+};
+export declare const _WithCheckboxMenu: {
+    (args: InlineDropdownProps): React.JSX.Element;
+    args: {
+        children: string;
+        menu: MenuProps;
+        size: string;
+    };
+};
+export declare const _WithRadioMenu: {
+    (args: InlineDropdownProps): React.JSX.Element;
+    args: {
+        children: string;
+        menu: MenuProps;
+    };
+};
+export declare const _WithHeaderAndFooter: {
+    (args: InlineDropdownProps): React.JSX.Element;
+    args: {
+        children: string;
+        menu: MenuProps;
+        size: string;
+    };
+};
+export declare const WithHeaderAndFooter: (args: InlineDropdownProps) => React.JSX.Element;
+//# sourceMappingURL=InlineDropdown.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoD1D,wBA8JE;AAEF,eAAO,MAAM,SAAS;WAAU,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;CAIlD,CAAC;AAQF,eAAO,MAAM,gBAAgB;WAAU,mBAAmB;;;;;;gDAnMxD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;sBAmDM,CAAF;uBAAqB,CAAC;kCAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJ5D,CAAC;AAQF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;gDA/MnD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;sBAmDM,CAAF;uBAAqB,CAAC;kCAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgK5D,CAAC;AAeF,eAAO,MAAM,iBAAiB;WAAU,mBAAmB;;;;;;CAyC1D,CAAC;AAeF,eAAO,MAAM,cAAc;WAAU,mBAAmB;;;;;CAwBvD,CAAC;AAOF,eAAO,MAAM,oBAAoB;WAAU,mBAAmB;;;;;;CAE7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,mBAAmB,sBAuD5D,CAAC"}

package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts

@@ -13,8 +13,8 @@ type ClassNames = Readonly<{
 export type SimpleInlineDropdownRef = {
     selectedKeys?: Array<string>;
 };
-export type SimpleInlineDropdownProps = (// Input props
-(ButtonProps) & {
+export type SimpleInlineDropdownProps = // Input props
+ButtonProps & {
     elevation?: ElevationType;
     classNames?: ClassNames;
     anchorPosition?: AnchorType;
@@ -34,7 +34,7 @@ export type SimpleInlineDropdownProps = (// Input props
     resolveLabel?: (option: MenuOption) => string | React.ReactNode;
     resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
     clickAwayRef?: ClickAwayRefType;
-});
+};
 export declare const SimpleInlineDropdown: Flow.AbstractComponent<SimpleInlineDropdownProps, SimpleInlineDropdownRef>;
 export {};
 //# sourceMappingURL=SimpleInlineDropdown.d.ts.map

package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.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;AAK7D,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;AAC5E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAK9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CACxC,AADyC,cAAc;AACvD,CAAC,WAAW,CAAC,GAAG;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B,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,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,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,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;IAEhC,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;AA8GH,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,EAAE,uBAAuB,CAAkG,CAAC"}
+{"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.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;AAK7D,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;AAC5E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAK9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GACnC,AADsC,cAAc;AACpD,WAAW,GAAG;IACZ,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B,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,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,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,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;IAEhC,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;AAsHJ,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAIxB,CAAC"}

package/lib/components/InlineDropdown/SimpleInlineDropdown.js

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