@spaced-out/ui-design-system 0.4.13 → 0.4.15-beta.0

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,GACvB,0IAYG,iBAAiB,sBAkHrB,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;8BAIvB,SAAS;;CAMX,CAAC;AAIJ,eAAO,MAAM,eAAe;wCAKvB,SAAS;;CAOM,CAAC;AAGrB,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,iBAAiB;wCAKzB,sBAAsB;;CAGpB,CAAC;AAGR,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,CAAC,sBAAsB,EAAE,WAAW,CAYzF,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,CAAC,gBAAgB,EAAE,WAAW,CA4E7E,CAAC"}

package/lib/components/SubMenu/SubMenuItem.js

@@ -53,7 +53,9 @@ const SubMenuItemBadges = _ref3 => {
 };
 exports.SubMenuItemBadges = SubMenuItemBadges;
 SubMenuItemBadges.displayName = 'SubMenuItemBadges';
-const SubMenuItemAction = exports.SubMenuItemAction = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
+const SubMenuItemAction = exports.SubMenuItemAction = /*#__PURE__*/React.forwardRef((_ref4, ref
+// @ts-ignore - TS2322 - Type 'ForwardedRef<HTMLElement>' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
+) => {
   let {
     children,
     className,
@@ -91,8 +93,12 @@ const SubMenuItem = exports.SubMenuItem = /*#__PURE__*/React.forwardRef((_ref5,
     if (childrenArray.length) {
       const nodes = [];
       for (const child of childrenArray) {
+        // @ts-ignore - TS2339 - Property 'type' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
         if (child?.type?.displayName === comp) {
-          nodes.push(/*#__PURE__*/React.cloneElement(child, {
+          nodes.push(
+          /*#__PURE__*/
+          // @ts-ignore - TS2769 - No overload matches this call.
+          React.cloneElement(child, {
             selected,
             disabled
           }));
@@ -108,9 +114,13 @@ const SubMenuItem = exports.SubMenuItem = /*#__PURE__*/React.forwardRef((_ref5,
       [_SubMenuModule.default.disabled]: disabled
     }, classNames?.wrapper),
     onKeyDown: onKeyDownHandler,
-    onClick: onChangeHandler,
+    onClick: onChangeHandler
+    // @ts-ignore - TS2322 - Type 'string | number' is not assignable to type 'number | undefined'.
+    ,
     tabIndex: disabled ? '-1' : 0,
-    disabled: disabled,
+    disabled: disabled
+    // @ts-ignore - TS2322 - Type 'ForwardedRef<HTMLElement>' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
+    ,
     ref: ref
   }), /*#__PURE__*/React.createElement("div", {
     className: _SubMenuModule.default.menuIconName

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

@@ -0,0 +1,14 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconSize, IconType } from '../Icon';
+export type SubMenuLinkProps = {
+    menuLinkTitle?: string;
+    menuLinkIcon: string;
+    menuLinkIconSize?: IconSize;
+    menuLinkIconType?: IconType;
+    menuKey: string;
+    selectedMenuKey?: string;
+    disabled?: boolean;
+    onChange?: (selectedMenuLinkKey: string) => unknown;
+};
+export declare const SubMenuLink: Flow.AbstractComponent<SubMenuLinkProps, HTMLElement>;
+//# sourceMappingURL=SubMenuLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenuLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAQhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,mBAAmB,EAAE,MAAM,KAAK,OAAO,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,WAAW,CA8D7E,CAAC"}

package/lib/components/SubMenu/SubMenuLink.js

@@ -41,8 +41,12 @@ const SubMenuLink = exports.SubMenuLink = /*#__PURE__*/React.forwardRef((_ref, r
       [_SubMenuModule.default.highlightedMenu]: isMenuLinkSelected
     }),
     onKeyDown: onKeyDownHandler,
-    onClick: onChangeHandler,
-    ref: ref,
+    onClick: onChangeHandler
+    // @ts-ignore - TS2322 - Type 'ForwardedRef<HTMLElement>' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
+    ,
+    ref: ref
+    // @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

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

@@ -0,0 +1,5 @@
+export * from './SubMenu';
+export * from './SubMenuGroup';
+export * from './SubMenuItem';
+export * from './SubMenuLink';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import type { ClassNameComponent } from '../../utils/makeClassNameComponent';
+type CellsProps = {
+    children?: React.ReactNode;
+    className?: string | null | undefined;
+    truncatedText?: React.ReactNode;
+    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+};
+export declare const Cells: ({ children, className, ...rest }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
+export declare const Cell: ({ children, className, }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
+export declare const BasicSingleCell: ClassNameComponent<'td'>;
+export declare const BasicDoubleCell: ClassNameComponent<'td'>;
+export declare const PaddedContentCell: ClassNameComponent<'td'>;
+export declare const PaddedDoubleContentCell: ClassNameComponent<'td'>;
+export declare const SingleCell: ({ title, className, }: {
+    title: string;
+    icon?: React.ReactNode;
+    className?: string;
+}) => React.JSX.Element;
+export declare const DoubleCell: ({ title, subtitle, className, }: {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    className?: string;
+}) => React.JSX.Element;
+export declare const DateCell: ({ date, className, }: {
+    date: string | Date;
+    className?: string;
+}) => React.JSX.Element;
+export declare const Monogram: ({ initials, }: {
+    initials: string;
+}) => React.JSX.Element;
+export declare const MonogramCell: ({ initials, className, }: {
+    initials: string;
+    className?: string;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AAQ3E,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACrF,CAAC;AAEF,eAAO,MAAM,KAAK,GAChB,kCAIG,UAAU,KAEZ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAE1C,CAAC;AAER,eAAO,MAAM,IAAI,GACf,0BAGG,UAAU,KACZ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAsE,CAAC;AAExH,eAAO,MAAM,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAGpD,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAGpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kBAAkB,CAAC,IAAI,CACF,CAAC;AAEtD,eAAO,MAAM,uBAAuB,EAAE,kBAAkB,CAAC,IAAI,CACR,CAAC;AAEtD,eAAO,MAAM,UAAU,GACrB,uBAGG;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAGkB,CAAC;AAEtB,eAAO,MAAM,UAAU,GACrB,iCAIG;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAQwB,CAAC;AAE5B,eAAO,MAAM,QAAQ,GACnB,sBAGG;IACD,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAYF,CAAC;AAEF,eAAO,MAAM,QAAQ,GACnB,eAEG;IACD,QAAQ,EAAE,MAAM,CAAC;CAClB,sBAC2C,CAAC;AAE/C,eAAO,MAAM,YAAY,GACvB,0BAGG;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAGkB,CAAC"}

package/lib/components/Table/Cell.js

@@ -14,9 +14,9 @@ var _Text = require("../Text");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // $FlowIssue[nonstrict-import] date-fns
-// $FlowIssue[nonstrict-import] date-fns
-const Cells = _ref => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Cells = (_ref // @ts-ignore - TS2322 - Type '{ children: ReactNode; truncatedText?: ReactNode; onClick?: ((arg1: SyntheticEvent<HTMLElement, Event>) => unknown) | null | undefined; className: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
+) => {
   let {
     children,
     className,

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

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import type { ClassNameComponent } from '../../utils/makeClassNameComponent';
+import type { GenericHeaderItems } from './DefaultTableHeader';
+import type { GenericObject } from './Table';
+type ClassNames = Readonly<{
+    tableRow?: string;
+    checkbox?: string;
+}>;
+export type TableRowProps<T, U> = {
+    data: T;
+    extras?: U;
+    sortedKeys?: string[];
+    headers?: GenericHeaderItems<T, U>;
+    selected?: boolean;
+    disabled?: boolean;
+};
+export type TableRow<T, U> = React.ComponentType<TableRowProps<T, U>>;
+export declare const BasicRow: ClassNameComponent<'tr'>;
+type EmptyRowProps = {
+    emptyText?: React.ReactNode;
+    isLoading?: boolean;
+    headersLength: number;
+    customLoader?: React.ReactNode;
+};
+export declare const EmptyRow: ({ isLoading, emptyText, headersLength, customLoader, }: EmptyRowProps) => React.ReactElement<React.ComponentProps<"tr">>;
+export declare function DefaultRow<T extends GenericObject, U extends GenericObject>({ data, extras, headers, selected, onSelect, classNames, disabled, }: {
+    data: T;
+    extras?: U;
+    headers: GenericHeaderItems<T, U>;
+    selected?: boolean;
+    onSelect?: (arg1: {
+        value: string;
+        checked: boolean;
+    }) => unknown;
+    classNames?: ClassNames;
+    disabled?: boolean;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=DefaultRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AAO3E,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAK3C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAQH,MAAM,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC,IAAI;IAChC,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAG7C,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,QAAQ,GACnB,wDAKG,aAAa,KACf,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAwB1C,CAAC;AASP,wBAAgB,UAAU,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,SAAS,aAAa,EACzE,EACE,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB,KACE,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,qBA6CF"}

package/lib/components/Table/DefaultRow.js

@@ -22,6 +22,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // Note that b/c extras is often optional, you will need to explicitly include
 // `invariant(extras, 'extras exists');` in order to pull values out of
 // extras (flow will remind you that it is of type `U | void`)
+
 const BasicRow = exports.BasicRow = (0, _makeClassNameComponent.makeClassNameComponent)(_TableModule.default.defaultRow, 'tr');
 const EmptyRow = _ref => {
   let {
@@ -49,7 +50,6 @@ const EmptyRow = _ref => {
 // initially stubbing out a design, the idea is you just avoid
 // passing in a Row component and instead let this render out
 // all the fields in the header in the short term
-//
 // Using the default row has the benefit that mismatches between
 // header and entries _will_ error out even though there are the
 // suppressions below

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import type { ClassNameComponent } from '../../utils/makeClassNameComponent';
+import type { SortDirection } from './hooks';
+import type { GenericObject } from './Table';
+export type GenericHeaderItem<T extends GenericObject, U extends GenericObject> = {
+    label: React.ReactNode;
+    key: keyof T;
+    className?: string;
+    filterIcon?: React.ReactNode;
+    filtered?: boolean;
+    subtext?: string;
+    sortable?: boolean;
+    headerIconClassName?: string;
+    sticky?: boolean;
+    render?: React.ComponentType<{
+        data: T;
+        extras?: U;
+        className?: string;
+        selected?: boolean;
+        disabled?: boolean;
+    }>;
+};
+export type GenericHeaderItems<T, U> = GenericHeaderItem<T, U>[];
+export declare const BasicHeadCell: ClassNameComponent<'th'>;
+export declare const BasicTableHead: ClassNameComponent<'thead'>;
+export type TableHeaderProps<T, U> = {
+    className?: string;
+    tableHeaderClassName?: string;
+    sortable?: boolean;
+    columns: GenericHeaderItems<T, U>;
+    handleSortClick?: (sortKey: keyof T) => unknown;
+    sortKey?: keyof T;
+    sortDirection?: SortDirection;
+    checked?: 'true' | 'false' | 'mixed';
+    handleCheckboxClick?: (arg1: {
+        value: string;
+        checked: boolean;
+    }) => unknown;
+    disabled?: boolean;
+    stickyHeader?: boolean;
+};
+export declare function DefaultTableHeader<T extends GenericObject, U extends GenericObject>(props: TableHeaderProps<T, U>): React.JSX.Element;
+//# sourceMappingURL=DefaultTableHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AAO3E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAK3C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,SAAS,aAAa,IAAI;IAChF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;CACJ,CAAC;AAGF,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAExD,MAAM,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC,IAAI;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,CACpB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB,KACE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AA4CF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,SAAS,aAAa,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,qBAuIjH"}

package/lib/components/Table/DefaultTableHeader.js

@@ -15,6 +15,8 @@ var _DefaultRow = require("./DefaultRow");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// @ts-ignore - TS2344 - Type 'T' does not satisfy the constraint 'GenericObject'.
+
 const BasicHeadCell = exports.BasicHeadCell = (0, _makeClassNameComponent.makeClassNameComponent)(_TableModule.default.defaultHeaderCell, 'th');
 const BasicTableHead = exports.BasicTableHead = (0, _makeClassNameComponent.makeClassNameComponent)(_TableModule.default.defaultTableHead, 'thead');
 const SortIcon = _ref => {
@@ -116,11 +118,16 @@ function DefaultTableHeader(props) {
       className: _TableModule.default.headerSubtext
     }, subtext && subtext)), (sortable || filterIcon != null) && /*#__PURE__*/React.createElement("div", {
       className: _TableModule.default.headerIconContainer
-    }, columnSortable && /*#__PURE__*/React.createElement(SortIcon, {
+    }, columnSortable &&
+    /*#__PURE__*/
+    // @ts-ignore - TS2786 - 'SortIcon' cannot be used as a JSX component.
+    React.createElement(SortIcon, {
       color: _Text.TEXT_COLORS.secondary,
       className: (0, _classify.default)(_TableModule.default.sortArrow, {
         [_TableModule.default.selectedSortArrow]: sortKey === key
-      }),
+      })
+      // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'SortDirection'.
+      ,
       sortDirection: columnSortDirection
     }), filterIcon != null && /*#__PURE__*/React.createElement("div", {
       className: _TableModule.default.filterIcon

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ClassNameComponent } from '../../utils/makeClassNameComponent';
+import type { SortDirection } from './hooks';
+import type { GenericObject, TableProps } from './Table';
+export declare const BasicTable: ClassNameComponent<'table'>;
+export declare const BasicTableBody: ClassNameComponent<'tbody'>;
+/**
+ * A Static Default Table.
+ *
+ * Our
+ */
+export declare function StaticTable<Data extends GenericObject, Extras extends GenericObject>(props: ((TableProps<Data, Extras>) & {
+    handleSortClick?: (sortKey: string) => unknown;
+    sortKey?: string;
+    sortDirection?: SortDirection;
+    rowKeys?: string[];
+})): React.JSX.Element;
+export declare function StaticTableVirtualized<Data extends GenericObject, Extras extends GenericObject>(props: ((TableProps<Data, Extras>) & {
+    handleSortClick?: (sortKey: string) => unknown;
+    sortKey?: string;
+    sortDirection?: SortDirection;
+    rowKeys?: string[];
+})): React.JSX.Element;
+//# sourceMappingURL=StaticTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AAQ3E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAa,aAAa,EAAE,UAAU,EAAC,MAAM,SAAS,CAAC;AAKnE,eAAO,MAAM,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAmNxD;;;;GAIG;AAEH,wBAAgB,WAAW,CAAC,IAAI,SAAS,aAAa,EAAE,MAAM,SAAS,aAAa,EAClF,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC,qBAmIH;AAED,wBAAgB,sBAAsB,CAAC,IAAI,SAAS,aAAa,EAAE,MAAM,SAAS,aAAa,EAC7F,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC,qBA2OH"}

package/lib/components/Table/StaticTable.js

@@ -21,7 +21,6 @@ var _DefaultTableHeader = require("./DefaultTableHeader");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// $FlowFixMe[untyped-import]
 const BasicTable = exports.BasicTable = (0, _makeClassNameComponent.makeClassNameComponent)(_TableModule.default.defaultTable, 'table');
 const BasicTableBody = exports.BasicTableBody = (0, _makeClassNameComponent.makeClassNameComponent)(_TableModule.default.defaultTableBody, 'tbody');
 function useTableWidth(ref) {
@@ -37,6 +36,7 @@ function useTableWidth(ref) {
   return tableWidth;
 }
 function useMappedKeys(entries, rowKeys, idName) {
+  // @ts-ignore - TS2322 - Type 'string[] | Data[string][]' is not assignable to type 'string[]'.
   return React.useMemo(() => rowKeys ?? entries.map(e => (0, _get.default)(e, idName)), [entries, idName, rowKeys]);
 }
 function useHeaderCheckboxHandler(selectedKeys, entries, idName, onSelect) {
@@ -49,6 +49,7 @@ function useHeaderCheckboxHandler(selectedKeys, entries, idName, onSelect) {
     } = _ref;
     const allIds = entries.map(row => (0, _get.default)(row, idName));
     const newSelection = checked ? allIds : [];
+    // @ts-ignore - TS2345 - Argument of type 'Data[string][]' is not assignable to parameter of type 'string[]'.
     onSelect?.(newSelection);
   };
 }
@@ -114,7 +115,9 @@ function TableWrapper(_ref3) {
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.classify)(_TableModule.default.tableContainer, classNames?.wrapper),
     "data-id": 'table-wrap',
-    ref: tableRef,
+    ref: tableRef
+    // @ts-ignore - TS2322 - Type '{ [key: string]: string | number | null | undefined; } | undefined' is not assignable to type 'CSSProperties | undefined'.
+    ,
     style: wrapperStyle
   }, /*#__PURE__*/React.createElement(BasicTable, {
     "data-id": "basic-table",
@@ -155,11 +158,11 @@ function StaticTable(props) {
     showHeader = true,
     tableHeaderClassName,
     sortable,
-    // eslint-disable-next-line unused-imports/no-unused-vars
+    // @ts-ignore - TS6133 - 'defaultSortKey' is declared but its value is never read.
     defaultSortKey,
-    // eslint-disable-next-line unused-imports/no-unused-vars
+    // @ts-ignore - TS6133 - 'defaultSortDirection' is declared but its value is never read.
     defaultSortDirection = 'original',
-    // eslint-disable-next-line unused-imports/no-unused-vars
+    // @ts-ignore - TS6133 - 'onSort' is declared but its value is never read.
     onSort,
     handleSortClick,
     sortKey,
@@ -179,13 +182,16 @@ function StaticTable(props) {
   // this is a fallback and honestly probably doesn't need the
   // memo'ing
   const tableRef = React.useRef(null);
+  // @ts-ignore - TS2345 - Argument of type 'string | number | symbol' is not assignable to parameter of type 'string'.
   const mappedKeys = useMappedKeys(entries, rowKeys, idName);
   const tableWidth = useTableWidth(tableRef);
 
   /**
    * this function is also used to decide weather to show checkbox in header or not. so it's value is undefined in case selectedKeys is not there.
    */
-  const handleHeaderCheckboxClick = useHeaderCheckboxHandler(selectedKeys, entries, idName, onSelect);
+  const handleHeaderCheckboxClick = useHeaderCheckboxHandler(selectedKeys, entries,
+  // @ts-ignore - TS2345 - Argument of type 'string | number | symbol' is not assignable to parameter of type 'string'.
+  idName, onSelect);
   return /*#__PURE__*/React.createElement(TableWrapper, {
     tableRef: tableRef,
     wrapperStyle: {
@@ -206,7 +212,9 @@ function StaticTable(props) {
     selectedKeys: selectedKeys,
     headers: headers,
     sortKey: sortKey,
-    sortDirection: sortDirection,
+    sortDirection: sortDirection
+    // @ts-ignore - TS2322 - Type '((sortKey: string) => unknown) | undefined' is not assignable to type '((sortKey: keyof Data) => unknown) | undefined'.
+    ,
     handleSortClick: handleSortClick,
     handleHeaderCheckboxClick: handleHeaderCheckboxClick
   }, isLoading || !entries.length ? /*#__PURE__*/React.createElement(_DefaultRow.EmptyRow, {
@@ -219,8 +227,12 @@ function StaticTable(props) {
     if (data == null) {
       return null;
     }
-    const selected = selectedKeys && Array.isArray(selectedKeys) ? selectedKeys.includes((0, _get.default)(data, idName)) : undefined;
-    const isRowDisabled = disabledKeys && Array.isArray(disabledKeys) ? disabledKeys.includes((0, _get.default)(data, idName)) : false;
+    const selected = selectedKeys && Array.isArray(selectedKeys)
+    // @ts-ignore - TS2345 - Argument of type 'Data["id"] | Data[keyof Data]' is not assignable to parameter of type 'string'.
+    ? selectedKeys.includes((0, _get.default)(data, idName)) : undefined;
+    const isRowDisabled = disabledKeys && Array.isArray(disabledKeys)
+    // @ts-ignore - TS2345 - Argument of type 'Data["id"] | Data[keyof Data]' is not assignable to parameter of type 'string'.
+    ? disabledKeys.includes((0, _get.default)(data, idName)) : false;
     return /*#__PURE__*/React.createElement(RowRenderer, {
       TableRow: TableRow,
       keyId: key,
@@ -247,11 +259,11 @@ function StaticTableVirtualized(props) {
     showHeader = true,
     tableHeaderClassName,
     sortable,
-    // eslint-disable-next-line unused-imports/no-unused-vars
+    // @ts-ignore - TS6133 - 'defaultSortKey' is declared but its value is never read.
     defaultSortKey,
-    // eslint-disable-next-line unused-imports/no-unused-vars
+    // @ts-ignore - TS6133 - 'defaultSortDirection' is declared but its value is never read.
     defaultSortDirection = 'original',
-    // eslint-disable-next-line unused-imports/no-unused-vars
+    // @ts-ignore - TS6133 - 'onSort' is declared but its value is never read.
     onSort,
     handleSortClick,
     sortKey,
@@ -279,12 +291,14 @@ function StaticTableVirtualized(props) {
 
   // this is a fallback and honestly probably doesn't need the
   // memo'ing
+  // @ts-ignore - TS2345 - Argument of type 'string | number | symbol' is not assignable to parameter of type 'string'.
   const mappedKeys = useMappedKeys(entries, rowKeys, idName);
   const tableWidth = useTableWidth(tableRef);
   const virtualizer = (0, _reactVirtual.useVirtualizer)({
     count: entries.length,
     getScrollElement: () => tableRef.current,
     estimateSize: () => parseInt(rowHeight),
+    // @ts-ignore - TS2322 - Type '(index: number) => Data["id" | keyof Data]' is not assignable to type '(index: number) => Key'.
     getItemKey: index => entries[index][idName],
     overscan: 1
   });
@@ -312,8 +326,11 @@ function StaticTableVirtualized(props) {
         hasTriggeredRef.current = false; // reset when scrolling up
       }
     };
+
+    // @ts-ignore - TS2339 - Property 'addEventListener' does not exist on type 'never'.
     scrollElement.addEventListener('scroll', handleScroll);
     return () => {
+      // @ts-ignore - TS2339 - Property 'removeEventListener' does not exist on type 'never'.
       scrollElement.removeEventListener('scroll', handleScroll);
     };
   }, [onEndReached, isAllDataFetched]);
@@ -322,7 +339,9 @@ function StaticTableVirtualized(props) {
    * this function is also used to decide weather to show checkbox in header or not. so it's value is undefined in case selectedKeys is not there.
    */
 
-  const handleHeaderCheckboxClick = useHeaderCheckboxHandler(selectedKeys, entries, idName, onSelect);
+  const handleHeaderCheckboxClick = useHeaderCheckboxHandler(selectedKeys, entries,
+  // @ts-ignore - TS2345 - Argument of type 'string | number | symbol' is not assignable to parameter of type 'string'.
+  idName, onSelect);
   const VirtualizedStartRow = () => /*#__PURE__*/React.createElement("tr", {
     style: {
       height: virtualizer.getVirtualItems()[0]?.start ?? _space.spaceNone,
@@ -338,7 +357,9 @@ function StaticTableVirtualized(props) {
   }));
   const VirtualizedEndRow = () => /*#__PURE__*/React.createElement("tr", {
     style: {
-      height: virtualizer.getTotalSize() - (virtualizer.getVirtualItems().at(-1)?.end ?? _space.spaceNone)
+      height: virtualizer.getTotalSize() - (
+      // @ts-ignore - TS2339 - Property 'at' does not exist on type 'VirtualItem[]'.
+      virtualizer.getVirtualItems().at(-1)?.end ?? _space.spaceNone)
     },
     "aria-hidden": true
   }, /*#__PURE__*/React.createElement("td", {
@@ -354,6 +375,7 @@ function StaticTableVirtualized(props) {
     wrapperStyle: {
       '--border-radius': borderRadius,
       '--table-width': tableWidth ? `${tableWidth}px` : _size.sizeFluid,
+      // @ts-ignore - TS2532 - Object is possibly 'undefined'.
       height: (rowsCount + 1) * parseInt(rowHeight),
       overflowY: 'auto'
     },
@@ -371,7 +393,9 @@ function StaticTableVirtualized(props) {
     selectedKeys: selectedKeys,
     headers: headers,
     sortKey: sortKey,
-    sortDirection: sortDirection,
+    sortDirection: sortDirection
+    // @ts-ignore - TS2322 - Type '((sortKey: string) => unknown) | undefined' is not assignable to type '((sortKey: keyof Data) => unknown) | undefined'.
+    ,
     handleSortClick: handleSortClick,
     handleHeaderCheckboxClick: handleHeaderCheckboxClick
   }, /*#__PURE__*/React.createElement(VirtualizedStartRow, null), isLoading || !entries.length ? /*#__PURE__*/React.createElement(_DefaultRow.EmptyRow, {
@@ -385,10 +409,16 @@ function StaticTableVirtualized(props) {
     if (data == null) {
       return null;
     }
-    const selected = selectedKeys && Array.isArray(selectedKeys) ? selectedKeys.includes((0, _get.default)(data, idName)) : undefined;
-    const isRowDisabled = disabledKeys && Array.isArray(disabledKeys) ? disabledKeys.includes((0, _get.default)(data, idName)) : false;
+    const selected = selectedKeys && Array.isArray(selectedKeys)
+    // @ts-ignore - TS2345 - Argument of type 'Data[keyof Data] | Data["id"]' is not assignable to parameter of type 'string'.
+    ? selectedKeys.includes((0, _get.default)(data, idName)) : undefined;
+    const isRowDisabled = disabledKeys && Array.isArray(disabledKeys)
+    // @ts-ignore - TS2345 - Argument of type 'Data[keyof Data] | Data["id"]' is not assignable to parameter of type 'string'.
+    ? disabledKeys.includes((0, _get.default)(data, idName)) : false;
     return /*#__PURE__*/React.createElement(RowRenderer, {
-      TableRow: TableRow,
+      TableRow: TableRow
+      // @ts-ignore - TS2322 - Type 'Key' is not assignable to type 'string'.
+      ,
       keyId: key,
       data: data,
       headers: headers,