@dfds-ui/experiences 0.9.16-alpha.1eebeed2 → 0.9.16-alpha.2b1e86f0

package/cjs/dynamic-table/Body/TableBody.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableBodyProps } from './TableBody.types';
-declare const TableBody: React.MemoExoticComponent<({ activeRowId, headerRow, onClickRow, onSelectFunction, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
+declare const TableBody: React.MemoExoticComponent<({ activeRow, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
 export default TableBody;

package/cjs/dynamic-table/Body/TableBody.js

@@ -18,32 +18,32 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const TableBody = /*#__PURE__*/_react.default.memo(({
-  activeRowId,
+  activeRow,
   headerRow,
   onClickRow,
-  onSelectFunction,
+  onSelectRow,
   rows,
   selectableRows,
   selectedRows
 }) => {
   // update state and callback functions
   const updateSelectedRows = (0, _react.useCallback)(id => {
-    if (onSelectFunction && selectableRows) {
+    if (onSelectRow && selectableRows) {
       const selection = [...selectedRows];
 
       if (selectedRows.includes(id)) {
         const index = selectedRows.indexOf(id);
         if (index !== -1) selection.splice(index, 1);
-        onSelectFunction(selection);
+        onSelectRow(selection);
       } else {
         selection.push(id);
-        onSelectFunction(selection);
+        onSelectRow(selection);
       }
     }
   }, [selectableRows, selectedRows]);
   return (0, _react2.jsx)("tbody", null, rows.map((row, index) => (0, _react2.jsx)(_TableRow.default, {
     headerRow: headerRow,
-    isActive: activeRowId ? row.id === activeRowId : undefined,
+    isActive: activeRow ? row.id === activeRow : undefined,
     key: index,
     onClickRow: onClickRow,
     onSelectRow: updateSelectedRows,

package/cjs/dynamic-table/Body/TableBody.types.d.ts

@@ -1,9 +1,9 @@
 import { Header, Row } from '../DynamicTable.types';
 export declare type TableBodyProps = {
-    activeRowId?: string;
+    activeRow?: string;
     headerRow: Header[];
     onClickRow?: (id: string) => void;
-    onSelectFunction?: (list: string[]) => void;
+    onSelectRow?: (list: string[]) => void;
     rows: Row[];
     selectableRows: boolean;
     selectedRows: string[];

package/cjs/dynamic-table/Body/TableCell.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableCellProps } from './TableCell.types';
-declare const TableCell: React.MemoExoticComponent<({ children, columnCount, headerCell, onSelectFunction }: TableCellProps) => JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => JSX.Element>;
 export default TableCell;

package/cjs/dynamic-table/Body/TableCell.js

@@ -15,15 +15,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const TableCell = /*#__PURE__*/_react.default.memo(({
   children,
-  columnCount,
-  headerCell,
-  onSelectFunction
+  headerCell
 }) => (0, _react2.jsx)(_TableCell.TableCellStyled, {
   align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
-  columns: columnCount,
-  customColumnWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.customColumnWidth,
-  "data-cy": headerCell === null || headerCell === void 0 ? void 0 : headerCell.key,
-  hasOnSelectFunction: !!onSelectFunction
+  "data-cy": `dynamic-table-cell-${headerCell === null || headerCell === void 0 ? void 0 : headerCell.key}`,
+  customWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
 }, children));
 
 var _default = TableCell;

package/cjs/dynamic-table/Body/TableCell.styles.d.ts

@@ -1,9 +1,7 @@
 export declare const genericTableCellStyle: import("@emotion/react").SerializedStyles;
 declare type TableCellProps = {
     align?: 'center' | 'left' | 'right';
-    columns: number;
-    customColumnWidth?: string;
-    hasOnSelectFunction: boolean;
+    customWidth?: string;
 };
 export declare const TableCellStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/cjs/dynamic-table/Body/TableCell.styles.js

@@ -19,7 +19,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const genericTableCellStyle = /*#__PURE__*/(0, _react.css)("padding:0 ", _theme.theme.spacing.xs, ";&:first-of-type{padding-left:", _theme.theme.spacing.s, ";padding-right:0;}&:last-of-type{padding-right:", _theme.theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY29sdW1uczogbnVtYmVyXG4gIGN1c3RvbUNvbHVtbldpZHRoPzogc3RyaW5nXG4gIGhhc09uU2VsZWN0RnVuY3Rpb246IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbFN0eWxlZCA9IHN0eWxlZC50ZDxUYWJsZUNlbGxQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6ICR7KHsgY3VzdG9tQ29sdW1uV2lkdGggfSkgPT4gY3VzdG9tQ29sdW1uV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHsoeyBhbGlnbiB9KSA9PiBhbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHsoeyBjb2x1bW5zLCBjdXN0b21Db2x1bW5XaWR0aCwgaGFzT25TZWxlY3RGdW5jdGlvbiB9KSA9PlxuICAgIGN1c3RvbUNvbHVtbldpZHRoIHx8IGBjYWxjKCgxMDAlICR7aGFzT25TZWxlY3RGdW5jdGlvbiAmJiAnLTM2cHgnfSkgLyAke2NvbHVtbnN9KWB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQudGRgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6IHVuc2V0O1xuICB3aWR0aDogMzZweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgfVxuYFxuIl19 */");
+const genericTableCellStyle = /*#__PURE__*/(0, _react.css)("padding:0 ", _theme.theme.spacing.xs, ";&:first-of-type{padding-left:", _theme.theme.spacing.s, ";}&:last-of-type{padding-right:", _theme.theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");
 exports.genericTableCellStyle = genericTableCellStyle;
 const TableCellStyled = (0, _base.default)("td", process.env.NODE_ENV === "production" ? {
   target: "e1uuobsr1"
@@ -27,19 +27,17 @@ const TableCellStyled = (0, _base.default)("td", process.env.NODE_ENV === "produ
   target: "e1uuobsr1",
   label: "TableCellStyled"
 })(_objectSpread({}, genericTableCellStyle), " min-width:", ({
-  customColumnWidth
-}) => customColumnWidth || 'auto', ";text-align:", ({
+  customWidth
+}) => customWidth || 'auto', ";text-align:", ({
   align
 }) => align || 'left', ";width:", ({
-  columns,
-  customColumnWidth,
-  hasOnSelectFunction
-}) => customColumnWidth || `calc((100% ${hasOnSelectFunction && '-36px'}) / ${columns})`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBjdXN0b21Db2x1bW5XaWR0aD86IHN0cmluZ1xuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));
+  customWidth
+}) => customWidth || 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ3RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5cbiAgJjpsYXN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuYFxuXG50eXBlIFRhYmxlQ2VsbFByb3BzID0ge1xuICBhbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xuICBjdXN0b21XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsU3R5bGVkID0gc3R5bGVkLnRkPFRhYmxlQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZC50ZGBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */"));
 exports.TableCellStyled = TableCellStyled;
 const TableCellCheckboxStyled = (0, _base.default)("td", process.env.NODE_ENV === "production" ? {
   target: "e1uuobsr0"
 } : {
   target: "e1uuobsr0",
   label: "TableCellCheckboxStyled"
-})(_objectSpread({}, genericTableCellStyle), " min-width:unset;width:36px;&:hover{background-color:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBjdXN0b21Db2x1bW5XaWR0aD86IHN0cmluZ1xuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));
+})(_objectSpread({}, genericTableCellStyle), " max-width:40px;width:40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5cbiAgJjpsYXN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuYFxuXG50eXBlIFRhYmxlQ2VsbFByb3BzID0ge1xuICBhbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xuICBjdXN0b21XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsU3R5bGVkID0gc3R5bGVkLnRkPFRhYmxlQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZC50ZGBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */"));
 exports.TableCellCheckboxStyled = TableCellCheckboxStyled;

package/cjs/dynamic-table/Body/TableCell.types.d.ts

@@ -1,7 +1,5 @@
 import { Header } from '../DynamicTable.types';
 export declare type TableCellProps = {
     children: React.ReactNode;
-    columnCount: number;
     headerCell?: Header;
-    onSelectFunction?: (list: string[]) => void;
 };

package/cjs/dynamic-table/Body/TableRow.js

@@ -29,9 +29,8 @@ const TableRow = /*#__PURE__*/_react.default.memo(({
   selectedRows
 }) => (0, _react2.jsx)(_TableRow.TableRowStyled, {
   active: isActive,
-  className: `dynamicTableRow-${row.id}`,
   hoverColor: !!onClickRow,
-  onClick: () => onClickRow && onClickRow(row.id || '')
+  onClick: () => onClickRow && onClickRow(row.id ? String(row.id) : '')
 }, selectableRows && row.id && (0, _react2.jsx)(_TableCell2.TableCellCheckboxStyled, null, (0, _react2.jsx)(_forms.Checkbox, {
   checked: selectedRows.includes(row.id),
   name: row.id,
@@ -43,10 +42,9 @@ const TableRow = /*#__PURE__*/_react.default.memo(({
   },
   visualSize: "small"
 })), headerRow.map((headerCell, index) => (0, _react2.jsx)(_TableCell.default, {
-  columnCount: headerRow.length,
   headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
   key: index
-}, row[headerCell.key]))));
+}, row[headerCell.key] || '-'))));
 
 var _default = TableRow;
 exports.default = _default;

package/cjs/dynamic-table/Body/TableRow.styles.js

@@ -19,7 +19,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const genericTableRowStyle = /*#__PURE__*/(0, _react.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";border-collapse:collapse;height:48px;" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBob3ZlckNvbG9yICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgICAgICBgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+IGBcbiAgICAke1xuICAgICAgYWN0aXZlICYmXG4gICAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDQzLCA2OSwgMC4xMik7XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICB0ZCB7XG4gICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cbiAgfVxuYFxuIl19 */");
+const genericTableRowStyle = /*#__PURE__*/(0, _react.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";border-collapse:collapse;height:48px;" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PlxuICAgICAgaG92ZXJDb2xvciAmJlxuICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogJHtob3ZlckNvbG9yICYmICdwb2ludGVyJ307XG4gICAgICBgfTtcbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCA0MywgNjksIDAuMTIpO1xuICAgIGB9O1xuYFxuIl19 */");
 exports.genericTableRowStyle = genericTableRowStyle;
 const TableRowStyled = (0, _base.default)("tr", process.env.NODE_ENV === "production" ? {
   target: "e1ozhs4m0"
@@ -28,16 +28,12 @@ const TableRowStyled = (0, _base.default)("tr", process.env.NODE_ENV === "produc
   label: "TableRowStyled"
 })(_objectSpread({}, genericTableRowStyle), " &:hover{", ({
   hoverColor
-}) => `
-      ${hoverColor && `
+}) => hoverColor && `
         background-color: ${_theme.theme.colors.surface.secondary};
         cursor: ${hoverColor && 'pointer'};
-        `}
-    `, ";}", ({
+      `, ";}", ({
   active
-}) => `
-    ${active && `
+}) => active && `
       background-color: rgba(0, 43, 69, 0.12);
-      `}
-  `, " &:last-of-type{td{border-bottom:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlc0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBob3ZlckNvbG9yICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgICAgICBgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+IGBcbiAgICAke1xuICAgICAgYWN0aXZlICYmXG4gICAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDQzLCA2OSwgMC4xMik7XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICB0ZCB7XG4gICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cbiAgfVxuYFxuIl19 */"));
+    `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlc0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PlxuICAgICAgaG92ZXJDb2xvciAmJlxuICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogJHtob3ZlckNvbG9yICYmICdwb2ludGVyJ307XG4gICAgICBgfTtcbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCA0MywgNjksIDAuMTIpO1xuICAgIGB9O1xuYFxuIl19 */"));
 exports.TableRowStyled = TableRowStyled;

package/cjs/dynamic-table/Body/TableRow.types.d.ts

@@ -5,6 +5,6 @@ export declare type TableRowProps = {
     onClickRow?: (id: string) => void;
     onSelectRow: (id: string) => void;
     row: Row;
-    selectableRows?: boolean;
+    selectableRows: boolean;
     selectedRows: string[];
 };

package/cjs/dynamic-table/DynamicTable.js

@@ -38,14 +38,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 const DynamicTable = ({
-  activeRowId,
-  clickRowHandler,
+  activeRow,
   descending,
-  fixedHeight,
+  height,
   headerRow,
   isLoading,
-  onSelectFunction,
-  onSortByKey,
+  onClickRow,
+  onSelectRow,
+  onSort,
   rows,
   selectedRows = [],
   sortingBy,
@@ -62,19 +62,19 @@ const DynamicTable = ({
         sortDescending = _useState4[0],
         setSortDescending = _useState4[1];
 
-  const selectableRows = !!onSelectFunction;
+  const selectableRows = !!onSelectRow;
   const skeletonRows = (0, _react.useMemo)(() => (0, _createSkeletonRows.default)(headerRow), [headerRow]);
   (0, _react.useEffect)(() => {
-    if (onSortByKey) {
-      onSortByKey(sortByKeyValue, sortDescending);
+    if (onSort) {
+      onSort(sortByKeyValue, sortDescending);
     }
-  }, [sortDescending, onSortByKey, sortByKeyValue]);
+  }, [sortDescending, onSort, sortByKeyValue]);
   return (0, _react2.jsx)(_DynamicTable.TableWrapperStyled, {
-    fixedHeight: fixedHeight
+    height: height
   }, (0, _react2.jsx)(_DynamicTable.TableStyled, null, headerRow && (0, _react2.jsx)(_TableHead.default, {
     headerRow: headerRow,
-    onSelectFunction: onSelectFunction,
-    onSortByKey: onSortByKey,
+    onSelectRow: onSelectRow,
+    onSort: onSort,
     rows: rows,
     selectableRows: selectableRows,
     selectedRows: selectedRows,
@@ -84,10 +84,10 @@ const DynamicTable = ({
     sortByKeyValue: sortByKeyValue,
     stickyHeader: stickyHeader
   }), (0, _react2.jsx)(_TableBody.default, {
-    activeRowId: activeRowId,
+    activeRow: activeRow,
     headerRow: headerRow,
-    onClickRow: clickRowHandler,
-    onSelectFunction: onSelectFunction,
+    onClickRow: onClickRow,
+    onSelectRow: onSelectRow,
     rows: !isLoading ? rows : skeletonRows,
     selectableRows: selectableRows,
     selectedRows: selectedRows

package/cjs/dynamic-table/DynamicTable.styles.d.ts

@@ -1,5 +1,5 @@
 declare type TableWrapperProps = {
-    fixedHeight?: string;
+    height?: string;
 };
 export declare const TableWrapperStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/cjs/dynamic-table/DynamicTable.styles.js

@@ -17,18 +17,16 @@ const TableWrapperStyled = (0, _base.default)("div", process.env.NODE_ENV === "p
   target: "e1dds0xk1",
   label: "TableWrapperStyled"
 })("color:", _theme.theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", ({
-  fixedHeight
-}) => `
-    ${fixedHeight && `
-      height: ${fixedHeight};
-      overflow-y: ${fixedHeight && 'auto'};
-      `}
-  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgZml4ZWRIZWlnaHQ/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlclN0eWxlZCA9IHN0eWxlZC5kaXY8VGFibGVXcmFwcGVyUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHsoeyBmaXhlZEhlaWdodCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIGZpeGVkSGVpZ2h0ICYmXG4gICAgICBgXG4gICAgICBoZWlnaHQ6ICR7Zml4ZWRIZWlnaHR9O1xuICAgICAgb3ZlcmZsb3cteTogJHtmaXhlZEhlaWdodCAmJiAnYXV0byd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));
+  height
+}) => height && `
+      height: ${height};
+      overflow-y: ${height && 'auto'};
+    `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgaGVpZ2h0IH0pID0+XG4gICAgaGVpZ2h0ICYmXG4gICAgYFxuICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBvdmVyZmxvdy15OiAke2hlaWdodCAmJiAnYXV0byd9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVTdHlsZWQgPSBzdHlsZWQudGFibGVgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTAwJTtcbmBcbiJdfQ== */"));
 exports.TableWrapperStyled = TableWrapperStyled;
 const TableStyled = (0, _base.default)("table", process.env.NODE_ENV === "production" ? {
   target: "e1dds0xk0"
 } : {
   target: "e1dds0xk0",
   label: "TableStyled"
-})("background-color:", _theme.theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGZpeGVkSGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgZml4ZWRIZWlnaHQgfSkgPT4gYFxuICAgICR7XG4gICAgICBmaXhlZEhlaWdodCAmJlxuICAgICAgYFxuICAgICAgaGVpZ2h0OiAke2ZpeGVkSGVpZ2h0fTtcbiAgICAgIG92ZXJmbG93LXk6ICR7Zml4ZWRIZWlnaHQgJiYgJ2F1dG8nfTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZVN0eWxlZCA9IHN0eWxlZC50YWJsZWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */"));
+})("background-color:", _theme.theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVXcmFwcGVyU3R5bGVkID0gc3R5bGVkLmRpdjxUYWJsZVdyYXBwZXJQcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAkeyh7IGhlaWdodCB9KSA9PlxuICAgIGhlaWdodCAmJlxuICAgIGBcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgb3ZlcmZsb3cteTogJHtoZWlnaHQgJiYgJ2F1dG8nfTtcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));
 exports.TableStyled = TableStyled;

package/cjs/dynamic-table/DynamicTable.types.d.ts

@@ -1,28 +1,25 @@
 export declare type Header = {
-    allowToggle?: boolean;
-    customColumnWidth?: string;
-    defaultToggled?: boolean;
     displayName: string;
     key: string;
-    sortable?: boolean;
     sortKey?: string;
+    sortable?: boolean;
     textAlign?: 'center' | 'left' | 'right';
+    width?: string;
 };
 export declare type Row = {
     [name: string]: any;
 };
 export declare type DynamicTableProps = {
-    activeRowId?: string;
-    clickRowHandler?: (id: string) => void;
+    activeRow?: string;
     descending?: boolean;
-    fixedHeight?: string;
     headerRow: Header[];
+    height?: string;
     isLoading?: boolean;
-    onSelectFunction?: (list: string[]) => void;
-    onSortByKey?: (value: string, sortDescending: boolean) => void;
+    onClickRow?: (id: string) => void;
+    onSelectRow?: (list: string[]) => void;
+    onSort?: (value: string, sortDescending: boolean) => void;
     rows: Row[];
     selectedRows?: string[];
     sortingBy?: string;
     stickyHeader?: boolean;
-    urlSortValue?: string | null;
 };

package/cjs/dynamic-table/Head/TableHead.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableHeadProps } from './TableHead.types';
-declare const TableHead: React.MemoExoticComponent<({ headerRow, onSelectFunction, onSortByKey, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
+declare const TableHead: React.MemoExoticComponent<({ headerRow, onSelectRow, onSort, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
 export default TableHead;

package/cjs/dynamic-table/Head/TableHead.js

@@ -19,8 +19,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const TableHead = /*#__PURE__*/_react.default.memo(({
   headerRow,
-  onSelectFunction,
-  onSortByKey,
+  onSelectRow,
+  onSort,
   rows,
   selectableRows,
   selectedRows,
@@ -31,7 +31,7 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
   stickyHeader
 }) => {
   const toggleAll = (0, _react.useCallback)(() => {
-    if (!onSelectFunction) return;
+    if (!onSelectRow) return;
     const newArray = [];
 
     if (selectedRows.length === 0) {
@@ -40,10 +40,10 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
       }
     }
 
-    onSelectFunction(newArray);
-  }, [onSelectFunction, rows, selectedRows]);
+    onSelectRow(newArray);
+  }, [onSelectRow, rows, selectedRows]);
   const sort = (0, _react.useCallback)((oldKey, newKey) => {
-    if (!onSortByKey) return;
+    if (!onSort) return;
 
     if (oldKey !== newKey) {
       setSortByKeyValue(newKey);
@@ -51,8 +51,10 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
     } else {
       setSortDescending(!sortDescending);
     }
-  }, [onSortByKey, setSortDescending, setSortByKeyValue, sortDescending]);
-  return (0, _react2.jsx)("thead", null, (0, _react2.jsx)(_TableHead.TableHeadRow, null, selectableRows && (0, _react2.jsx)(_TableHead.TableHeadCellCheckboxStyled, null, (0, _react2.jsx)(_reactComponents.Checkbox, {
+  }, [onSort, setSortDescending, setSortByKeyValue, sortDescending]);
+  return (0, _react2.jsx)("thead", null, (0, _react2.jsx)(_TableHead.TableHeadRow, null, selectableRows && (0, _react2.jsx)(_TableHead.TableHeadCellCheckboxStyled, {
+    stickyHeader: stickyHeader
+  }, (0, _react2.jsx)(_reactComponents.Checkbox, {
     checked: selectedRows.length > 0,
     indeterminate: true,
     name: "all",
@@ -61,20 +63,18 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
   })), headerRow.map((headerCell, i) => {
     const sortKey = headerCell.sortKey || headerCell.key;
 
-    const clickHandler = () => headerCell.sortable ? sort(sortByKeyValue, sortKey) : null;
+    const clickHandler = () => headerCell.sortable && sort(sortByKeyValue, sortKey);
 
     const showChevron = String(sortByKeyValue === sortKey);
     return (0, _react2.jsx)(_TableHead.TableHeadCellStyled, {
       align: headerCell.textAlign,
-      columns: headerRow.length,
-      customColumnWidth: headerCell.customColumnWidth,
-      hasOnSelectFunction: !!onSelectFunction,
       key: i,
       onClick: clickHandler,
-      sortByKey: onSortByKey,
+      sortByKey: onSort,
       sortable: headerCell.sortable,
-      stickyHeader: stickyHeader
-    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, headerCell.displayName), onSortByKey && (0, _react2.jsx)(_TableHead.ChevronStyled, {
+      stickyHeader: stickyHeader,
+      customWidth: headerCell.width
+    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, headerCell.displayName), headerCell.sortable && onSort && (0, _react2.jsx)(_TableHead.ChevronStyled, {
       descending: String(sortDescending),
       show: showChevron
     })));