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

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

@@ -0,0 +1,399 @@
+import * as React from 'react';
+import type { MenuOption, MenuProps } from '../Menu';
+import type { TypeaheadProps } from './Typeahead';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<TypeaheadProps, HTMLInputElement>;
+    argTypes: {
+        size: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        menuSize: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        elevation: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: unknown[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        name: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        options: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    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;
+                };
+            };
+        };
+        menuOpenOffset: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        placeholder: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        locked: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        error: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        errorText: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        helperText: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onSelect: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconLeftName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onClear: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onSearch: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onFocus: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onBlur: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        typeaheadInputText: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        menu: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onMenuOpen: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onMenuClose: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        clickAwayRef: {
+            type: {
+                optional: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        allowInternalFilter: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Typeahead: {
+    (args: TypeaheadProps): React.JSX.Element;
+    args: {
+        label: string;
+        menu: MenuProps;
+    };
+};
+export declare const _TypeaheadWithTooltipOptions: {
+    (args: TypeaheadProps): React.JSX.Element;
+    args: {
+        label: 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 _WithHeaderAndFooter: {
+    (args: TypeaheadProps): React.JSX.Element;
+    args: {
+        label: string;
+    };
+};
+export declare const WithHeaderAndFooter: (args: TypeaheadProps) => React.JSX.Element;
+export declare const _WithPaginationAndVirtualization: {
+    (args: TypeaheadProps): React.JSX.Element;
+    args: {
+        label: string;
+        menuOpenOffset: number;
+    };
+};
+//# sourceMappingURL=Typeahead.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typeahead.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2ChD,wBAsVE;AAMF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;CAgB9C,CAAC;AAOF,eAAO,MAAM,4BAA4B;WAAU,cAAc;;;;;;;gDAnYxC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBA8BQ,CAAC;uBAE/B,CAAC;kCAES,CAAC;;;;;;;;CAiXd,CAAC;AAOF,eAAO,MAAM,oBAAoB;WAAU,cAAc;;;;CAExD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,cAAc,sBA+BvD,CAAC;AA8BF,eAAO,MAAM,gCAAgC;WAAU,cAAc;;;;;CA0CpE,CAAC"}

package/lib/components/WeekdayPicker/WeekdayPicker.d.ts

@@ -10,7 +10,7 @@ type ClassNames = Readonly<{
     label?: string;
     helperText?: string;
 }>;
-type WeekdayPickerSize = typeof WEEKDAY_PICKER_SIZE[keyof typeof WEEKDAY_PICKER_SIZE];
+type WeekdayPickerSize = (typeof WEEKDAY_PICKER_SIZE)[keyof typeof WEEKDAY_PICKER_SIZE];
 type Weekday = {
     key: string;
     label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"WeekdayPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAoBrD,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AACH,KAAK,iBAAiB,GAAG,OAAO,mBAAmB,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEtF,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAqDF,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,cAAc,CAgHnF,CAAC"}
+{"version":3,"file":"WeekdayPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAoBrD,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AACH,KAAK,iBAAiB,GACpB,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAwDF,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAmHf,CAAC"}

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

@@ -0,0 +1,238 @@
+import * as React from 'react';
+import type { WeekdayPickerProps } from './';
+declare const _default: {
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<WeekdayPickerProps, HTMLDivElement>;
+    tags: string[];
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        selectedWeekDays: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hiddenWeekDays: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabledWeekDays: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        customDayLabels: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        showWeekends: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        readOnly: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disableMultiSelect: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        onChange: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        helperText: {
+            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 _WithWeekendDisabled: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        selectedWeekDays: {
+            key: string;
+            label: string;
+        }[];
+        disabledWeekDays: string[];
+        showWeekends: boolean;
+        label: string;
+        helperText: string;
+    };
+};
+export declare const _WithCustomLabels: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        customDayLabels: {
+            key: string;
+            label: string;
+        }[];
+        showWeekends: boolean;
+    };
+};
+export declare const _WithoutWeekends: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        showWeekends: boolean;
+    };
+};
+export declare const _ReadOnly: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        readOnly: boolean;
+        selectedWeekDays: {
+            key: string;
+            label: string;
+        }[];
+        showWeekends: boolean;
+    };
+};
+export declare const _MultipleSelection: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        showWeekends: boolean;
+    };
+};
+export declare const _DisabledWeekDays: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        showWeekends: boolean;
+        disabledWeekDays: string[];
+    };
+};
+export declare const _SingleSelection: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        showWeekends: boolean;
+    };
+};
+export declare const _WithHiddenDays: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        showWeekends: boolean;
+        hiddenWeekDays: string[];
+    };
+};
+export declare const _WithWeekdayNames: {
+    (args: WeekdayPickerProps): React.JSX.Element;
+    args: {
+        size: string;
+        customDayLabels: {
+            key: string;
+            label: string;
+            secondaryLabel: string;
+        }[];
+    };
+};
+//# sourceMappingURL=WeekdayPicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdayPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI3C,wBAqHE;AAEF,eAAO,MAAM,oBAAoB;WAAU,kBAAkB;;;;;;;;;;;;CAW5D,CAAC;AAWF,eAAO,MAAM,iBAAiB;WAAU,kBAAkB;;;;;;;;;CAEzD,CAAC;AAgBF,eAAO,MAAM,gBAAgB;WAAU,kBAAkB;;;;;CAExD,CAAC;AAOF,eAAO,MAAM,SAAS;WAAU,kBAAkB;;;;;;;;;CAEjD,CAAC;AAYF,eAAO,MAAM,kBAAkB;WAAU,kBAAkB;;;;;CAa1D,CAAC;AAOF,eAAO,MAAM,iBAAiB;WAAU,kBAAkB;;;;;;CAYzD,CAAC;AAQF,eAAO,MAAM,gBAAgB;WAAU,kBAAkB;;;;;CAYxD,CAAC;AAOF,eAAO,MAAM,eAAe;WAAU,kBAAkB;;;;;;CAEvD,CAAC;AAQF,eAAO,MAAM,iBAAiB;WAAU,kBAAkB;;;;;;;;;CAEzD,CAAC"}

package/lib/flow-to-typescript-codemod.d.ts

@@ -1,5 +1,5 @@
 declare module 'flow-to-typescript-codemod' {
- export declare namespace Flow {
+  export declare namespace Flow {
     // Abstract Component utility type
     // https://flow.org/en/docs/react/types/#toc-react-abstractcomponent
     type AbstractComponent<Config, Instance = any> = React.ComponentType<
@@ -22,27 +22,27 @@ declare module 'flow-to-typescript-codemod' {
     type ComponentProps<T> = T extends
       | React.ComponentType<infer P>
       | React.Component<infer P>
-// @ts-ignore - TS2344 - Type '(ComponentType<P> | Component<P, {}, any>) & T' does not satisfy the constraint 'JSXElementConstructor<any> | keyof IntrinsicElements'.
-      ? React.ComponentProps<T>
+      ? // @ts-ignore - TS2344 - Type '(ComponentType<P> | Component<P, {}, any>) & T' does not satisfy the constraint 'JSXElementConstructor<any> | keyof IntrinsicElements'.
+        React.ComponentProps<T>
       : HasComponentProps<T>;
 
     type ObjMap<
       O extends Record<string, any>,
-      F extends (...args: any[]) => any
-    > = { [P in keyof O]: ReturnType<F> };
+      F extends (...args: any[]) => any,
+    > = {[P in keyof O]: ReturnType<F>};
   }
 
   // Helper types
   type SetComplement<A, B extends A> = A extends B ? never : A;
 
-  type DefaultProps<T> = T extends { defaultProps: infer D } ? D : {};
+  type DefaultProps<T> = T extends {defaultProps: infer D} ? D : {};
 
   type OmitDefaultProps<T, D> = Omit<T, keyof D> &
     Partial<Pick<T, Extract<keyof T, keyof D>>> &
     Partial<Pick<D, Extract<keyof D, keyof T>>>;
 
   type HasComponentProps<T, D extends unknown = DefaultProps<T>> = T extends (
-    prop: infer P
+    prop: infer P,
   ) => React.ReactElement
     ? OmitDefaultProps<P, D>
     : never;