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

package/lib/components/Table/dummyTableData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dummyTableData.d.ts","sourceRoot":"","sources":["../../../src/components/Table/dummyTableData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4oEnB,CAAC"}

package/lib/components/Table/hooks.d.ts

@@ -0,0 +1,15 @@
+import type { GenericObject } from './Table';
+export type SortDirection = 'asc' | 'desc' | 'original';
+export declare function useSortableEntries<T extends GenericObject>(entries: Array<T>, idName: keyof T, { defaultSortKey, defaultSortDirection, onSort, enableInternalSorting, }: {
+    defaultSortKey?: keyof T;
+    defaultSortDirection?: SortDirection;
+    onSort?: (sortKey: string, sortDirection: SortDirection) => unknown;
+    enableInternalSorting?: boolean;
+}): {
+    handleSortClick: (sortKey: keyof T) => unknown;
+    sortDirection: SortDirection;
+    sortKey?: string;
+    sortedEntries: T[];
+    sortedKeys: keyof T[];
+};
+//# sourceMappingURL=hooks.d.ts.map

package/lib/components/Table/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/Table/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAG3C,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;AAExD,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,aAAa,EACxD,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EACjB,MAAM,EAAE,MAAM,CAAC,EACf,EACE,cAAqB,EACrB,oBAAiC,EACjC,MAAM,EACN,qBAA4B,GAC7B,EAAE;IACD,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC;IACzB,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,KAAK,OAAO,CAAC;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,GACA;IACD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAC/C,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC;CACvB,CAwEA"}

package/lib/components/Table/hooks.js

@@ -32,7 +32,8 @@ function useSortableEntries(entries, idName, _ref) {
   };
   const advanceSortDirection = dir => {
     const nextDirection = getNextDirection(dir);
-    // eslint-disable-next-line unused-imports/no-unused-vars
+
+    // @ts-ignore - TS6133 - 'dir' is declared but its value is never read.
     setSortDirection(dir => nextDirection);
     return nextDirection;
   };
@@ -44,7 +45,9 @@ function useSortableEntries(entries, idName, _ref) {
       setSortKey(nextSortKey);
       nextSortDirection = 'desc';
     }
+    // @ts-ignore - TS2345 - Argument of type 'string' is not assignable to parameter of type 'SetStateAction<SortDirection>'.
     setSortDirection(nextSortDirection);
+    // @ts-ignore - TS2345 - Argument of type 'string' is not assignable to parameter of type 'SortDirection'.
     onSort?.(nextSortKey, nextSortDirection);
   }, [sortKey, sortDirection, entries]);
   const sortedEntries = React.useMemo(() => {
@@ -53,6 +56,7 @@ function useSortableEntries(entries, idName, _ref) {
     }
     const caseInsensitiveSortFunction = entry => {
       if (typeof entry[sortKey] === 'string') {
+        // @ts-ignore - TS2339 - Property 'toLowerCase' does not exist on type 'T[keyof T]'.
         return entry[sortKey].toLowerCase();
       }
       return entry[sortKey];
@@ -63,9 +67,12 @@ function useSortableEntries(entries, idName, _ref) {
   const sortedKeys = React.useMemo(() => sortedEntries.map(ent => (0, _get.default)(ent, idName)), [sortedEntries]);
   return {
     sortedEntries,
+    // @ts-ignore - TS2322 - Type 'T[keyof T][]' is not assignable to type 'keyof T[]'.
     sortedKeys,
     sortDirection,
+    // @ts-ignore - TS2322 - Type 'string | number | symbol' is not assignable to type 'string | undefined'.
     sortKey,
+    // @ts-ignore - TS2322 - Type '(nextSortKey: string) => void' is not assignable to type '(sortKey: keyof T) => unknown'.
     handleSortClick
   };
 }

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

@@ -0,0 +1,9 @@
+export * from './Cell';
+export * from './DefaultRow';
+export * from './DefaultTableHeader';
+export * from './StaticTable';
+export * from './Table';
+export * from './TableActionBar';
+export * from './TableBottomBar';
+export * from './TableTopBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/lib/components/Tabs/Tab/Tab.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconType } from '../../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    iconTextWrap?: string;
+}>;
+export declare const TAB_SIZE: Readonly<{
+    small: "small";
+    medium: "medium";
+}>;
+export declare const tabSizeOptions: Array<unknown>;
+export type TabSize = keyof typeof TAB_SIZE;
+export type TabProps = {
+    classNames?: ClassNames;
+    onSelect?: (arg1: {
+        tabId?: string;
+        label?: string;
+    }) => unknown;
+    size?: TabSize;
+    selectedTab?: {
+        tabId?: string;
+        label?: string;
+    };
+    disabled?: boolean;
+    tabId?: string;
+    label?: string;
+    iconName?: string;
+    iconType?: IconType;
+    width?: string;
+    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+};
+export declare const Tab: Flow.AbstractComponent<TabProps, HTMLButtonElement>;
+export {};
+//# sourceMappingURL=Tab.d.ts.map

package/lib/components/Tabs/Tab/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAOzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ;;;EAGnB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAA8B,CAAC;AAEzE,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE5C,MAAM,MAAM,QAAQ,GAAG;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CAqGjE,CAAC"}

package/lib/components/Tabs/Tab/Tab.js

@@ -35,6 +35,7 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
     ...props
   } = _ref;
   const tabRef = React.useRef(null);
+  // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLButtonElement'.
   React.useImperativeHandle(forwardRef, () => tabRef.current);
   const selected = tabId && tabId === selectedTab?.tabId;
   const onClickHandler = e => {
@@ -45,6 +46,7 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
         label
       });
       onClick && onClick(e);
+      // @ts-ignore - TS2339 - Property 'blur' does not exist on type 'never'.
       tabRef.current?.blur();
     }
   };
@@ -56,7 +58,9 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
       [_TabModule.default.mediumSize]: size === 'medium',
       [_TabModule.default.smallSize]: size === 'small'
     }, classNames?.wrapper),
-    onClick: onClickHandler,
+    onClick: onClickHandler
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     style: {
       width
     },

package/lib/components/Tabs/Tab/Tab.stories.d.ts

@@ -0,0 +1,156 @@
+import * as React from 'react';
+import type { TabProps } from './Tab';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: unknown[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            name: string;
+            description: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        iconName: {
+            name: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconType: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        tabId: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onSelect: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedTab: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        width: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        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 _Anatomy: {
+    (args: TabProps): React.JSX.Element;
+    args: {
+        size: string;
+        selectedTab: {
+            key: string;
+            value: string;
+        };
+        disabled: boolean;
+        iconName: string;
+        iconType: string;
+        label: string;
+        tabId: string;
+    };
+};
+//# sourceMappingURL=Tab.stories.d.ts.map

package/lib/components/Tabs/Tab/Tab.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIpC,wBAuHE;AAEF,eAAO,MAAM,QAAQ;WAAU,QAAQ;;;;;;;;;;;;;CAQtC,CAAC"}

package/lib/components/Tabs/Tab/index.d.ts

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

package/lib/components/Tabs/Tab/index.d.ts.map

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

package/lib/components/Tabs/TabList/TabDropdown.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { AnchorType } from '../../ButtonDropdown';
+import type { MenuOption, MenuProps } from '../../Menu';
+import type { ElevationType } from '../../Tooltip';
+import type { TabProps } from '../Tab';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type TabDropdownProps = {
+    anchorPosition?: AnchorType;
+    size?: 'medium' | 'small';
+    props?: {
+        tab: TabProps;
+        menu: MenuProps;
+    };
+    onOptionSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    classNames?: ClassNames;
+    selected?: boolean;
+    disabled?: boolean;
+    elevation?: ElevationType;
+};
+export declare const TabDropdown: ({ anchorPosition, size, onOptionSelect, props, elevation, classNames, }: TabDropdownProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=TabDropdown.d.ts.map

package/lib/components/Tabs/TabList/TabDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,YAAY,CAAC;AAEtD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AAMrC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,QAAQ,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,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,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yEAOzB,gBAAgB,sBAoElB,CAAC"}

package/lib/components/Tabs/TabList/TabDropdown.js

@@ -35,6 +35,7 @@ const TabDropdown = _ref => {
   } = (0, _react2.useFloating)({
     open: true,
     strategy: 'absolute',
+    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
     placement: anchorPosition,
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
@@ -51,7 +52,9 @@ const TabDropdown = _ref => {
       "data-testid": "TabDropdown",
       className: (0, _classify.classify)(_TabDropdownModule.default.tabDropdownContainer, classNames?.wrapper)
     }, /*#__PURE__*/React.createElement(_Tab.Tab, _extends({}, props?.tab, {
-      size: size,
+      size: size
+      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
+      ,
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
       onClick: e => {
         e.stopPropagation();
@@ -63,9 +66,12 @@ const TabDropdown = _ref => {
       }
     })), isOpen && props?.menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context,
+      context: context
+      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
+      ,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
+      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       className: _TabDropdownModule.default.menuWrapper,
       style: {

package/lib/components/Tabs/TabList/TabList.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { ElevationType } from '../../Tooltip';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type TabListProps = {
+    classNames?: ClassNames;
+    onSelect?: (arg1: {
+        tabId: string;
+        label?: string;
+    }) => unknown;
+    children?: React.ReactNode;
+    size?: 'medium';
+    selectedTab?: {
+        tabId: string;
+        label?: string;
+    };
+    menuWidth?: string;
+    elevation?: ElevationType;
+};
+export declare const TabList: Flow.AbstractComponent<TabListProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=TabList.d.ts.map

package/lib/components/Tabs/TabList/TabList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAOjD,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,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA8ItE,CAAC"}

package/lib/components/Tabs/TabList/TabList.js

@@ -24,6 +24,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     elevation = 'modal'
   } = _ref;
   const ref = React.useRef(null);
+  // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLDivElement'.
   React.useImperativeHandle(forwardRef, () => ref.current);
   const {
     width
@@ -33,6 +34,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     const childrenArray = React.Children.toArray(children);
     const totalChildCount = childrenArray.length;
     let tabListWidth = 0;
+    // @ts-ignore
     const menuOptions = [];
     let nodes = [];
     const tabListNodes = [];
@@ -45,6 +47,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
         disabled,
         iconName,
         iconType
+        // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
       } = child.props;
       const widthInt = parseInt(width);
       tabListWidth = tabListWidth + widthInt;
@@ -52,7 +55,10 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
         const childOnSelect = params => {
           onSelect && onSelect(params); // call the tab level onSelect
         };
-        tabListNodes.push(/*#__PURE__*/React.cloneElement(child, {
+        tabListNodes.push(
+        /*#__PURE__*/
+        // @ts-ignore - TS2769 - No overload matches this call.
+        React.cloneElement(child, {
           size,
           onSelect: childOnSelect,
           selectedTab
@@ -67,6 +73,8 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
         });
       }
     }
+
+    // @ts-ignore - TS7031 - Binding element 'key' implicitly has an 'any' type. | TS7031 - Binding element 'label' implicitly has an 'any' type.
     const menuOnSelect = _ref2 => {
       let {
         key,
@@ -88,7 +96,9 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     })();
     const tabDropDownNode = menuOptions.length ? /*#__PURE__*/React.createElement(_TabDropdown.TabDropdown, {
       key: 'tabDropdown' + menuOptions.length,
-      size: size,
+      size: size
+      // @ts-ignore - TS2322 - Type '({ key, label }: { key: any; label: any; }) => void' is not assignable to type '(option: MenuOption, arg2?: SyntheticEvent<HTMLElement, Event> | null | undefined) => unknown'.
+      ,
       onOptionSelect: menuOnSelect,
       props: {
         tab: {
@@ -112,8 +122,11 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     return nodes;
   };
   React.useLayoutEffect(() => {
+    // @ts-ignore - TS2339 - Property 'offsetWidth' does not exist on type 'never'.
     if (ref.current && ref.current.offsetWidth) {
-      const availableContainerWidth = ref.current.offsetWidth - (parseInt(_size.size36) + parseInt(_space.spaceMedium));
+      const availableContainerWidth =
+      // @ts-ignore - TS2339 - Property 'offsetWidth' does not exist on type 'never'.
+      ref.current.offsetWidth - (parseInt(_size.size36) + parseInt(_space.spaceMedium));
       setContainerWidth(availableContainerWidth);
     }
     // it depends on width of the screen as ref.current.offsetWidth will not provide the events when changed.
@@ -123,6 +136,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     "data-testid": "Tabs",
     className: (0, _classify.classify)(_TabListModule.default.tabsContainer, {
       [_TabListModule.default.mediumSize]: size === 'medium',
+      // @ts-ignore - TS2367 - This condition will always return 'false' since the types '"medium" | undefined' and '"small"' have no overlap.
       [_TabListModule.default.smallSize]: size === 'small'
     }, classNames?.wrapper)
   }, containerWidth ? childrenWithProps() : null);

package/lib/components/Tabs/TabList/TabList.stories.d.ts

@@ -0,0 +1,111 @@
+import * as React from 'react';
+import type { TabListProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: unknown[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onSelect: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedTab: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        menuWidth: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        elevation: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: unknown[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Tabs: {
+    (args: TabListProps): React.JSX.Element;
+    args: {
+        size: string;
+        selectedTab: {
+            tabId: string;
+            label: string;
+        };
+    };
+};
+//# sourceMappingURL=TabList.stories.d.ts.map

package/lib/components/Tabs/TabList/TabList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOrC,wBA2FE;AAEF,eAAO,MAAM,KAAK;WAAU,YAAY;;;;;;;;CAwDvC,CAAC"}

package/lib/components/Tabs/TabList/index.d.ts

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

package/lib/components/Tabs/TabList/index.d.ts.map

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

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

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

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

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