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

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

@@ -0,0 +1,71 @@
+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 { ChevronDown } from '@dfds-ui/icons/system';
+import { theme } from '@dfds-ui/theme';
+import { genericTableCellStyle } from '../Body/TableCell.styles';
+import { genericTableRowStyle } from '../Body/TableRow.styles';
+export var TableHeadRow = _styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h4"
+} : {
+  target: "e16aby0h4",
+  label: "TableHeadRow"
+})(_objectSpread({}, genericTableRowStyle), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IHtcbiAgQ2hldnJvblByb3BzLFxuICBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzLFxuICBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbFByb3BzLFxufSBmcm9tICcuL1RhYmxlSGVhZC50eXBlcydcblxuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlUm93U3R5bGUgfSBmcm9tICcuLi9Cb2R5L1RhYmxlUm93LnN0eWxlcydcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdyA9IHN0eWxlZC50cmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlIH19XG5gXG5cbmNvbnN0IEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkLnRoPEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fSxcbiAgICBpbnNldCAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgdG9wOiAwO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiA1MDBtcztcblxuICAkeyh7IHN0aWNreUhlYWRlciB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHN0aWNreUhlYWRlciAmJlxuICAgICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc29ydEJ5S2V5LCBzb3J0YWJsZSB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBzb3J0QnlLZXkgJiZcbiAgICAgICAgc29ydGFibGUgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YGBcblxuZXhwb3J0IGNvbnN0IENoZXZyb25TdHlsZWQgPSBzdHlsZWQoQ2hldnJvbkRvd24pPENoZXZyb25Qcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgbWFyZ2luOiAwIDVweDtcbiAgb3BhY2l0eTogJHsoeyBzaG93IH0pID0+IChzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCcpfTtcbiAgdHJhbnNmb3JtOiAkeyh7IGRlc2NlbmRpbmcgfSkgPT4gZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbmBcbiJdfQ== */"));
+
+var GenericTableHeadCellStyled = _styled("th", process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h3"
+} : {
+  target: "e16aby0h3",
+  label: "GenericTableHeadCellStyled"
+})(_objectSpread({}, genericTableCellStyle), " box-shadow:inset 0 -1px ", theme.colors.surface.secondary, ",inset 0 1px ", theme.colors.surface.secondary, ";color:", theme.colors.text.primary.primary, ";font-family:", theme.fontFamilies.display, ";top:0;transition-duration:500ms;", function (_ref) {
+  var stickyHeader = _ref.stickyHeader;
+  return "\n    ".concat(stickyHeader && "\n      background-color: ".concat(stickyHeader && theme.colors.surface.primary, ";\n      position: ").concat(stickyHeader && 'sticky', ";\n      z-index: ").concat(stickyHeader && '10', ";\n      "), "\n  ");
+}, " &:hover{", function (_ref2) {
+  var sortByKey = _ref2.sortByKey,
+      sortable = _ref2.sortable;
+  return "\n      ".concat(sortByKey && sortable && "\n        background-color: ".concat(theme.colors.surface.secondary, ";\n        cursor: pointer;"), "\n    ");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+
+export var TableHeadCellStyled = /*#__PURE__*/_styled(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h2"
+} : {
+  target: "e16aby0h2",
+  label: "TableHeadCellStyled"
+})("min-width:", function (_ref3) {
+  var customColumnWidth = _ref3.customColumnWidth;
+  return customColumnWidth || 'auto';
+}, ";text-align:", function (_ref4) {
+  var align = _ref4.align;
+  return align || 'left';
+}, ";width:", function (_ref5) {
+  var columns = _ref5.columns,
+      customColumnWidth = _ref5.customColumnWidth,
+      hasOnSelectFunction = _ref5.hasOnSelectFunction;
+  return customColumnWidth || "calc((100% ".concat(hasOnSelectFunction && '-36px', ") / ").concat(columns, ")");
+}, ";div{align-items:center;display:flex;flex-direction:", function (_ref6) {
+  var align = _ref6.align;
+  return align === 'right' ? 'row-reverse' : 'row';
+}, ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R5RiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+export var TableHeadCellCheckboxStyled = /*#__PURE__*/_styled(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0V5RyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */");
+export var ChevronStyled = /*#__PURE__*/_styled(ChevronDown, process.env.NODE_ENV === "production" ? {
+  target: "e16aby0h0"
+} : {
+  target: "e16aby0h0",
+  label: "ChevronStyled"
+})("color:", theme.colors.primary.dark, ";font-size:1.5rem;margin:0 5px;opacity:", function (_ref7) {
+  var show = _ref7.show;
+  return show === 'true' ? '1' : '0';
+}, ";transform:", function (_ref8) {
+  var descending = _ref8.descending;
+  return descending === 'true' && 'rotate(180deg)';
+}, ";transition-duration:250ms;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0U4RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));

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

@@ -0,0 +1,35 @@
+import { Header, Row } from '../DynamicTable.types';
+export declare type TableHeadProps = {
+    headerRow: Header[];
+    onSelectFunction?: (list: string[]) => void;
+    onSortByKey?: (value: string, sortDescending: boolean) => void;
+    rows: Row[];
+    selectableRows?: boolean;
+    selectedRows: string[];
+    setSortDescending: (arg: boolean) => void;
+    setSortByKeyValue: (value: string) => void;
+    sortDescending: boolean;
+    sortByKeyValue: string;
+    stickyHeader?: boolean;
+};
+export declare type GenericTableHeadCellProps = {
+    sortable?: boolean;
+    sortByKey?: (value: string, sortDescending: boolean) => void;
+    stickyHeader?: boolean;
+};
+export declare type TableHeadCellProps = {
+    align?: 'center' | 'left' | 'right';
+    columns: number;
+    customColumnWidth?: string;
+    hasOnSelectFunction: boolean;
+    sortByKey?: (value: string, sortDescending: boolean) => void;
+    stickyHeader?: boolean;
+};
+export declare type TableHeadCellCheckboxProps = {
+    sortByKey?: (value: string, sortDescending: boolean) => void;
+    stickyHeader?: boolean;
+};
+export declare type ChevronProps = {
+    descending: string;
+    show: string;
+};

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

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

package/dynamic-table/Skeleton/SkeletonTable.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Fade: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,18 @@
+import _styled from "@emotion/styled/base";
+
+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)."; }
+
+export var Fade = _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBGYWRlID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpIDkwJSk7XG4gIGhlaWdodDogY2FsYyg3ICogNDhweCk7XG4gIG1hcmdpbi10b3A6IDQ5cHg7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDB2dztcbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts

@@ -0,0 +1,6 @@
+import { Header } from '../../DynamicTable.types';
+declare const createSkeletonRows: (headerRow: Header[] | undefined) => {
+    cells: JSX.Element[];
+    id: number;
+}[];
+export default createSkeletonRows;

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

@@ -0,0 +1,46 @@
+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; }
+
+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)."; }
+
+import React from 'react';
+import { Skeleton } from '@dfds-ui/react-components';
+import { css } from '@emotion/react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4uLy4uL0R5bmFtaWNUYWJsZS50eXBlcydcblxuY29uc3QgY3JlYXRlU2tlbGV0b25Sb3dzID0gKGhlYWRlclJvdzogSGVhZGVyW10gfCB1bmRlZmluZWQpID0+XG4gIFsuLi5BcnJheSg3KV0ubWFwKChyb3csIGluZGV4KSA9PiAoe1xuICAgIGNlbGxzOiAoaGVhZGVyUm93IHx8IFsuLi5BcnJheSg1KV0pLm1hcCgoKSA9PiAoXG4gICAgICA8U2tlbGV0b25cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAvPlxuICAgICkpLFxuICAgIGlkOiBpbmRleCArIDEsIC8vIGlkIHNob3VsZCBub3QgYmUgMC5cbiAgfSkpXG5cbmV4cG9ydCBkZWZhdWx0IGNyZWF0ZVNrZWxldG9uUm93c1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var createSkeletonRows = function createSkeletonRows(headerRow) {
+  return _toConsumableArray(Array(7)).map(function (row, index) {
+    return {
+      cells: (headerRow || _toConsumableArray(Array(5))).map(function () {
+        return ___EmotionJSX(Skeleton, {
+          css: _ref,
+          key: index,
+          variant: "text"
+        });
+      }),
+      id: index + 1 // id should not be 0.
+
+    };
+  });
+};
+
+export default createSkeletonRows;

package/dynamic-table/helpers/getHeaderRow.d.ts

@@ -0,0 +1,3 @@
+import { Header, Row } from '../DynamicTable.types';
+declare const getHeaderRow: (rows: Row[], customHeaderRow?: Header[] | undefined) => Header[];
+export default getHeaderRow;

package/dynamic-table/helpers/getHeaderRow.js

@@ -0,0 +1,19 @@
+var getHeaderRow = function getHeaderRow(rows, customHeaderRow) {
+  // If there are no headers, make some from the keys of the first row.
+  var headers = customHeaderRow || [];
+
+  if (!customHeaderRow) {
+    var rowKeys = Object.keys(rows[0] || {});
+
+    for (var i = 0; i < rowKeys.length; i++) {
+      headers.push({
+        displayName: rowKeys[i],
+        key: rowKeys[i]
+      });
+    }
+  }
+
+  return headers;
+};
+
+export default getHeaderRow;

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components for building experiences",
   "license": "MIT",
   "private": false,
-  "version": "0.9.16-alpha.48b8eebf",
+  "version": "0.9.16-alpha.7ea9a773",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -16,15 +16,15 @@
     "react-dom": ">= 16.8.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "0.9.16-alpha.48b8eebf",
-    "@dfds-ui/grid": "0.9.16-alpha.48b8eebf",
-    "@dfds-ui/icons": "0.9.16-alpha.48b8eebf",
-    "@dfds-ui/modal": "0.9.16-alpha.48b8eebf",
-    "@dfds-ui/react-components": "0.9.16-alpha.48b8eebf",
-    "@dfds-ui/theme": "0.9.16-alpha.48b8eebf",
-    "@dfds-ui/typography": "0.9.16-alpha.48b8eebf"
+    "@dfds-ui/colors": "0.9.16-alpha.7ea9a773",
+    "@dfds-ui/grid": "0.9.16-alpha.7ea9a773",
+    "@dfds-ui/icons": "0.9.16-alpha.7ea9a773",
+    "@dfds-ui/modal": "0.9.16-alpha.7ea9a773",
+    "@dfds-ui/react-components": "0.9.16-alpha.7ea9a773",
+    "@dfds-ui/theme": "0.9.16-alpha.7ea9a773",
+    "@dfds-ui/typography": "0.9.16-alpha.7ea9a773"
   },
-  "gitHead": "48b8eebfbcfb5e2bdc227cb981518eab1b0272b0",
+  "gitHead": "7ea9a773c626fcf1287609a27935af2d8481f85e",
   "publishConfig": {
     "access": "public"
   }

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

@@ -1,29 +0,0 @@
-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;

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

@@ -1,5 +0,0 @@
-export declare const dynamicTableWrapperStyle: (props: any) => import("@emotion/react").SerializedStyles;
-export declare const thStyle: (props: any) => import("@emotion/react").SerializedStyles;
-export declare const rowStyle: (props: any) => import("@emotion/react").SerializedStyles;
-export declare const cellStyle: (props: any) => import("@emotion/react").SerializedStyles;
-export declare const downStyle: (props: any) => import("@emotion/react").SerializedStyles;

package/cjs/footer/Footer.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { FooterMetaLinkProps } from './FooterMetaLink';
-import { FooterColumnProps } from './FooterColumn';
-export declare type FooterProps = {
-    /**
-     * Content to be displayed above footer columns
-     */
-    topElement?: React.ReactNode;
-    /**
-     * Footer columns, if provided, minimum: 1, maximum: 4. Property is optional
-     */
-    children?: React.ReactElement<FooterColumnProps> | React.ReactElement<FooterColumnProps>[];
-    /**
-     * Links to be displayed at the bottom right corner
-     */
-    metaLinks?: React.ReactElement<FooterMetaLinkProps> | React.ReactElement<FooterMetaLinkProps>[];
-    /**
-     * Content to be display between footer columns and meta links e.g. locale selector, social links.
-     */
-    features?: React.ReactNode;
-};
-export declare const Footer: React.FunctionComponent<FooterProps>;
-export default Footer;

package/cjs/footer/FooterColumn.d.ts

@@ -1,11 +0,0 @@
-import { FC, ReactElement, ReactNode } from 'react';
-import { FooterColumnItemProps } from './FooterColumnItem';
-export declare type FooterColumnProps = {
-    children: ReactElement<FooterColumnItemProps> | ReactElement<FooterColumnItemProps>[];
-    /**
-     * Column title
-     */
-    title?: ReactNode;
-};
-export declare const FooterColumn: FC<FooterColumnProps>;
-export default FooterColumn;

package/cjs/footer/FooterColumnItem.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { LinkButtonProps } from '@dfds-ui/react-components';
-export declare type FooterColumnItemProps = {
-    className?: string;
-} & LinkButtonProps;
-export declare const FooterColumnItem: FC<FooterColumnItemProps>;
-export default FooterColumnItem;

package/cjs/footer/FooterMetaLink.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { LinkButtonProps } from '@dfds-ui/react-components';
-export declare type FooterMetaLinkProps = {
-    className?: string;
-} & LinkButtonProps;
-export declare const FooterMetaLink: FC<FooterMetaLinkProps>;
-export default FooterMetaLink;

package/cjs/footer/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Footer';
-export * from './FooterColumn';
-export * from './FooterColumnItem';
-export * from './FooterMetaLink';

package/cjs/index.d.ts

@@ -1,5 +0,0 @@
-export { default as DynamicTable } from './dynamic-table/DynamicTable';
-export { default as IEModal } from './internet-explorer-modal/IEModal';
-export * from './locale-selector';
-export * from './footer';
-export * from './swiper';

package/cjs/internet-explorer-modal/IEModal.d.ts

@@ -1,69 +0,0 @@
-import React from 'react';
-import { ModalSizes } from '@dfds-ui/modal';
-export declare type IEModalProps = React.PropsWithChildren<{
-    className?: string;
-    /**
-     * Add heading on the Modal.
-     */
-    heading?: React.ReactNode;
-    /**
-     * Class name to be added to the header of the Modal.
-     */
-    headerClassName?: string;
-    /**
-     * Description to be shown a main text in the modal.
-     * Placeholders '{Edge}', '{Chrome}' and '{Firefox}' will be replaced with links to download the individual browser.
-     */
-    description: string;
-    /**
-     * Text to be displayed on the 'Go to front page' button
-     */
-    goToFrontPageText: string;
-    /**
-     * Text to be displayed on the 'Open page in Microsoft Edge' button
-     */
-    openPageInEdgeText: string;
-    /**
-     * Add or remove padding inside the Modal.
-     */
-    noContentPadding?: boolean;
-    /**
-     * Add a z-index prop to modal to specify the stack order.
-     */
-    zIndex?: number;
-    /**
-     * Display content in a column direction.
-     */
-    column?: boolean;
-    /**
-     * Sizes (width) of the modal for the different breakpoints.
-     * Apart from normal css units a special value of `fullscreen` is also
-     * supported.
-     * @example
-     *  sizes={{ s: 'fullscreen', m: 'fullscreen', l: '80%', xl: '80%', xxl: '80%' }}
-     */
-    sizes?: ModalSizes;
-    /**
-     * If set to `true` the modal will not be vertically centered.
-     * Only applies to larger screensizes
-     */
-    fixedTopPosition?: boolean;
-    /**
-     * If set to `true` the area around the modal is semi transparent and the close button becomes visible.
-     */
-    canClose?: boolean;
-    /**
-     * Removes the modal from the default navigation flow and also allows it to receive programmatic focus.
-     */
-    closeTabIndex?: number;
-    /**
-     * Close the Modal after invoking the provided callback.
-     */
-    onRequestClose?: () => void;
-    /**
-     * Callback is invoked when IEModal detects the browser is IE.
-     */
-    onCompatibleBrowserDetected?: () => void;
-}>;
-export declare const IEModal: ({ heading, description, goToFrontPageText, openPageInEdgeText, headerClassName, noContentPadding, column, zIndex, sizes, canClose, closeTabIndex, onRequestClose, onCompatibleBrowserDetected, ...rest }: IEModalProps) => JSX.Element | null;
-export default IEModal;

package/cjs/locale-selector/LocaleOption.d.ts

@@ -1,8 +0,0 @@
-import { Locale } from '@dfds-ui/react-components';
-export declare type LocaleOptionProps = {
-    label: string;
-    locale: Locale;
-    onClick: () => void;
-};
-export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => JSX.Element;
-export default LocaleOption;

package/cjs/locale-selector/LocaleSelector.d.ts

@@ -1,49 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { Locale } from '@dfds-ui/react-components';
-import { ModalProps } from '@dfds-ui/modal';
-export declare type LocaleSelectorProps = PropsWithChildren<{
-    /**
-     * Provide limited set of locales to choose from
-     */
-    locales?: ReadonlyArray<Locale>;
-    /**
-     * Text to display on button that open the selector as
-     * well as in the heading of the selector
-     */
-    label?: string;
-    /**
-     * Current locale of the application
-     */
-    currentLocale: Locale;
-    /** Callback function that fires with locale as an argument */
-    onChange: (locale: Locale) => void;
-    /**
-     * className to be assigned to component.
-     */
-    className?: string;
-} & Pick<ModalProps, 'renderWhenClosed'>>;
-/**
- * A component to display a modal window where the user can select a locale.
- */
-export declare const LocaleSelector: React.ForwardRefExoticComponent<{
-    /**
-     * Provide limited set of locales to choose from
-     */
-    locales?: readonly ("en" | "nl-BE" | "bg-BG" | "pt-BR" | "en-CA" | "zh-CN" | "cs-CZ" | "da-DK" | "et-EE" | "fi-FI" | "fr-BE" | "fr-FR" | "de-DE" | "hu-HU" | "it-IT" | "ja-JP" | "lv-LV" | "lt-LT" | "nl-NL" | "nb-NO" | "pl-PL" | "ro-RO" | "ru-RU" | "sk-SK" | "ko-KR" | "es-ES" | "sv-SE" | "tr-TR" | "en-GB" | "en-US")[] | undefined;
-    /**
-     * Text to display on button that open the selector as
-     * well as in the heading of the selector
-     */
-    label?: string | undefined;
-    /**
-     * Current locale of the application
-     */
-    currentLocale: Locale;
-    /** Callback function that fires with locale as an argument */
-    onChange: (locale: Locale) => void;
-    /**
-     * className to be assigned to component.
-     */
-    className?: string | undefined;
-} & Pick<ModalProps, "renderWhenClosed"> & React.RefAttributes<unknown>>;
-export default LocaleSelector;

package/cjs/locale-selector/index.d.ts

@@ -1 +0,0 @@
-export * from './LocaleSelector';

package/cjs/swiper/Swiper.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare type SwiperProps = React.PropsWithChildren<{
-    className?: string;
-}>;
-export declare const Swiper: ({ className, children }: SwiperProps) => JSX.Element;

package/cjs/swiper/SwiperCard.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare type SwiperCardProps = React.PropsWithChildren<{
-    className?: string;
-}>;
-export declare const SwiperCard: ({ className, children }: SwiperCardProps) => JSX.Element;

package/cjs/swiper/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Swiper';
-export * from './SwiperCard';