@spaced-out/ui-design-system 0.5.7-beta.3 → 0.5.7

package/lib/components/Table/StaticTable.js

@@ -10,15 +10,16 @@ var React = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
 var _get = _interopRequireDefault(require("lodash/get"));
 var _xor = _interopRequireDefault(require("lodash/xor"));
-var _useWindowSize = require("src/hooks/useWindowSize");
-var _size = require("src/styles/variables/_size");
-var _space = require("src/styles/variables/_space");
-var _classify = require("src/utils/classify");
-var _makeClassNameComponent = require("src/utils/makeClassNameComponent");
-var _CircularLoader = require("src/components/CircularLoader");
-var _DefaultRow = require("src/components/Table/DefaultRow");
-var _DefaultTableHeader = require("src/components/Table/DefaultTableHeader");
-var _TableModule = _interopRequireDefault(require("src/components/Table/Table.module.css"));
+var _useWindowSize = require("../../hooks/useWindowSize");
+var _size = require("../../styles/variables/_size");
+var _space = require("../../styles/variables/_space");
+var _classify = require("../../utils/classify");
+var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
+var _CircularLoader = require("../CircularLoader");
+var _DefaultRow = require("./DefaultRow");
+var _DefaultTableHeader = require("./DefaultTableHeader");
+var _TableModule = _interopRequireDefault(require("./Table.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const BasicTable = exports.BasicTable = (0, _makeClassNameComponent.makeClassNameComponent)(_TableModule.default.defaultTable, 'table');
@@ -64,8 +65,7 @@ function RowRenderer(_ref2) {
     keyId,
     onSelect
   } = _ref2;
-  return TableRow ? /*#__PURE__*/React.createElement(TableRow, {
-    key: keyId,
+  return TableRow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRow, {
     data: data,
     headers: headers
     // extras and rowKeys are both 'optional'
@@ -74,8 +74,7 @@ function RowRenderer(_ref2) {
     sortedKeys: sortedKeys,
     selected: selected,
     disabled: disabled
-  }) : /*#__PURE__*/React.createElement(_DefaultRow.DefaultRow, {
-    key: keyId,
+  }, keyId) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.DefaultRow, {
     data: data,
     extras: extras,
     headers: headers,
@@ -86,7 +85,7 @@ function RowRenderer(_ref2) {
       tableRow: classNames?.tableRow,
       checkbox: classNames?.checkbox
     }
-  });
+  }, keyId);
 }
 function TableWrapper(_ref3) {
   let {
@@ -110,30 +109,33 @@ function TableWrapper(_ref3) {
     handleSortClick,
     handleHeaderCheckboxClick
   } = _ref3;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_TableModule.default.tableContainer, classNames?.wrapper),
     "data-id": 'table-wrap',
     ref: tableRef,
-    style: wrapperStyle
-  }, /*#__PURE__*/React.createElement(BasicTable, {
-    "data-id": "basic-table",
-    className: (0, _classify.classify)(className, {
-      [_TableModule.default.fullHeightTable]: isLoading || !entriesLength && !!emptyText
-    }, classNames?.table)
-  }, showHeader && /*#__PURE__*/React.createElement(_DefaultTableHeader.DefaultTableHeader, {
-    className: (0, _classify.classify)(tableHeaderClassName, classNames?.tableHeader),
-    sortable: sortable,
-    columns: headers,
-    handleSortClick: handleSortClick,
-    sortKey: sortKey,
-    sortDirection: sortDirection,
-    disabled: disabled,
-    handleCheckboxClick: handleHeaderCheckboxClick,
-    stickyHeader: stickyHeader,
-    checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true'
-  }), /*#__PURE__*/React.createElement(BasicTableBody, {
-    className: classNames?.tableBody
-  }, children)));
+    style: wrapperStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BasicTable, {
+      "data-id": "basic-table",
+      className: (0, _classify.classify)(className, {
+        [_TableModule.default.fullHeightTable]: isLoading || !entriesLength && !!emptyText
+      }, classNames?.table),
+      children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultTableHeader.DefaultTableHeader, {
+        className: (0, _classify.classify)(tableHeaderClassName, classNames?.tableHeader),
+        sortable: sortable,
+        columns: headers,
+        handleSortClick: handleSortClick,
+        sortKey: sortKey,
+        sortDirection: sortDirection,
+        disabled: disabled,
+        handleCheckboxClick: handleHeaderCheckboxClick,
+        stickyHeader: stickyHeader,
+        checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true'
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicTableBody, {
+        className: classNames?.tableBody,
+        children: children
+      })]
+    })
+  });
 }
 
 /**
@@ -179,7 +181,7 @@ function StaticTable(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);
-  return /*#__PURE__*/React.createElement(TableWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableWrapper, {
     tableRef: tableRef,
     wrapperStyle: {
       '--border-radius': borderRadius,
@@ -201,32 +203,33 @@ function StaticTable(props) {
     sortKey: sortKey,
     sortDirection: sortDirection,
     handleSortClick: handleSortClick,
-    handleHeaderCheckboxClick: handleHeaderCheckboxClick
-  }, isLoading || !entries.length ? /*#__PURE__*/React.createElement(_DefaultRow.EmptyRow, {
-    isLoading: isLoading,
-    emptyText: emptyText,
-    headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
-    customLoader: customLoader
-  }) : mappedKeys.map(key => {
-    const data = entries.find(e => (0, _get.default)(e, idName) === key);
-    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;
-    return /*#__PURE__*/React.createElement(RowRenderer, {
-      TableRow: TableRow,
-      keyId: key,
-      data: data,
-      headers: headers,
-      extras: extras,
-      sortedKeys: rowKeys ?? mappedKeys,
-      selected: selected,
-      disabled: disabled || isRowDisabled,
-      classNames: classNames,
-      onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
-    });
-  }));
+    handleHeaderCheckboxClick: handleHeaderCheckboxClick,
+    children: isLoading || !entries.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.EmptyRow, {
+      isLoading: isLoading,
+      emptyText: emptyText,
+      headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
+      customLoader: customLoader
+    }) : mappedKeys.map(key => {
+      const data = entries.find(e => (0, _get.default)(e, idName) === key);
+      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;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RowRenderer, {
+        TableRow: TableRow,
+        keyId: key,
+        data: data,
+        headers: headers,
+        extras: extras,
+        sortedKeys: rowKeys ?? mappedKeys,
+        selected: selected,
+        disabled: disabled || isRowDisabled,
+        classNames: classNames,
+        onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
+      });
+    })
+  });
 }
 function StaticTableVirtualized(props) {
   const {
@@ -310,33 +313,35 @@ function StaticTableVirtualized(props) {
    */
 
   const handleHeaderCheckboxClick = useHeaderCheckboxHandler(selectedKeys, entries, idName, onSelect);
-  const VirtualizedStartRow = () => /*#__PURE__*/React.createElement("tr", {
+  const VirtualizedStartRow = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
     style: {
       height: virtualizer.getVirtualItems()[0]?.start ?? _space.spaceNone,
       width: _size.sizeFluid
-    }
-  }, /*#__PURE__*/React.createElement("td", {
-    colSpan: headers.length + (handleHeaderCheckboxClick ? 1 : 0),
-    style: {
-      padding: _space.spaceNone,
-      border: 'none',
-      height: '100%'
-    }
-  }));
-  const VirtualizedEndRow = () => /*#__PURE__*/React.createElement("tr", {
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      colSpan: headers.length + (handleHeaderCheckboxClick ? 1 : 0),
+      style: {
+        padding: _space.spaceNone,
+        border: 'none',
+        height: '100%'
+      }
+    })
+  });
+  const VirtualizedEndRow = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
     style: {
       height: virtualizer.getTotalSize() - (virtualizer.getVirtualItems()[virtualizer.getVirtualItems().length - 1]?.end ?? _space.spaceNone)
     },
-    "aria-hidden": true
-  }, /*#__PURE__*/React.createElement("td", {
-    colSpan: headers.length + (handleHeaderCheckboxClick ? 1 : 0),
-    style: {
-      padding: _space.spaceNone,
-      border: 'none',
-      height: '100%'
-    }
-  }));
-  return /*#__PURE__*/React.createElement(TableWrapper, {
+    "aria-hidden": true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      colSpan: headers.length + (handleHeaderCheckboxClick ? 1 : 0),
+      style: {
+        padding: _space.spaceNone,
+        border: 'none',
+        height: '100%'
+      }
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TableWrapper, {
     tableRef: tableRef,
     wrapperStyle: {
       '--border-radius': borderRadius,
@@ -360,35 +365,40 @@ function StaticTableVirtualized(props) {
     sortKey: sortKey,
     sortDirection: sortDirection,
     handleSortClick: handleSortClick,
-    handleHeaderCheckboxClick: handleHeaderCheckboxClick
-  }, /*#__PURE__*/React.createElement(VirtualizedStartRow, null), isLoading || !entries.length ? /*#__PURE__*/React.createElement(_DefaultRow.EmptyRow, {
-    isLoading: isLoading,
-    emptyText: emptyText,
-    headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
-    customLoader: customLoader
-  }) : currRows.map(virtualRow => {
-    const key = virtualRow.key;
-    const data = entries[virtualRow.index];
-    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;
-    return /*#__PURE__*/React.createElement(RowRenderer, {
-      TableRow: TableRow,
-      keyId: key,
-      data: data,
-      headers: headers,
-      extras: extras,
-      sortedKeys: rowKeys ?? mappedKeys,
-      selected: selected,
-      disabled: disabled || isRowDisabled,
-      classNames: classNames,
-      onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
-    });
-  }), /*#__PURE__*/React.createElement(VirtualizedEndRow, null), isEndLoading && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    colSpan: headers.length + (handleHeaderCheckboxClick ? 1 : 0)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _TableModule.default.fetchMoreLoaderContainer
-  }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, null)))));
+    handleHeaderCheckboxClick: handleHeaderCheckboxClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualizedStartRow, {}), isLoading || !entries.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.EmptyRow, {
+      isLoading: isLoading,
+      emptyText: emptyText,
+      headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
+      customLoader: customLoader
+    }) : currRows.map(virtualRow => {
+      const key = virtualRow.key;
+      const data = entries[virtualRow.index];
+      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;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RowRenderer, {
+        TableRow: TableRow,
+        keyId: key,
+        data: data,
+        headers: headers,
+        extras: extras,
+        sortedKeys: rowKeys ?? mappedKeys,
+        selected: selected,
+        disabled: disabled || isRowDisabled,
+        classNames: classNames,
+        onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
+      });
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualizedEndRow, {}), isEndLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        colSpan: headers.length + (handleHeaderCheckboxClick ? 1 : 0),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _TableModule.default.fetchMoreLoaderContainer,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {})
+        })
+      })
+    })]
+  });
 }

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type { TableRow } from 'src/components/Table/DefaultRow';
-import type { GenericHeaderItems } from 'src/components/Table/DefaultTableHeader';
-import type { SortDirection } from 'src/components/Table/hooks';
+import type { TableRow } from '../../components/Table/DefaultRow';
+import type { GenericHeaderItems } from '../../components/Table/DefaultTableHeader';
+import type { SortDirection } from '../../components/Table/hooks';
 export interface GenericObject {
     [key: string]: unknown;
 }

package/lib/components/Table/Table.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Table = Table;
 var React = _interopRequireWildcard(require("react"));
-var _hooks = require("src/components/Table/hooks");
-var _StaticTable = require("src/components/Table/StaticTable");
+var _hooks = require("./hooks");
+var _StaticTable = require("./StaticTable");
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
 // type ClassNames = $ReadOnly<{wrapper?: string}>;
 
 /**
@@ -53,13 +53,17 @@ function Table(props) {
 
   // Need to consider virtualization only if entries are more than 0 and virtualizationOptions are passed
   const virtualized = !!(virtualizationOptions && virtualizationOptions.rowsCount > 0 && entries.length > 0);
-  return virtualized ? /*#__PURE__*/React.createElement(_StaticTable.StaticTableVirtualized, _extends({}, props, sortableProps, {
+  return virtualized ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticTable.StaticTableVirtualized, {
+    ...props,
+    ...sortableProps,
     sortable: sortable,
     entries: sortedEntries,
     rowKeys: sortedKeys
-  })) : /*#__PURE__*/React.createElement(_StaticTable.StaticTable, _extends({}, props, sortableProps, {
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticTable.StaticTable, {
+    ...props,
+    ...sortableProps,
     sortable: sortable,
     entries: sortedEntries,
     rowKeys: sortedKeys
-  }));
+  });
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { ButtonProps } from 'src/components/Button';
-import type { SimpleButtonDropdownProps } from 'src/components/ButtonDropdown';
+import type { ButtonProps } from '../../components/Button';
+import type { SimpleButtonDropdownProps } from '../../components/ButtonDropdown';
 export interface TableActionBarProps {
     children?: React.ReactNode;
     className?: string;

package/lib/components/Table/TableActionBar.js

@@ -5,19 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TableActionBar = exports.DropdownCta = exports.ButtonCta = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _Button = require("src/components/Button");
-var _ButtonDropdown = require("src/components/ButtonDropdown");
-var _TableBarModule = _interopRequireDefault(require("src/components/Table/TableBar.module.css"));
+var _classify = require("../../utils/classify");
+var _Button = require("../Button");
+var _ButtonDropdown = require("../ButtonDropdown");
+var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const ButtonCta = _ref => {
   let {
     classNames,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(_Button.Button, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    ...props,
     "data-testid": "table-action-bar-button-cta",
     type: "primary",
     size: "small",
@@ -25,7 +26,7 @@ const ButtonCta = _ref => {
       ...classNames,
       wrapper: _TableBarModule.default.buttonCta
     }
-  }));
+  });
 };
 exports.ButtonCta = ButtonCta;
 const DropdownCta = _ref2 => {
@@ -33,7 +34,8 @@ const DropdownCta = _ref2 => {
     classNames,
     ...props
   } = _ref2;
-  return /*#__PURE__*/React.createElement(_ButtonDropdown.SimpleButtonDropdown, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonDropdown.SimpleButtonDropdown, {
+    ...props,
     "data-testid": "table-action-bar-dropdown-cta",
     type: "primary",
     size: "small",
@@ -41,7 +43,7 @@ const DropdownCta = _ref2 => {
       ...classNames,
       buttonWrapper: _TableBarModule.default.buttonCta
     }
-  }));
+  });
 };
 exports.DropdownCta = DropdownCta;
 const TableActionBar = _ref3 => {
@@ -50,9 +52,11 @@ const TableActionBar = _ref3 => {
     className,
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableActionBar, className),
-    "data-testid": "table-action-bar"
-  }), children);
+    "data-testid": "table-action-bar",
+    children: children
+  });
 };
 exports.TableActionBar = TableActionBar;

package/lib/components/Table/TableBottomBar.js

@@ -5,20 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TableBottomBar = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _TableBarModule = _interopRequireDefault(require("src/components/Table/TableBar.module.css"));
+var _classify = require("../../utils/classify");
+var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const TableBottomBar = _ref => {
   let {
     children,
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableBar, _TableBarModule.default.bottomBar, className),
-    "data-testid": "table-bottom-bar"
-  }), children);
+    "data-testid": "table-bottom-bar",
+    children: children
+  });
 };
 exports.TableBottomBar = TableBottomBar;

package/lib/components/Table/TableTopBar.js

@@ -5,20 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TableTopBar = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _TableBarModule = _interopRequireDefault(require("src/components/Table/TableBar.module.css"));
+var _classify = require("../../utils/classify");
+var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const TableTopBar = _ref => {
   let {
     children,
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableBar, _TableBarModule.default.topBar, className),
-    "data-testid": "table-top-bar"
-  }), children);
+    "data-testid": "table-top-bar",
+    children: children
+  });
 };
 exports.TableTopBar = TableTopBar;

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

@@ -1,4 +1,4 @@
-import type { GenericObject } from 'src/components/Table/Table';
+import type { GenericObject } from '../../components/Table/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;

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

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

package/lib/components/Table/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Cell = require("src/components/Table/Cell");
+var _Cell = require("./Cell");
 Object.keys(_Cell).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Cell[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_Cell).forEach(function (key) {
     }
   });
 });
-var _DefaultRow = require("src/components/Table/DefaultRow");
+var _DefaultRow = require("./DefaultRow");
 Object.keys(_DefaultRow).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _DefaultRow[key]) return;
@@ -25,7 +25,7 @@ Object.keys(_DefaultRow).forEach(function (key) {
     }
   });
 });
-var _DefaultTableHeader = require("src/components/Table/DefaultTableHeader");
+var _DefaultTableHeader = require("./DefaultTableHeader");
 Object.keys(_DefaultTableHeader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _DefaultTableHeader[key]) return;
@@ -36,7 +36,7 @@ Object.keys(_DefaultTableHeader).forEach(function (key) {
     }
   });
 });
-var _StaticTable = require("src/components/Table/StaticTable");
+var _StaticTable = require("./StaticTable");
 Object.keys(_StaticTable).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _StaticTable[key]) return;
@@ -47,7 +47,7 @@ Object.keys(_StaticTable).forEach(function (key) {
     }
   });
 });
-var _Table = require("src/components/Table/Table");
+var _Table = require("./Table");
 Object.keys(_Table).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Table[key]) return;
@@ -58,7 +58,7 @@ Object.keys(_Table).forEach(function (key) {
     }
   });
 });
-var _TableActionBar = require("src/components/Table/TableActionBar");
+var _TableActionBar = require("./TableActionBar");
 Object.keys(_TableActionBar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _TableActionBar[key]) return;
@@ -69,7 +69,7 @@ Object.keys(_TableActionBar).forEach(function (key) {
     }
   });
 });
-var _TableBottomBar = require("src/components/Table/TableBottomBar");
+var _TableBottomBar = require("./TableBottomBar");
 Object.keys(_TableBottomBar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _TableBottomBar[key]) return;
@@ -80,7 +80,7 @@ Object.keys(_TableBottomBar).forEach(function (key) {
     }
   });
 });
-var _TableTopBar = require("src/components/Table/TableTopBar");
+var _TableTopBar = require("./TableTopBar");
 Object.keys(_TableTopBar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _TableTopBar[key]) return;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { IconType } from 'src/components/Icon';
-import type { ElevationType } from 'src/components/Tooltip';
+import type { IconType } from '../../../components/Icon';
+import type { ElevationType } from '../../../components/Tooltip';
 type ClassNames = Readonly<{
     wrapper?: string;
     iconTextWrap?: string;