@dfds-ui/experiences 1.1.12-alpha.fe0ac454 → 1.1.13

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chevronStyles = exports.tableHeadCellCheckboxStyles = exports.tableHeadCellStyles = void 0;
+
+var _theme = require("@dfds-ui/theme");
+
+var _react = require("@emotion/react");
+
+var _TableCell = require("../Body/TableCell.styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 genericTableHeadCellStyles = ({
+  sortable,
+  sortByKey,
+  stickyHeader
+}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, _TableCell.genericTableCellStyles), " box-shadow: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:250ms;transition-property:background-color;", stickyHeader && `
+    background-color: ${_theme.theme.colors.surface.primary};
+    position: sticky;
+    z-index: 10;
+  `, ";&:hover{", sortByKey && sortable && `
+      background-color: ${_theme.theme.colors.surface.secondary};
+      cursor: pointer;
+    `, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableHeadCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTRHIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfSBmcm9tICcuLi9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMnXG5cbmNvbnN0IGdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzID0gKHsgc29ydGFibGUsIHNvcnRCeUtleSwgc3RpY2t5SGVhZGVyIH06IEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBib3gtc2hhZG93OiAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgJHtzb3J0QnlLZXkgJiZcbiAgICBzb3J0YWJsZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7XG4gIGFsaWduLFxuICBjdXN0b21XaWR0aCxcbiAgc29ydGFibGUsXG4gIHNvcnRCeUtleSxcbiAgc3RpY2t5SGVhZGVyLFxufTogVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7YWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3Jvdyd9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkQ2VsbENoZWNrYm94U3R5bGVzID0gKHsgc3RpY2t5SGVhZGVyIH06IFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyh7IHNvcnRhYmxlOiB1bmRlZmluZWQsIHNvcnRCeUtleTogdW5kZWZpbmVkLCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgY2hldnJvblN0eWxlcyA9ICh7IGRlc2NlbmRpbmcsIHNob3cgfTogQ2hldnJvblByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgb3BhY2l0eTogJHtzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCd9O1xuICB0cmFuc2Zvcm06ICR7ZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuYFxuIl19 */");
+
+const tableHeadCellStyles = ({
+  align,
+  customWidth,
+  sortable,
+  sortByKey,
+  stickyHeader
+}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableHeadCellStyles({
+  sortable,
+  sortByKey,
+  stickyHeader
+})), " min-width:", customWidth || 'auto', ";text-align:", align || 'left', ";width:", customWidth || 'auto', ";div{align-items:center;display:flex;flex-direction:", align === 'right' ? 'row-reverse' : 'row', ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEM2QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzLFxuICBUYWJsZUhlYWRDZWxsUHJvcHMsXG59IGZyb20gJy4vVGFibGVIZWFkLnR5cGVzJ1xuXG5pbXBvcnQgeyBnZW5lcmljVGFibGVDZWxsU3R5bGVzIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuXG5jb25zdCBnZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9OiBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgYm94LXNoYWRvdzogMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9LFxuICAgIGluc2V0IDAgMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICB0b3A6IDA7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7c29ydEJ5S2V5ICYmXG4gICAgc29ydGFibGUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZXMgPSAoe1xuICBhbGlnbixcbiAgY3VzdG9tV2lkdGgsXG4gIHNvcnRhYmxlLFxuICBzb3J0QnlLZXksXG4gIHN0aWNreUhlYWRlcixcbn06IFRhYmxlSGVhZENlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZSwgc29ydEJ5S2V5LCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke2FsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZTogdW5kZWZpbmVkLCBzb3J0QnlLZXk6IHVuZGVmaW5lZCwgc3RpY2t5SGVhZGVyIH0pIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcblxuICAke3N0aWNreUhlYWRlciAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIHotaW5kZXg6IDEwO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IGNoZXZyb25TdHlsZXMgPSAoeyBkZXNjZW5kaW5nLCBzaG93IH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7c2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnfTtcbiAgdHJhbnNmb3JtOiAke2Rlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */");
+
+exports.tableHeadCellStyles = tableHeadCellStyles;
+
+const tableHeadCellCheckboxStyles = ({
+  stickyHeader
+}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableHeadCellStyles({
+  sortable: undefined,
+  sortByKey: undefined,
+  stickyHeader
+})), " max-width:40px;width:40px;", stickyHeader && `
+    background-color: ${_theme.theme.colors.surface.primary};
+    position: sticky;
+    z-index: 10;
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellCheckboxStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRnRyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzLFxuICBUYWJsZUhlYWRDZWxsUHJvcHMsXG59IGZyb20gJy4vVGFibGVIZWFkLnR5cGVzJ1xuXG5pbXBvcnQgeyBnZW5lcmljVGFibGVDZWxsU3R5bGVzIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuXG5jb25zdCBnZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9OiBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgYm94LXNoYWRvdzogMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9LFxuICAgIGluc2V0IDAgMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICB0b3A6IDA7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7c29ydEJ5S2V5ICYmXG4gICAgc29ydGFibGUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZXMgPSAoe1xuICBhbGlnbixcbiAgY3VzdG9tV2lkdGgsXG4gIHNvcnRhYmxlLFxuICBzb3J0QnlLZXksXG4gIHN0aWNreUhlYWRlcixcbn06IFRhYmxlSGVhZENlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZSwgc29ydEJ5S2V5LCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke2FsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZTogdW5kZWZpbmVkLCBzb3J0QnlLZXk6IHVuZGVmaW5lZCwgc3RpY2t5SGVhZGVyIH0pIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcblxuICAke3N0aWNreUhlYWRlciAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIHotaW5kZXg6IDEwO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IGNoZXZyb25TdHlsZXMgPSAoeyBkZXNjZW5kaW5nLCBzaG93IH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7c2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnfTtcbiAgdHJhbnNmb3JtOiAke2Rlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */");
+
+exports.tableHeadCellCheckboxStyles = tableHeadCellCheckboxStyles;
+
+const chevronStyles = ({
+  descending,
+  show
+}) => /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.primary.dark, ";font-size:1.5rem;opacity:", show === 'true' ? '1' : '0', ";transform:", descending === 'true' && 'rotate(180deg)', ";transition-duration:250ms;transition-property:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:chevronStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkV3RSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzLFxuICBUYWJsZUhlYWRDZWxsUHJvcHMsXG59IGZyb20gJy4vVGFibGVIZWFkLnR5cGVzJ1xuXG5pbXBvcnQgeyBnZW5lcmljVGFibGVDZWxsU3R5bGVzIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuXG5jb25zdCBnZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9OiBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgYm94LXNoYWRvdzogMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9LFxuICAgIGluc2V0IDAgMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICB0b3A6IDA7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7c29ydEJ5S2V5ICYmXG4gICAgc29ydGFibGUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZXMgPSAoe1xuICBhbGlnbixcbiAgY3VzdG9tV2lkdGgsXG4gIHNvcnRhYmxlLFxuICBzb3J0QnlLZXksXG4gIHN0aWNreUhlYWRlcixcbn06IFRhYmxlSGVhZENlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZSwgc29ydEJ5S2V5LCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke2FsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZTogdW5kZWZpbmVkLCBzb3J0QnlLZXk6IHVuZGVmaW5lZCwgc3RpY2t5SGVhZGVyIH0pIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcblxuICAke3N0aWNreUhlYWRlciAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIHotaW5kZXg6IDEwO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IGNoZXZyb25TdHlsZXMgPSAoeyBkZXNjZW5kaW5nLCBzaG93IH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7c2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnfTtcbiAgdHJhbnNmb3JtOiAke2Rlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */");
+
+exports.chevronStyles = chevronStyles;

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

@@ -0,0 +1,32 @@
+import { Header, Row } from '../DynamicTable.types';
+export declare type TableHeadProps = {
+    headerRow: Header[];
+    onSelectRow?: (list: string[]) => void;
+    onSort?: (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 interface TableHeadCellProps extends GenericTableHeadCellProps {
+    align?: 'center' | 'left' | 'right';
+    customWidth?: string;
+    sortByKey?: (value: string, sortDescending: boolean) => void;
+    stickyHeader?: boolean;
+}
+export declare type TableHeadCellCheckboxProps = {
+    stickyHeader?: boolean;
+};
+export declare type ChevronProps = {
+    descending: string;
+    show: string;
+};

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.d.ts

@@ -0,0 +1 @@
+export declare const fadeStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fadeStyles = void 0;
+
+var _react = require("@emotion/react");
+
+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 fadeStyles = 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: "yz1003-fadeStyles",
+  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;label:fadeStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBmYWRlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgOTAlKTtcbiAgaGVpZ2h0OiBjYWxjKDcgKiA0OHB4KTtcbiAgbWFyZ2luLXRvcDogNDlweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+exports.fadeStyles = fadeStyles;

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

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

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

@@ -0,0 +1,40 @@
+"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: "d6ykp6",
+  styles: "height:12px;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKCkgPT4ge1xuICAgIGNvbnN0IHJvdzogUm93ID0ge31cblxuICAgIGhlYWRlclJvdz8uZm9yRWFjaCgoY2VsbCkgPT4ge1xuICAgICAgcm93W2NlbGwua2V5XSA9IChcbiAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuXG4gICAgcmV0dXJuIHJvd1xuICB9KVxuXG5leHBvcnQgZGVmYXVsdCBjcmVhdGVTa2VsZXRvblJvd3NcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const createSkeletonRows = headerRow => [...Array(7)].map(() => {
+  const row = {};
+  headerRow === null || headerRow === void 0 ? void 0 : headerRow.forEach(cell => {
+    row[cell.key] = (0, _react2.jsx)(_reactComponents.Skeleton, {
+      css: _ref,
+      variant: "text"
+    });
+  });
+  return row;
+});
+
+var _default = createSkeletonRows;
+exports.default = _default;

package/cjs/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/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/cjs/dynamic-table/stories/headerRow.d.ts

@@ -0,0 +1,3 @@
+import { Header } from '../DynamicTable.types';
+declare const headerRow: Header[];
+export default headerRow;

package/cjs/dynamic-table/stories/headerRow.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const headerRow = [{
+  displayName: 'ID',
+  key: 'id',
+  width: '80px'
+}, {
+  displayName: 'Pallets',
+  key: 'pallets'
+}, {
+  displayName: 'From',
+  key: 'from'
+}, {
+  displayName: 'To',
+  key: 'to'
+}, {
+  displayName: 'Price',
+  key: 'price',
+  textAlign: 'right'
+}];
+var _default = headerRow;
+exports.default = _default;

package/cjs/dynamic-table/stories/headerRowSortable.d.ts

@@ -0,0 +1,3 @@
+import { Header } from '../DynamicTable.types';
+declare const headerRowSortable: Header[];
+export default headerRowSortable;

package/cjs/dynamic-table/stories/headerRowSortable.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const headerRowSortable = [{
+  displayName: 'ID',
+  key: 'id',
+  sortable: true
+}, {
+  displayName: 'Pallets',
+  key: 'pallets'
+}, {
+  displayName: 'From',
+  key: 'from',
+  sortable: true
+}, {
+  displayName: 'To',
+  key: 'to',
+  sortable: true
+}, {
+  displayName: 'Price',
+  key: 'price',
+  textAlign: 'right'
+}];
+var _default = headerRowSortable;
+exports.default = _default;

package/cjs/dynamic-table/stories/tableRows.d.ts

@@ -0,0 +1,3 @@
+import { Row } from '../DynamicTable.types';
+declare const tableRows: Row[];
+export default tableRows;

package/cjs/dynamic-table/stories/tableRows.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Currency = () => (0, _react2.jsx)("span", {
+  style: {
+    fontSize: '10px'
+  }
+}, "EUR");
+
+const tableRows = [{
+  id: '1001',
+  pallets: 10,
+  from: 'Copenhagen',
+  to: 'Stockholm',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "200"))
+}, {
+  id: '1002',
+  pallets: 41,
+  from: 'Istanbul',
+  to: 'London',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "320"))
+}, {
+  id: '1003',
+  pallets: 9,
+  from: 'Delphi',
+  to: 'Madrid',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1574"))
+}, {
+  id: '1004',
+  pallets: 52,
+  from: 'Stockholm',
+  to: 'Amsterdam',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "945.50"))
+}, {
+  id: '1005',
+  pallets: 4,
+  from: 'London',
+  to: 'Paris',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "850"))
+}, {
+  id: '1006',
+  pallets: 33,
+  from: 'Madrid',
+  to: 'Berlin',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2000"))
+}, {
+  id: '1007',
+  pallets: 17,
+  from: 'Berlin',
+  to: 'Oslo',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "887"))
+}, {
+  id: '1008',
+  pallets: 14,
+  from: 'Oslo',
+  to: 'Cairo',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2400"))
+}, {
+  id: '1009',
+  pallets: 23,
+  from: 'Paris',
+  to: 'Rome',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1280.30"))
+}];
+var _default = tableRows;
+exports.default = _default;

package/cjs/footer/Footer.d.ts

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