@dfds-ui/experiences 2.0.23-alpha.fcaa34df → 2.0.24

package/cjs/locale-selector/LocaleSelector.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LocaleSelector = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactComponents = require("@dfds-ui/react-components");
+var _modal = require("@dfds-ui/modal");
+var _react2 = require("@emotion/react");
+var _LocaleOption = _interopRequireDefault(require("./LocaleOption"));
+var _theme = require("@dfds-ui/theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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)."; }
+/**
+ * A component to display a modal window where the user can select a locale.
+ */
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "x463sz",
+  styles: "margin-left:0.5rem;font-size:1.25rem"
+} : {
+  name: "15s9564-LocaleSelector",
+  styles: "margin-left:0.5rem;font-size:1.25rem;label:LocaleSelector;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFByb3BzV2l0aENoaWxkcmVuLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rQnV0dG9uLCBMb2NhbGUsIGxvY2FsZURhdGEsIExvY2FsZUZsYWcsIGxvY2FsZXMgYXMgYWxsTG9jYWxlcyB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBNb2RhbCwgTW9kYWxQcm9wcyB9IGZyb20gJ0BkZmRzLXVpL21vZGFsJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTG9jYWxlT3B0aW9uIGZyb20gJy4vTG9jYWxlT3B0aW9uJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExvY2FsZVNlbGVjdG9yUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjxcbiAge1xuICAgIC8qKlxuICAgICAqIFByb3ZpZGUgbGltaXRlZCBzZXQgb2YgbG9jYWxlcyB0byBjaG9vc2UgZnJvbVxuICAgICAqL1xuICAgIGxvY2FsZXM/OiBSZWFkb25seUFycmF5PExvY2FsZT5cbiAgICAvKipcbiAgICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICAgKiB3ZWxsIGFzIGluIHRoZSBoZWFkaW5nIG9mIHRoZSBzZWxlY3RvclxuICAgICAqL1xuICAgIGxhYmVsPzogc3RyaW5nXG4gICAgLyoqXG4gICAgICogQ3VycmVudCBsb2NhbGUgb2YgdGhlIGFwcGxpY2F0aW9uXG4gICAgICovXG4gICAgY3VycmVudExvY2FsZTogTG9jYWxlXG4gICAgLyoqIENhbGxiYWNrIGZ1bmN0aW9uIHRoYXQgZmlyZXMgd2l0aCBsb2NhbGUgYXMgYW4gYXJndW1lbnQgKi9cbiAgICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gICAgLyoqIERpc2FibGVkIHZpc3VhbCBhcHBlYXJhbmNlIGFuZCBpbnRlcmFjdGlvbiBkaXNhYmxlZC4gKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgICAvKipcbiAgICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICB9ICYgUGljazxNb2RhbFByb3BzLCAncmVuZGVyV2hlbkNsb3NlZCc+XG4+XG5cbi8qKlxuICogQSBjb21wb25lbnQgdG8gZGlzcGxheSBhIG1vZGFsIHdpbmRvdyB3aGVyZSB0aGUgdXNlciBjYW4gc2VsZWN0IGEgbG9jYWxlLlxuICovXG5leHBvcnQgY29uc3QgTG9jYWxlU2VsZWN0b3IgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbG9jYWxlcyA9IGFsbExvY2FsZXMsXG4gICAgICBsYWJlbCA9ICdXZWJzaXRlIGFuZCBsYW5ndWFnZScsXG4gICAgICBjdXJyZW50TG9jYWxlLFxuICAgICAgcmVuZGVyV2hlbkNsb3NlZCA9IHRydWUsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgfTogTG9jYWxlU2VsZWN0b3JQcm9wcyxcbiAgICBfcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IFtzaG93TG9jYWxlTW9kYWwsIHNldFNob3dMb2NhbGVNb2RhbF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZUxvY2FsZSA9IChsb2NhbGU6IExvY2FsZSkgPT4ge1xuICAgICAgb25DaGFuZ2UobG9jYWxlKVxuICAgICAgc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKVxuICAgIH1cbiAgICBjb25zdCBoYW5kbGVTaG93TG9jYWxCdXR0b24gPSAoKSA9PiB7XG4gICAgICBpZiAoIWRpc2FibGVkKSBzZXRTaG93TG9jYWxlTW9kYWwodHJ1ZSlcbiAgICB9XG4gICAgY29uc3QgTEFSR0VfVEhSRVNIT0xEID0gOSAvLyBtaW5pbXVtIG51bWJlciBvZiBsb2NhbGVzIGJlZm9yZSBzdXBwb3J0aW5nIDMgY29sdW1uc1xuICAgIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gICAgY29uc3Qgc2l6ZXMgPSB7IHM6ICdmdWxsc2NyZWVuJywgbTogJzU2MHB4JywgbDogJzU2MHB4JywgeGw6IGxhcmdlU2l6ZSwgeHhsOiBsYXJnZVNpemUgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxMaW5rQnV0dG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICA8TG9jYWxlRmxhZ1xuICAgICAgICAgICAgICBsb2NhbGU9e2N1cnJlbnRMb2NhbGV9XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgaWNvbkFsaWduPVwicmlnaHRcIlxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNob3dMb2NhbEJ1dHRvbn1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbCAmJiBsYWJlbH1cbiAgICAgICAgPC9MaW5rQnV0dG9uPlxuICAgICAgICA8TW9kYWxcbiAgICAgICAgICBoZWFkaW5nPXtsYWJlbH1cbiAgICAgICAgICBpc09wZW49e3Nob3dMb2NhbGVNb2RhbH1cbiAgICAgICAgICBzaG91bGRDbG9zZU9uRXNjPXt0cnVlfVxuICAgICAgICAgIG9uUmVxdWVzdENsb3NlPXsoKSA9PiBzZXRTaG93TG9jYWxlTW9kYWwoZmFsc2UpfVxuICAgICAgICAgIHJlbmRlcldoZW5DbG9zZWQ9e3JlbmRlcldoZW5DbG9zZWR9XG4gICAgICAgICAgc2l6ZXM9e3NpemVzfVxuICAgICAgICAgIG5vQ29udGVudFBhZGRpbmdcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAyO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICR7bG9jYWxlcy5sZW5ndGggPj0gTEFSR0VfVEhSRVNIT0xEICYmXG4gICAgICAgICAgICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCd4bCcpYFxuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMztcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8TG9jYWxlT3B0aW9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVDaGFuZ2VMb2NhbGUobG9jYWxlKX1cbiAgICAgICAgICAgICAgICAgIGtleT17bG9jYWxlfVxuICAgICAgICAgICAgICAgICAgbG9jYWxlPXtsb2NhbGV9XG4gICAgICAgICAgICAgICAgICBsYWJlbD17bG9jYWxlRGF0YVtsb2NhbGVdLm5hdGl2ZU5hbWV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvTW9kYWw+XG4gICAgICA8Lz5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgTG9jYWxlU2VsZWN0b3JcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
+  locales = _reactComponents.locales,
+  label = 'Website and language',
+  currentLocale,
+  renderWhenClosed = true,
+  onChange,
+  disabled = false,
+  className
+}, _ref) => {
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showLocaleModal = _useState2[0],
+    setShowLocaleModal = _useState2[1];
+  const handleChangeLocale = locale => {
+    onChange(locale);
+    setShowLocaleModal(false);
+  };
+  const handleShowLocalButton = () => {
+    if (!disabled) setShowLocaleModal(true);
+  };
+  const LARGE_THRESHOLD = 9; // minimum number of locales before supporting 3 columns
+  const largeSize = locales.length >= LARGE_THRESHOLD ? '840px' : '560px';
+  const sizes = {
+    s: 'fullscreen',
+    m: '560px',
+    l: '560px',
+    xl: largeSize,
+    xxl: largeSize
+  };
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_reactComponents.LinkButton, {
+    css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleSelector;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFByb3BzV2l0aENoaWxkcmVuLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rQnV0dG9uLCBMb2NhbGUsIGxvY2FsZURhdGEsIExvY2FsZUZsYWcsIGxvY2FsZXMgYXMgYWxsTG9jYWxlcyB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBNb2RhbCwgTW9kYWxQcm9wcyB9IGZyb20gJ0BkZmRzLXVpL21vZGFsJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTG9jYWxlT3B0aW9uIGZyb20gJy4vTG9jYWxlT3B0aW9uJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExvY2FsZVNlbGVjdG9yUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjxcbiAge1xuICAgIC8qKlxuICAgICAqIFByb3ZpZGUgbGltaXRlZCBzZXQgb2YgbG9jYWxlcyB0byBjaG9vc2UgZnJvbVxuICAgICAqL1xuICAgIGxvY2FsZXM/OiBSZWFkb25seUFycmF5PExvY2FsZT5cbiAgICAvKipcbiAgICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICAgKiB3ZWxsIGFzIGluIHRoZSBoZWFkaW5nIG9mIHRoZSBzZWxlY3RvclxuICAgICAqL1xuICAgIGxhYmVsPzogc3RyaW5nXG4gICAgLyoqXG4gICAgICogQ3VycmVudCBsb2NhbGUgb2YgdGhlIGFwcGxpY2F0aW9uXG4gICAgICovXG4gICAgY3VycmVudExvY2FsZTogTG9jYWxlXG4gICAgLyoqIENhbGxiYWNrIGZ1bmN0aW9uIHRoYXQgZmlyZXMgd2l0aCBsb2NhbGUgYXMgYW4gYXJndW1lbnQgKi9cbiAgICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gICAgLyoqIERpc2FibGVkIHZpc3VhbCBhcHBlYXJhbmNlIGFuZCBpbnRlcmFjdGlvbiBkaXNhYmxlZC4gKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgICAvKipcbiAgICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICB9ICYgUGljazxNb2RhbFByb3BzLCAncmVuZGVyV2hlbkNsb3NlZCc+XG4+XG5cbi8qKlxuICogQSBjb21wb25lbnQgdG8gZGlzcGxheSBhIG1vZGFsIHdpbmRvdyB3aGVyZSB0aGUgdXNlciBjYW4gc2VsZWN0IGEgbG9jYWxlLlxuICovXG5leHBvcnQgY29uc3QgTG9jYWxlU2VsZWN0b3IgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbG9jYWxlcyA9IGFsbExvY2FsZXMsXG4gICAgICBsYWJlbCA9ICdXZWJzaXRlIGFuZCBsYW5ndWFnZScsXG4gICAgICBjdXJyZW50TG9jYWxlLFxuICAgICAgcmVuZGVyV2hlbkNsb3NlZCA9IHRydWUsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgfTogTG9jYWxlU2VsZWN0b3JQcm9wcyxcbiAgICBfcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IFtzaG93TG9jYWxlTW9kYWwsIHNldFNob3dMb2NhbGVNb2RhbF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZUxvY2FsZSA9IChsb2NhbGU6IExvY2FsZSkgPT4ge1xuICAgICAgb25DaGFuZ2UobG9jYWxlKVxuICAgICAgc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKVxuICAgIH1cbiAgICBjb25zdCBoYW5kbGVTaG93TG9jYWxCdXR0b24gPSAoKSA9PiB7XG4gICAgICBpZiAoIWRpc2FibGVkKSBzZXRTaG93TG9jYWxlTW9kYWwodHJ1ZSlcbiAgICB9XG4gICAgY29uc3QgTEFSR0VfVEhSRVNIT0xEID0gOSAvLyBtaW5pbXVtIG51bWJlciBvZiBsb2NhbGVzIGJlZm9yZSBzdXBwb3J0aW5nIDMgY29sdW1uc1xuICAgIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gICAgY29uc3Qgc2l6ZXMgPSB7IHM6ICdmdWxsc2NyZWVuJywgbTogJzU2MHB4JywgbDogJzU2MHB4JywgeGw6IGxhcmdlU2l6ZSwgeHhsOiBsYXJnZVNpemUgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxMaW5rQnV0dG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICA8TG9jYWxlRmxhZ1xuICAgICAgICAgICAgICBsb2NhbGU9e2N1cnJlbnRMb2NhbGV9XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgaWNvbkFsaWduPVwicmlnaHRcIlxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNob3dMb2NhbEJ1dHRvbn1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbCAmJiBsYWJlbH1cbiAgICAgICAgPC9MaW5rQnV0dG9uPlxuICAgICAgICA8TW9kYWxcbiAgICAgICAgICBoZWFkaW5nPXtsYWJlbH1cbiAgICAgICAgICBpc09wZW49e3Nob3dMb2NhbGVNb2RhbH1cbiAgICAgICAgICBzaG91bGRDbG9zZU9uRXNjPXt0cnVlfVxuICAgICAgICAgIG9uUmVxdWVzdENsb3NlPXsoKSA9PiBzZXRTaG93TG9jYWxlTW9kYWwoZmFsc2UpfVxuICAgICAgICAgIHJlbmRlcldoZW5DbG9zZWQ9e3JlbmRlcldoZW5DbG9zZWR9XG4gICAgICAgICAgc2l6ZXM9e3NpemVzfVxuICAgICAgICAgIG5vQ29udGVudFBhZGRpbmdcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAyO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICR7bG9jYWxlcy5sZW5ndGggPj0gTEFSR0VfVEhSRVNIT0xEICYmXG4gICAgICAgICAgICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCd4bCcpYFxuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMztcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8TG9jYWxlT3B0aW9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVDaGFuZ2VMb2NhbGUobG9jYWxlKX1cbiAgICAgICAgICAgICAgICAgIGtleT17bG9jYWxlfVxuICAgICAgICAgICAgICAgICAgbG9jYWxlPXtsb2NhbGV9XG4gICAgICAgICAgICAgICAgICBsYWJlbD17bG9jYWxlRGF0YVtsb2NhbGVdLm5hdGl2ZU5hbWV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvTW9kYWw+XG4gICAgICA8Lz5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgTG9jYWxlU2VsZWN0b3JcbiJdfQ== */"),
+    size: "small",
+    disabled: disabled,
+    icon: (0, _react2.jsx)(_reactComponents.LocaleFlag, {
+      locale: currentLocale,
+      css: _ref2
+    }),
+    iconAlign: "right",
+    onClick: handleShowLocalButton,
+    className: className
+  }, label && label), (0, _react2.jsx)(_modal.Modal, {
+    heading: label,
+    isOpen: showLocaleModal,
+    shouldCloseOnEsc: true,
+    onRequestClose: () => setShowLocaleModal(false),
+    renderWhenClosed: renderWhenClosed,
+    sizes: sizes,
+    noContentPadding: true
+  }, (0, _react2.jsx)("div", {
+    css: /*#__PURE__*/(0, _react2.css)("padding:0.5rem;column-count:1;@media (min-width: 480px){column-count:2;}", locales.length >= LARGE_THRESHOLD && _theme.media.greaterThan('xl')`
+                column-count: 3;
+              `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleSelector;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFByb3BzV2l0aENoaWxkcmVuLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rQnV0dG9uLCBMb2NhbGUsIGxvY2FsZURhdGEsIExvY2FsZUZsYWcsIGxvY2FsZXMgYXMgYWxsTG9jYWxlcyB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBNb2RhbCwgTW9kYWxQcm9wcyB9IGZyb20gJ0BkZmRzLXVpL21vZGFsJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTG9jYWxlT3B0aW9uIGZyb20gJy4vTG9jYWxlT3B0aW9uJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExvY2FsZVNlbGVjdG9yUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjxcbiAge1xuICAgIC8qKlxuICAgICAqIFByb3ZpZGUgbGltaXRlZCBzZXQgb2YgbG9jYWxlcyB0byBjaG9vc2UgZnJvbVxuICAgICAqL1xuICAgIGxvY2FsZXM/OiBSZWFkb25seUFycmF5PExvY2FsZT5cbiAgICAvKipcbiAgICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICAgKiB3ZWxsIGFzIGluIHRoZSBoZWFkaW5nIG9mIHRoZSBzZWxlY3RvclxuICAgICAqL1xuICAgIGxhYmVsPzogc3RyaW5nXG4gICAgLyoqXG4gICAgICogQ3VycmVudCBsb2NhbGUgb2YgdGhlIGFwcGxpY2F0aW9uXG4gICAgICovXG4gICAgY3VycmVudExvY2FsZTogTG9jYWxlXG4gICAgLyoqIENhbGxiYWNrIGZ1bmN0aW9uIHRoYXQgZmlyZXMgd2l0aCBsb2NhbGUgYXMgYW4gYXJndW1lbnQgKi9cbiAgICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gICAgLyoqIERpc2FibGVkIHZpc3VhbCBhcHBlYXJhbmNlIGFuZCBpbnRlcmFjdGlvbiBkaXNhYmxlZC4gKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgICAvKipcbiAgICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICB9ICYgUGljazxNb2RhbFByb3BzLCAncmVuZGVyV2hlbkNsb3NlZCc+XG4+XG5cbi8qKlxuICogQSBjb21wb25lbnQgdG8gZGlzcGxheSBhIG1vZGFsIHdpbmRvdyB3aGVyZSB0aGUgdXNlciBjYW4gc2VsZWN0IGEgbG9jYWxlLlxuICovXG5leHBvcnQgY29uc3QgTG9jYWxlU2VsZWN0b3IgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbG9jYWxlcyA9IGFsbExvY2FsZXMsXG4gICAgICBsYWJlbCA9ICdXZWJzaXRlIGFuZCBsYW5ndWFnZScsXG4gICAgICBjdXJyZW50TG9jYWxlLFxuICAgICAgcmVuZGVyV2hlbkNsb3NlZCA9IHRydWUsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgfTogTG9jYWxlU2VsZWN0b3JQcm9wcyxcbiAgICBfcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IFtzaG93TG9jYWxlTW9kYWwsIHNldFNob3dMb2NhbGVNb2RhbF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZUxvY2FsZSA9IChsb2NhbGU6IExvY2FsZSkgPT4ge1xuICAgICAgb25DaGFuZ2UobG9jYWxlKVxuICAgICAgc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKVxuICAgIH1cbiAgICBjb25zdCBoYW5kbGVTaG93TG9jYWxCdXR0b24gPSAoKSA9PiB7XG4gICAgICBpZiAoIWRpc2FibGVkKSBzZXRTaG93TG9jYWxlTW9kYWwodHJ1ZSlcbiAgICB9XG4gICAgY29uc3QgTEFSR0VfVEhSRVNIT0xEID0gOSAvLyBtaW5pbXVtIG51bWJlciBvZiBsb2NhbGVzIGJlZm9yZSBzdXBwb3J0aW5nIDMgY29sdW1uc1xuICAgIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gICAgY29uc3Qgc2l6ZXMgPSB7IHM6ICdmdWxsc2NyZWVuJywgbTogJzU2MHB4JywgbDogJzU2MHB4JywgeGw6IGxhcmdlU2l6ZSwgeHhsOiBsYXJnZVNpemUgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxMaW5rQnV0dG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICA8TG9jYWxlRmxhZ1xuICAgICAgICAgICAgICBsb2NhbGU9e2N1cnJlbnRMb2NhbGV9XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgaWNvbkFsaWduPVwicmlnaHRcIlxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNob3dMb2NhbEJ1dHRvbn1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbCAmJiBsYWJlbH1cbiAgICAgICAgPC9MaW5rQnV0dG9uPlxuICAgICAgICA8TW9kYWxcbiAgICAgICAgICBoZWFkaW5nPXtsYWJlbH1cbiAgICAgICAgICBpc09wZW49e3Nob3dMb2NhbGVNb2RhbH1cbiAgICAgICAgICBzaG91bGRDbG9zZU9uRXNjPXt0cnVlfVxuICAgICAgICAgIG9uUmVxdWVzdENsb3NlPXsoKSA9PiBzZXRTaG93TG9jYWxlTW9kYWwoZmFsc2UpfVxuICAgICAgICAgIHJlbmRlcldoZW5DbG9zZWQ9e3JlbmRlcldoZW5DbG9zZWR9XG4gICAgICAgICAgc2l6ZXM9e3NpemVzfVxuICAgICAgICAgIG5vQ29udGVudFBhZGRpbmdcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAyO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICR7bG9jYWxlcy5sZW5ndGggPj0gTEFSR0VfVEhSRVNIT0xEICYmXG4gICAgICAgICAgICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCd4bCcpYFxuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMztcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8TG9jYWxlT3B0aW9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVDaGFuZ2VMb2NhbGUobG9jYWxlKX1cbiAgICAgICAgICAgICAgICAgIGtleT17bG9jYWxlfVxuICAgICAgICAgICAgICAgICAgbG9jYWxlPXtsb2NhbGV9XG4gICAgICAgICAgICAgICAgICBsYWJlbD17bG9jYWxlRGF0YVtsb2NhbGVdLm5hdGl2ZU5hbWV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvTW9kYWw+XG4gICAgICA8Lz5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgTG9jYWxlU2VsZWN0b3JcbiJdfQ== */")
+  }, locales.map(locale => {
+    return (0, _react2.jsx)(_LocaleOption.default, {
+      onClick: () => handleChangeLocale(locale),
+      key: locale,
+      locale: locale,
+      label: _reactComponents.localeData[locale].nativeName
+    });
+  }))));
+});
+exports.LocaleSelector = LocaleSelector;
+var _default = LocaleSelector;
+exports.default = _default;

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

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

package/cjs/locale-selector/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LocaleSelector = require("./LocaleSelector");
+Object.keys(_LocaleSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LocaleSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LocaleSelector[key];
+    }
+  });
+});

package/cjs/swiper/Swiper.d.ts

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

package/cjs/swiper/Swiper.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Swiper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _flexbox = require("@dfds-ui/react-components/flexbox");
+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: "g2i3t9",
+  styles: "align-items:stretch;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
+} : {
+  name: "kuqot3-Swiper",
+  styles: "align-items:stretch;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;};label:Swiper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpcGVyL1N3aXBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIFN3aXBlclByb3BzID0gUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuZXhwb3J0IGNvbnN0IFN3aXBlciA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogU3dpcGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIG92ZXJmbG93LXg6IHNjcm9sbDtcbiAgICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG5cbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const Swiper = ({
+  className,
+  children
+}) => {
+  return (0, _react2.jsx)(_flexbox.FlexBox, {
+    className: className,
+    css: _ref
+  }, children);
+};
+exports.Swiper = Swiper;

package/cjs/swiper/SwiperCard.d.ts

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

package/cjs/swiper/SwiperCard.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwiperCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _flexbox = require("@dfds-ui/react-components/flexbox");
+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: "1re1v57",
+  styles: "min-width:80%"
+} : {
+  name: "sgtqui-SwiperCard",
+  styles: "min-width:80%;label:SwiperCard;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N3aXBlci9Td2lwZXJDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3dpcGVyQ2FyZFByb3BzID0gUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuZXhwb3J0IGNvbnN0IFN3aXBlckNhcmQgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFN3aXBlckNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4td2lkdGg6IDgwJTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const SwiperCard = ({
+  className,
+  children
+}) => {
+  return (0, _react2.jsx)(_flexbox.FlexBox, {
+    className: className,
+    css: _ref
+  }, children);
+};
+exports.SwiperCard = SwiperCard;

package/cjs/swiper/index.d.ts

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

package/cjs/swiper/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Swiper = require("./Swiper");
+Object.keys(_Swiper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Swiper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Swiper[key];
+    }
+  });
+});
+var _SwiperCard = require("./SwiperCard");
+Object.keys(_SwiperCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SwiperCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SwiperCard[key];
+    }
+  });
+});

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<({ activeRow, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
+export default TableBody;

package/dynamic-table/Body/TableBody.js

@@ -0,0 +1,45 @@
+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 activeRow = _ref.activeRow,
+    headerRow = _ref.headerRow,
+    onClickRow = _ref.onClickRow,
+    onSelectRow = _ref.onSelectRow,
+    rows = _ref.rows,
+    selectableRows = _ref.selectableRows,
+    selectedRows = _ref.selectedRows;
+  // update state and callback functions
+  var updateSelectedRows = useCallback(function (id) {
+    if (onSelectRow && selectableRows) {
+      var selection = _toConsumableArray(selectedRows);
+      if (selectedRows.includes(id)) {
+        var index = selectedRows.indexOf(id);
+        if (index !== -1) selection.splice(index, 1);
+        onSelectRow(selection);
+      } else {
+        selection.push(id);
+        onSelectRow(selection);
+      }
+    }
+  }, [selectableRows, selectedRows]);
+  return ___EmotionJSX("tbody", null, rows.map(function (row, index) {
+    return ___EmotionJSX(TableRow, {
+      headerRow: headerRow,
+      isActive: activeRow ? row.id === activeRow : false,
+      key: index,
+      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 = {
+    activeRow?: string;
+    headerRow: Header[];
+    onClickRow?: (id: string) => void;
+    onSelectRow?: (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, headerCell }: TableCellProps) => JSX.Element>;
+export default TableCell;

package/dynamic-table/Body/TableCell.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { tableCellStyles } from './TableCell.styles';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var TableCell = /*#__PURE__*/React.memo(function (_ref) {
+  var children = _ref.children,
+    headerCell = _ref.headerCell;
+  return ___EmotionJSX("td", {
+    css: tableCellStyles({
+      align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
+      customWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
+    }),
+    "data-cy": "dynamic-table-cell-".concat(headerCell === null || headerCell === void 0 ? void 0 : headerCell.key)
+  }, children);
+});
+export default TableCell;

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

@@ -0,0 +1,8 @@
+export declare const genericTableCellStyles: import("@emotion/utils").SerializedStyles;
+declare type TableCellProps = {
+    align?: 'center' | 'left' | 'right';
+    customWidth?: string;
+};
+export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableCellCheckboxStyles: import("@emotion/utils").SerializedStyles;
+export {};

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

@@ -0,0 +1,15 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+export var genericTableCellStyles = /*#__PURE__*/css("padding:0 ", theme.spacing.xs, ";&:first-of-type{padding-left:", theme.spacing.s, ";}&:last-of-type{padding-right:", theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGVzID0gY3NzYFxuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY3VzdG9tV2lkdGg/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbFN0eWxlcyA9ICh7IGFsaWduLCBjdXN0b21XaWR0aCB9OiBUYWJsZUNlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxDaGVja2JveFN0eWxlcyA9IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuYFxuIl19 */");
+export var tableCellStyles = function tableCellStyles(_ref) {
+  var align = _ref.align,
+    customWidth = _ref.customWidth;
+  return /*#__PURE__*/css(_objectSpread({}, genericTableCellStyles), " min-width:", customWidth || 'auto', ";text-align:", align || 'left', ";width:", customWidth || 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsQ2hlY2tib3hTdHlsZXMgPSBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");
+};
+export var tableCellCheckboxStyles = /*#__PURE__*/css(_objectSpread({}, genericTableCellStyles), " max-width:40px;width:40px;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellCheckboxStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsQ2hlY2tib3hTdHlsZXMgPSBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Header } from '../DynamicTable.types';
+export declare type TableCellProps = {
+    children: React.ReactNode;
+    headerCell?: Header;
+};

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,44 @@
+import React from 'react';
+import { Checkbox } from '@dfds-ui/forms';
+import TableCell from './TableCell';
+import { tableCellCheckboxStyles } from './TableCell.styles';
+import { tableRowStyles } 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("tr", {
+    css: tableRowStyles({
+      active: isActive,
+      hoverColor: !!onClickRow
+    }),
+    className: row.className,
+    onClick: function onClick() {
+      return onClickRow && onClickRow(row.id ? String(row.id) : '');
+    }
+  }, selectableRows && row.id && ___EmotionJSX("td", {
+    css: tableCellCheckboxStyles
+  }, ___EmotionJSX(Checkbox, {
+    checked: selectedRows.includes(row.id),
+    name: row.id,
+    onChange: function onChange() {
+      if (!row.id) return;
+      onSelectRow(row.id);
+    },
+    onLabelClick: function onLabelClick(e) {
+      e.stopPropagation();
+    },
+    visualSize: "small"
+  })), headerRow.map(function (headerCell, index) {
+    return ___EmotionJSX(TableCell, {
+      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,7 @@
+export declare const genericTableRowStyles: import("@emotion/utils").SerializedStyles;
+declare type TableRowProps = {
+    active?: boolean;
+    hoverColor: boolean;
+};
+export declare const tableRowStyles: ({ active, hoverColor }: TableRowProps) => import("@emotion/utils").SerializedStyles;
+export {};

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

@@ -0,0 +1,14 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+export var genericTableRowStyles = /*#__PURE__*/css("border-bottom:1px solid ", theme.colors.surface.secondary, ";border-collapse:collapse;height:48px;" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableRowStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlUm93U3R5bGVzID0gY3NzYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBoZWlnaHQ6IDQ4cHg7XG5gXG5cbnR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBob3ZlckNvbG9yOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgaG92ZXJDb2xvciB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgIGB9O1xuICB9XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuIl19 */");
+export var tableRowStyles = function tableRowStyles(_ref) {
+  var active = _ref.active,
+    hoverColor = _ref.hoverColor;
+  return /*#__PURE__*/css(_objectSpread({}, genericTableRowStyles), " &:hover{", hoverColor && "\n      background-color: ".concat(theme.colors.surface.secondary, ";\n      cursor: ").concat(hoverColor && 'pointer', ";\n    "), ";}", active && "\n    background-color: ".concat(theme.colors.divider.dark, ";\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjNEUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlUm93U3R5bGVzID0gY3NzYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBoZWlnaHQ6IDQ4cHg7XG5gXG5cbnR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBob3ZlckNvbG9yOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgaG92ZXJDb2xvciB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgIGB9O1xuICB9XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuIl19 */");
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DynamicTableProps } from './DynamicTable.types';
+declare const _default: React.NamedExoticComponent<DynamicTableProps>;
+export default _default;

package/dynamic-table/DynamicTable.js

@@ -0,0 +1,77 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import TableBody from './Body/TableBody';
+import { tableStyles, tableWrapperStyles } from './DynamicTable.styles';
+import TableHead from './Head/TableHead';
+import createSkeletonRows from './Skeleton/helpers/createSkeletonRows';
+import { fadeStyles } from './Skeleton/SkeletonTable.styles';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var DynamicTable = function DynamicTable(_ref) {
+  var activeRow = _ref.activeRow,
+    descending = _ref.descending,
+    height = _ref.height,
+    headerRow = _ref.headerRow,
+    isLoading = _ref.isLoading,
+    onClickRow = _ref.onClickRow,
+    onSelectRow = _ref.onSelectRow,
+    onSort = _ref.onSort,
+    rows = _ref.rows,
+    _ref$selectedRows = _ref.selectedRows,
+    selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
+    sortingBy = _ref.sortingBy,
+    stickyHeader = _ref.stickyHeader;
+  // states
+  var _useState = useState(sortingBy || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortByKeyValue = _useState2[0],
+    setSortByKeyValue = _useState2[1];
+  var _useState3 = useState(sortingBy && descending || false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sortDescending = _useState4[0],
+    setSortDescending = _useState4[1];
+  var selectableRows = !!onSelectRow;
+  var skeletonRows = useMemo(function () {
+    return createSkeletonRows(headerRow);
+  }, [headerRow]);
+  useEffect(function () {
+    if (onSort) {
+      onSort(sortByKeyValue, sortDescending);
+    }
+  }, [sortDescending, onSort, sortByKeyValue]);
+  return ___EmotionJSX("div", {
+    css: tableWrapperStyles({
+      height: height
+    })
+  }, ___EmotionJSX("table", {
+    css: tableStyles,
+    "data-cy": !isLoading ? "dynamic-table-isLoaded" : ''
+  }, headerRow && ___EmotionJSX(TableHead, {
+    headerRow: headerRow,
+    onSelectRow: onSelectRow,
+    onSort: onSort,
+    rows: rows,
+    selectableRows: selectableRows,
+    selectedRows: selectedRows,
+    setSortDescending: setSortDescending,
+    setSortByKeyValue: setSortByKeyValue,
+    sortDescending: sortDescending,
+    sortByKeyValue: sortByKeyValue,
+    stickyHeader: stickyHeader
+  }), ___EmotionJSX(TableBody, {
+    activeRow: activeRow,
+    headerRow: headerRow,
+    onClickRow: onClickRow,
+    onSelectRow: onSelectRow,
+    rows: !isLoading ? rows : skeletonRows,
+    selectableRows: selectableRows,
+    selectedRows: selectedRows
+  })), isLoading && ___EmotionJSX("div", {
+    css: fadeStyles
+  }));
+};
+export default /*#__PURE__*/React.memo(DynamicTable);

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

@@ -0,0 +1,6 @@
+declare type TableWrapperProps = {
+    height?: string;
+};
+export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableStyles: import("@emotion/utils").SerializedStyles;
+export {};

package/dynamic-table/DynamicTable.styles.js

@@ -0,0 +1,7 @@
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+export var tableWrapperStyles = function tableWrapperStyles(_ref) {
+  var height = _ref.height;
+  return /*#__PURE__*/css("color:", theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", height && "\n    height: ".concat(height, ";\n    overflow-y: auto;\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93RSIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVdyYXBwZXJTdHlsZXMgPSAoeyBoZWlnaHQgfTogVGFibGVXcmFwcGVyUHJvcHMpID0+IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7aGVpZ2h0ICYmXG4gIGBcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */");
+};
+export var tableStyles = /*#__PURE__*/css("background-color:", theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgdGFibGVXcmFwcGVyU3R5bGVzID0gKHsgaGVpZ2h0IH06IFRhYmxlV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAke2hlaWdodCAmJlxuICBgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */");