@dfds-ui/experiences 0.9.16-alpha.48b8eebf → 0.9.16-alpha.7ea9a773

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactComponents = require("@dfds-ui/react-components");
+
+var _TableHead = require("./TableHead.styles");
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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 TableHead = /*#__PURE__*/_react.default.memo(({
+  headerRow,
+  onSelectFunction,
+  onSortByKey,
+  rows,
+  selectableRows,
+  selectedRows,
+  setSortDescending,
+  setSortByKeyValue,
+  sortDescending,
+  sortByKeyValue,
+  stickyHeader
+}) => {
+  const toggleAll = (0, _react.useCallback)(() => {
+    if (!onSelectFunction) return;
+    const newArray = [];
+
+    if (selectedRows.length === 0) {
+      for (let i = 0; i < rows.length; i++) {
+        newArray.push(rows[i].id || '');
+      }
+    }
+
+    onSelectFunction(newArray);
+  }, [onSelectFunction, rows, selectedRows]);
+  const sort = (0, _react.useCallback)((oldKey, newKey) => {
+    if (!onSortByKey) return;
+
+    if (oldKey !== newKey) {
+      setSortByKeyValue(newKey);
+      setSortDescending(false);
+    } 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, {
+    checked: selectedRows.length > 0,
+    indeterminate: true,
+    name: "all",
+    onChange: toggleAll,
+    size: "small"
+  })), headerRow.map((headerCell, i) => {
+    const sortKey = headerCell.sortKey || headerCell.key;
+
+    const clickHandler = () => headerCell.sortable ? sort(sortByKeyValue, sortKey) : null;
+
+    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,
+      sortable: headerCell.sortable,
+      stickyHeader: stickyHeader
+    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, headerCell.displayName), onSortByKey && (0, _react2.jsx)(_TableHead.ChevronStyled, {
+      descending: String(sortDescending),
+      show: showChevron
+    })));
+  })));
+});
+
+var _default = TableHead;
+exports.default = _default;

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChevronStyled = exports.TableHeadCellCheckboxStyled = exports.TableHeadCellStyled = exports.TableHeadRow = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _system = require("@dfds-ui/icons/system");
+
+var _theme = require("@dfds-ui/theme");
+
+var _TableCell = require("../Body/TableCell.styles");
+
+var _TableRow = require("../Body/TableRow.styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 TableHeadRow = (0, _base.default)("tr", process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h4"
+} : {
+  target: "e16aby0h4",
+  label: "TableHeadRow"
+})(_objectSpread({}, _TableRow.genericTableRowStyle), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IHtcbiAgQ2hldnJvblByb3BzLFxuICBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzLFxuICBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbFByb3BzLFxufSBmcm9tICcuL1RhYmxlSGVhZC50eXBlcydcblxuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlUm93U3R5bGUgfSBmcm9tICcuLi9Cb2R5L1RhYmxlUm93LnN0eWxlcydcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdyA9IHN0eWxlZC50cmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlIH19XG5gXG5cbmNvbnN0IEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkLnRoPEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fSxcbiAgICBpbnNldCAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgdG9wOiAwO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiA1MDBtcztcblxuICAkeyh7IHN0aWNreUhlYWRlciB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHN0aWNreUhlYWRlciAmJlxuICAgICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc29ydEJ5S2V5LCBzb3J0YWJsZSB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBzb3J0QnlLZXkgJiZcbiAgICAgICAgc29ydGFibGUgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YGBcblxuZXhwb3J0IGNvbnN0IENoZXZyb25TdHlsZWQgPSBzdHlsZWQoQ2hldnJvbkRvd24pPENoZXZyb25Qcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgbWFyZ2luOiAwIDVweDtcbiAgb3BhY2l0eTogJHsoeyBzaG93IH0pID0+IChzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCcpfTtcbiAgdHJhbnNmb3JtOiAkeyh7IGRlc2NlbmRpbmcgfSkgPT4gZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbmBcbiJdfQ== */"));
+exports.TableHeadRow = TableHeadRow;
+const GenericTableHeadCellStyled = (0, _base.default)("th", process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h3"
+} : {
+  target: "e16aby0h3",
+  label: "GenericTableHeadCellStyled"
+})(_objectSpread({}, _TableCell.genericTableCellStyle), " box-shadow:inset 0 -1px ", _theme.theme.colors.surface.secondary, ",inset 0 1px ", _theme.theme.colors.surface.secondary, ";color:", _theme.theme.colors.text.primary.primary, ";font-family:", _theme.theme.fontFamilies.display, ";top:0;transition-duration:500ms;", ({
+  stickyHeader
+}) => `
+    ${stickyHeader && `
+      background-color: ${stickyHeader && _theme.theme.colors.surface.primary};
+      position: ${stickyHeader && 'sticky'};
+      z-index: ${stickyHeader && '10'};
+      `}
+  `, " &:hover{", ({
+  sortByKey,
+  sortable
+}) => `
+      ${sortByKey && sortable && `
+        background-color: ${_theme.theme.colors.surface.secondary};
+        cursor: pointer;`}
+    `, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1RSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+const TableHeadCellStyled = ( /*#__PURE__*/0, _base.default)(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h2"
+} : {
+  target: "e16aby0h2",
+  label: "TableHeadCellStyled"
+})("min-width:", ({
+  customColumnWidth
+}) => customColumnWidth || 'auto', ";text-align:", ({
+  align
+}) => align || 'left', ";width:", ({
+  columns,
+  customColumnWidth,
+  hasOnSelectFunction
+}) => customColumnWidth || `calc((100% ${hasOnSelectFunction && '-36px'}) / ${columns})`, ";div{align-items:center;display:flex;flex-direction:", ({
+  align
+}) => align === 'right' ? 'row-reverse' : 'row', ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R5RiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+exports.TableHeadCellStyled = TableHeadCellStyled;
+const TableHeadCellCheckboxStyled = ( /*#__PURE__*/0, _base.default)(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h1"
+} : {
+  target: "e16aby0h1",
+  label: "TableHeadCellCheckboxStyled"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0V5RyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */");
+exports.TableHeadCellCheckboxStyled = TableHeadCellCheckboxStyled;
+const ChevronStyled = ( /*#__PURE__*/0, _base.default)(_system.ChevronDown, process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h0"
+} : {
+  target: "e16aby0h0",
+  label: "ChevronStyled"
+})("color:", _theme.theme.colors.primary.dark, ";font-size:1.5rem;margin:0 5px;opacity:", ({
+  show
+}) => show === 'true' ? '1' : '0', ";transform:", ({
+  descending
+}) => descending === 'true' && 'rotate(180deg)', ";transition-duration:250ms;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0U4RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+exports.ChevronStyled = ChevronStyled;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fade = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const Fade = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1d0tj180"
+} : {
+  target: "e1d0tj180",
+  label: "Fade"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1kemw6x",
+  styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw"
+} : {
+  name: "1kemw6x",
+  styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBGYWRlID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpIDkwJSk7XG4gIGhlaWdodDogY2FsYyg3ICogNDhweCk7XG4gIG1hcmdpbi10b3A6IDQ5cHg7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDB2dztcbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.Fade = Fade;

package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactComponents = require("@dfds-ui/react-components");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "d6ykp6",
+  styles: "height:12px;width:100%"
+} : {
+  name: "1u3k8d4-createSkeletonRows",
+  styles: "height:12px;width:100%;label:createSkeletonRows;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4uLy4uL0R5bmFtaWNUYWJsZS50eXBlcydcblxuY29uc3QgY3JlYXRlU2tlbGV0b25Sb3dzID0gKGhlYWRlclJvdzogSGVhZGVyW10gfCB1bmRlZmluZWQpID0+XG4gIFsuLi5BcnJheSg3KV0ubWFwKChyb3csIGluZGV4KSA9PiAoe1xuICAgIGNlbGxzOiAoaGVhZGVyUm93IHx8IFsuLi5BcnJheSg1KV0pLm1hcCgoKSA9PiAoXG4gICAgICA8U2tlbGV0b25cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAvPlxuICAgICkpLFxuICAgIGlkOiBpbmRleCArIDEsIC8vIGlkIHNob3VsZCBub3QgYmUgMC5cbiAgfSkpXG5cbmV4cG9ydCBkZWZhdWx0IGNyZWF0ZVNrZWxldG9uUm93c1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const createSkeletonRows = headerRow => [...Array(7)].map((row, index) => ({
+  cells: (headerRow || [...Array(5)]).map(() => (0, _react2.jsx)(_reactComponents.Skeleton, {
+    css: _ref,
+    key: index,
+    variant: "text"
+  })),
+  id: index + 1 // id should not be 0.
+
+}));
+
+var _default = createSkeletonRows;
+exports.default = _default;

package/cjs/dynamic-table/helpers/getHeaderRow.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+const getHeaderRow = (rows, customHeaderRow) => {
+  // If there are no headers, make some from the keys of the first row.
+  const headers = customHeaderRow || [];
+
+  if (!customHeaderRow) {
+    const rowKeys = Object.keys(rows[0] || {});
+
+    for (let i = 0; i < rowKeys.length; i++) {
+      headers.push({
+        displayName: rowKeys[i],
+        key: rowKeys[i]
+      });
+    }
+  }
+
+  return headers;
+};
+
+var _default = getHeaderRow;
+exports.default = _default;

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

@@ -0,0 +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>;
+export default TableBody;

package/dynamic-table/Body/TableBody.js

@@ -0,0 +1,52 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import React, { useCallback } from 'react';
+import TableRow from './TableRow';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var TableBody = /*#__PURE__*/React.memo(function (_ref) {
+  var activeRowId = _ref.activeRowId,
+      headerRow = _ref.headerRow,
+      onClickRow = _ref.onClickRow,
+      onSelectFunction = _ref.onSelectFunction,
+      rows = _ref.rows,
+      selectableRows = _ref.selectableRows,
+      selectedRows = _ref.selectedRows;
+  // update state and callback functions
+  var updateSelectedRows = useCallback(function (id) {
+    if (onSelectFunction && selectableRows) {
+      var selection = _toConsumableArray(selectedRows);
+
+      if (selectedRows.includes(id)) {
+        var index = selectedRows.indexOf(id);
+        if (index !== -1) selection.splice(index, 1);
+        onSelectFunction(selection);
+      } else {
+        selection.push(id);
+        onSelectFunction(selection);
+      }
+    }
+  }, [selectableRows, selectedRows]);
+  return ___EmotionJSX("tbody", null, rows.map(function (row) {
+    return ___EmotionJSX(TableRow, {
+      headerRow: headerRow,
+      isActive: activeRowId ? row.id === activeRowId : undefined,
+      key: row.id,
+      onClickRow: onClickRow,
+      onSelectRow: updateSelectedRows,
+      row: row,
+      selectableRows: selectableRows,
+      selectedRows: selectedRows
+    });
+  }));
+});
+export default TableBody;

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

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

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

@@ -0,0 +1 @@
+export {};

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

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

package/dynamic-table/Body/TableCell.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TableCellStyled } from './TableCell.styles';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var TableCell = /*#__PURE__*/React.memo(function (_ref) {
+  var children = _ref.children,
+      columnCount = _ref.columnCount,
+      headerCell = _ref.headerCell,
+      onSelectFunction = _ref.onSelectFunction;
+  return ___EmotionJSX(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
+  }, children);
+});
+export default TableCell;

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

@@ -0,0 +1,16 @@
+export declare const genericTableCellStyle: import("@emotion/react").SerializedStyles;
+declare type TableCellProps = {
+    align?: 'center' | 'left' | 'right';
+    columns: number;
+    customColumnWidth?: string;
+    hasOnSelectFunction: boolean;
+};
+export declare const TableCellStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TableCellProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const TableCellCheckboxStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export {};

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

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+export var genericTableCellStyle = /*#__PURE__*/css("padding:0 ", theme.spacing.xs, ";&:first-of-type{padding-left:", theme.spacing.s, ";padding-right:0;}&:last-of-type{padding-right:", theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY29sdW1uczogbnVtYmVyXG4gIGN1c3RvbUNvbHVtbldpZHRoPzogc3RyaW5nXG4gIGhhc09uU2VsZWN0RnVuY3Rpb246IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbFN0eWxlZCA9IHN0eWxlZC50ZDxUYWJsZUNlbGxQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6ICR7KHsgY3VzdG9tQ29sdW1uV2lkdGggfSkgPT4gY3VzdG9tQ29sdW1uV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHsoeyBhbGlnbiB9KSA9PiBhbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHsoeyBjb2x1bW5zLCBjdXN0b21Db2x1bW5XaWR0aCwgaGFzT25TZWxlY3RGdW5jdGlvbiB9KSA9PlxuICAgIGN1c3RvbUNvbHVtbldpZHRoIHx8IGBjYWxjKCgxMDAlICR7aGFzT25TZWxlY3RGdW5jdGlvbiAmJiAnLTM2cHgnfSkgLyAke2NvbHVtbnN9KWB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQudGRgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6IHVuc2V0O1xuICB3aWR0aDogMzZweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgfVxuYFxuIl19 */");
+export var TableCellStyled = _styled("td", process.env.NODE_ENV === "production" ? {
+  target: "e1uuobsr1"
+} : {
+  target: "e1uuobsr1",
+  label: "TableCellStyled"
+})(_objectSpread({}, genericTableCellStyle), " min-width:", function (_ref) {
+  var customColumnWidth = _ref.customColumnWidth;
+  return customColumnWidth || 'auto';
+}, ";text-align:", function (_ref2) {
+  var align = _ref2.align;
+  return align || 'left';
+}, ";width:", function (_ref3) {
+  var columns = _ref3.columns,
+      customColumnWidth = _ref3.customColumnWidth,
+      hasOnSelectFunction = _ref3.hasOnSelectFunction;
+  return customColumnWidth || "calc((100% ".concat(hasOnSelectFunction && '-36px', ") / ").concat(columns, ")");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBjdXN0b21Db2x1bW5XaWR0aD86IHN0cmluZ1xuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));
+export var TableCellCheckboxStyled = _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNnRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBjdXN0b21Db2x1bW5XaWR0aD86IHN0cmluZ1xuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableRowProps } from './TableRow.types';
+declare const TableRow: React.MemoExoticComponent<({ headerRow, isActive, onClickRow, onSelectRow, row, selectableRows, selectedRows }: TableRowProps) => JSX.Element>;
+export default TableRow;

package/dynamic-table/Body/TableRow.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Checkbox } from '@dfds-ui/forms';
+import TableCell from './TableCell';
+import { TableCellCheckboxStyled } from './TableCell.styles';
+import { TableRowStyled } from './TableRow.styles';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var TableRow = /*#__PURE__*/React.memo(function (_ref) {
+  var headerRow = _ref.headerRow,
+      isActive = _ref.isActive,
+      onClickRow = _ref.onClickRow,
+      onSelectRow = _ref.onSelectRow,
+      row = _ref.row,
+      selectableRows = _ref.selectableRows,
+      selectedRows = _ref.selectedRows;
+  return ___EmotionJSX(TableRowStyled, {
+    active: isActive,
+    className: "dynamicTableRow-".concat(row.id),
+    hoverColor: !!onClickRow,
+    onClick: function onClick() {
+      return onClickRow && onClickRow(row.id || '');
+    }
+  }, selectableRows && row.id && ___EmotionJSX(TableCellCheckboxStyled, null, ___EmotionJSX(Checkbox, {
+    checked: selectedRows.includes(row.id),
+    name: row.id,
+    onChange: function onChange() {
+      onSelectRow(row.id);
+    },
+    onLabelClick: function onLabelClick(e) {
+      e.stopPropagation();
+    },
+    visualSize: "small"
+  })), headerRow.map(function (headerCell, index) {
+    return ___EmotionJSX(TableCell, {
+      columnCount: headerRow.length,
+      headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
+      key: index
+    }, row[headerCell.key]);
+  }));
+});
+export default TableRow;

package/dynamic-table/Body/TableRow.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const genericTableRowStyle: import("@emotion/react").SerializedStyles;
+declare type TableRowProps = {
+    active?: boolean;
+    hoverColor: boolean;
+};
+export declare const TableRowStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TableRowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export {};

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

@@ -0,0 +1,23 @@
+import _styled from "@emotion/styled/base";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+export var genericTableRowStyle = /*#__PURE__*/css("border-bottom:1px solid ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBob3ZlckNvbG9yICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgICAgICBgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+IGBcbiAgICAke1xuICAgICAgYWN0aXZlICYmXG4gICAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDQzLCA2OSwgMC4xMik7XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICB0ZCB7XG4gICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cbiAgfVxuYFxuIl19 */");
+export var TableRowStyled = _styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1ozhs4m0"
+} : {
+  target: "e1ozhs4m0",
+  label: "TableRowStyled"
+})(_objectSpread({}, genericTableRowStyle), " &:hover{", function (_ref) {
+  var hoverColor = _ref.hoverColor;
+  return "\n      ".concat(hoverColor && "\n        background-color: ".concat(theme.colors.surface.secondary, ";\n        cursor: ").concat(hoverColor && 'pointer', ";\n        "), "\n    ");
+}, ";}", function (_ref2) {
+  var active = _ref2.active;
+  return "\n    ".concat(active && "\n      background-color: rgba(0, 43, 69, 0.12);\n      ", "\n  ");
+}, " &:last-of-type{td{border-bottom:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlc0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBob3ZlckNvbG9yICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgICAgICBgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+IGBcbiAgICAke1xuICAgICAgYWN0aXZlICYmXG4gICAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDQzLCA2OSwgMC4xMik7XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICB0ZCB7XG4gICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cbiAgfVxuYFxuIl19 */"));

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

@@ -0,0 +1,10 @@
+import { Header, Row } from '../DynamicTable.types';
+export declare type TableRowProps = {
+    headerRow: Header[];
+    isActive?: boolean;
+    onClickRow?: (id: string) => void;
+    onSelectRow: (id: string) => void;
+    row: Row;
+    selectableRows?: boolean;
+    selectedRows: string[];
+};

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

@@ -0,0 +1 @@
+export {};

package/dynamic-table/DynamicTable.d.ts

@@ -1,29 +1,4 @@
-import { FunctionComponent } from 'react';
-declare type DataKey = {
-    displayName: string;
-    key: string;
-    rightAlign?: boolean;
-    customColumnWidth?: string;
-    bold?: boolean;
-};
-declare type DynamicTableProps = {
-    data: any[];
-    dataKeys?: DataKey[];
-    className?: string;
-    hasHeader?: boolean;
-    colorScheme?: {
-        valueKey: string;
-        colors: any;
-    };
-    badgesScheme?: {
-        valueKey: string;
-        intentMapping: any;
-    };
-    fixedHeight?: string;
-    stickyHeader?: boolean;
-    onSortByKey?: (value: string, sortByDescending: boolean) => void;
-    onSelectFunction?: (list: string[]) => void;
-    onSelectRow?: (id: string) => void;
-};
-declare const DynamicTable: FunctionComponent<DynamicTableProps>;
-export default DynamicTable;
+import React from 'react';
+import { DynamicTableProps } from './DynamicTable.types';
+declare const _default: React.NamedExoticComponent<DynamicTableProps>;
+export default _default;