@dfds-ui/experiences 2.2.0-alpha.e010e72f → 2.2.0-alpha.eac8b0de

package/cjs/locale-selector/LocaleSelector.js

@@ -10,14 +10,9 @@ var _modal = require("@dfds-ui/modal");
 var _react2 = require("@emotion/react");
 var _LocaleOption = _interopRequireDefault(require("./LocaleOption"));
 var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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(r) { if (Array.isArray(r)) return r; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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.
@@ -27,11 +22,10 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   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== */",
+  styles: "margin-left:0.5rem;font-size:1.25rem;label:LocaleSelector;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGlua0J1dHRvbiwgTG9jYWxlLCBsb2NhbGVEYXRhLCBMb2NhbGVGbGFnLCBsb2NhbGVzIGFzIGFsbExvY2FsZXMgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgTW9kYWwsIE1vZGFsUHJvcHMgfSBmcm9tICdAZGZkcy11aS9tb2RhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExvY2FsZU9wdGlvbiBmcm9tICcuL0xvY2FsZU9wdGlvbidcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMb2NhbGVTZWxlY3RvclByb3BzID0ge1xuICAvKipcbiAgICogUHJvdmlkZSBsaW1pdGVkIHNldCBvZiBsb2NhbGVzIHRvIGNob29zZSBmcm9tXG4gICAqL1xuICBsb2NhbGVzPzogUmVhZG9ubHlBcnJheTxMb2NhbGU+XG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICogd2VsbCBhcyBpbiB0aGUgaGVhZGluZyBvZiB0aGUgc2VsZWN0b3JcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDdXJyZW50IGxvY2FsZSBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGN1cnJlbnRMb2NhbGU6IExvY2FsZVxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gdGhhdCBmaXJlcyB3aXRoIGxvY2FsZSBhcyBhbiBhcmd1bWVudCAqL1xuICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gIC8qKiBEaXNhYmxlZCB2aXN1YWwgYXBwZWFyYW5jZSBhbmQgaW50ZXJhY3Rpb24gZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufSAmIFBpY2s8TW9kYWxQcm9wcywgJ3JlbmRlcldoZW5DbG9zZWQnPlxuXG4vKipcbiAqIEEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBtb2RhbCB3aW5kb3cgd2hlcmUgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIGxvY2FsZS5cbiAqL1xuZXhwb3J0IGNvbnN0IExvY2FsZVNlbGVjdG9yID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGxvY2FsZXMgPSBhbGxMb2NhbGVzLFxuICAgICAgbGFiZWwgPSAnV2Vic2l0ZSBhbmQgbGFuZ3VhZ2UnLFxuICAgICAgY3VycmVudExvY2FsZSxcbiAgICAgIHJlbmRlcldoZW5DbG9zZWQgPSB0cnVlLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgIH06IExvY2FsZVNlbGVjdG9yUHJvcHMsXG4gICAgX3JlZlxuICApID0+IHtcbiAgICBjb25zdCBbc2hvd0xvY2FsZU1vZGFsLCBzZXRTaG93TG9jYWxlTW9kYWxdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICAgIG9uQ2hhbmdlKGxvY2FsZSlcbiAgICAgIHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSlcbiAgICB9XG4gICAgY29uc3QgaGFuZGxlU2hvd0xvY2FsQnV0dG9uID0gKCkgPT4ge1xuICAgICAgaWYgKCFkaXNhYmxlZCkgc2V0U2hvd0xvY2FsZU1vZGFsKHRydWUpXG4gICAgfVxuICAgIGNvbnN0IExBUkdFX1RIUkVTSE9MRCA9IDkgLy8gbWluaW11bSBudW1iZXIgb2YgbG9jYWxlcyBiZWZvcmUgc3VwcG9ydGluZyAzIGNvbHVtbnNcbiAgICBjb25zdCBsYXJnZVNpemUgPSBsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgPyAnODQwcHgnIDogJzU2MHB4J1xuICAgIGNvbnN0IHNpemVzID0geyBzOiAnZnVsbHNjcmVlbicsIG06ICc1NjBweCcsIGw6ICc1NjBweCcsIHhsOiBsYXJnZVNpemUsIHh4bDogbGFyZ2VTaXplIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8TGlua0J1dHRvblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExvY2FsZUZsYWdcbiAgICAgICAgICAgICAgbG9jYWxlPXtjdXJyZW50TG9jYWxlfVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVTaG93TG9jYWxCdXR0b259XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWwgJiYgbGFiZWx9XG4gICAgICAgIDwvTGlua0J1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaGVhZGluZz17bGFiZWx9XG4gICAgICAgICAgaXNPcGVuPXtzaG93TG9jYWxlTW9kYWx9XG4gICAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17dHJ1ZX1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKX1cbiAgICAgICAgICByZW5kZXJXaGVuQ2xvc2VkPXtyZW5kZXJXaGVuQ2xvc2VkfVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBub0NvbnRlbnRQYWRkaW5nXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDE7XG4gICAgICAgICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA0ODBweCkge1xuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAke2xvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCAmJlxuICAgICAgICAgICAgICBtZWRpYS5ncmVhdGVyVGhhbigneGwnKWBcbiAgICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDM7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPExvY2FsZU9wdGlvblxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTG9jYWxlKGxvY2FsZSl9XG4gICAgICAgICAgICAgICAgICBrZXk9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2xvY2FsZURhdGFbbG9jYWxlXS5uYXRpdmVOYW1lfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L01vZGFsPlxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2FsZVNlbGVjdG9yXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
+const LocaleSelector = exports.LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
   locales = _reactComponents.locales,
   label = 'Website and language',
   currentLocale,
@@ -40,10 +34,7 @@ const LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
   disabled = false,
   className
 }, _ref) => {
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showLocaleModal = _useState2[0],
-    setShowLocaleModal = _useState2[1];
+  const [showLocaleModal, setShowLocaleModal] = (0, _react.useState)(false);
   const handleChangeLocale = locale => {
     onChange(locale);
     setShowLocaleModal(false);
@@ -60,38 +51,40 @@ const LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
     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')`
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGlua0J1dHRvbiwgTG9jYWxlLCBsb2NhbGVEYXRhLCBMb2NhbGVGbGFnLCBsb2NhbGVzIGFzIGFsbExvY2FsZXMgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgTW9kYWwsIE1vZGFsUHJvcHMgfSBmcm9tICdAZGZkcy11aS9tb2RhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExvY2FsZU9wdGlvbiBmcm9tICcuL0xvY2FsZU9wdGlvbidcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMb2NhbGVTZWxlY3RvclByb3BzID0ge1xuICAvKipcbiAgICogUHJvdmlkZSBsaW1pdGVkIHNldCBvZiBsb2NhbGVzIHRvIGNob29zZSBmcm9tXG4gICAqL1xuICBsb2NhbGVzPzogUmVhZG9ubHlBcnJheTxMb2NhbGU+XG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICogd2VsbCBhcyBpbiB0aGUgaGVhZGluZyBvZiB0aGUgc2VsZWN0b3JcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDdXJyZW50IGxvY2FsZSBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGN1cnJlbnRMb2NhbGU6IExvY2FsZVxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gdGhhdCBmaXJlcyB3aXRoIGxvY2FsZSBhcyBhbiBhcmd1bWVudCAqL1xuICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gIC8qKiBEaXNhYmxlZCB2aXN1YWwgYXBwZWFyYW5jZSBhbmQgaW50ZXJhY3Rpb24gZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufSAmIFBpY2s8TW9kYWxQcm9wcywgJ3JlbmRlcldoZW5DbG9zZWQnPlxuXG4vKipcbiAqIEEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBtb2RhbCB3aW5kb3cgd2hlcmUgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIGxvY2FsZS5cbiAqL1xuZXhwb3J0IGNvbnN0IExvY2FsZVNlbGVjdG9yID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGxvY2FsZXMgPSBhbGxMb2NhbGVzLFxuICAgICAgbGFiZWwgPSAnV2Vic2l0ZSBhbmQgbGFuZ3VhZ2UnLFxuICAgICAgY3VycmVudExvY2FsZSxcbiAgICAgIHJlbmRlcldoZW5DbG9zZWQgPSB0cnVlLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgIH06IExvY2FsZVNlbGVjdG9yUHJvcHMsXG4gICAgX3JlZlxuICApID0+IHtcbiAgICBjb25zdCBbc2hvd0xvY2FsZU1vZGFsLCBzZXRTaG93TG9jYWxlTW9kYWxdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICAgIG9uQ2hhbmdlKGxvY2FsZSlcbiAgICAgIHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSlcbiAgICB9XG4gICAgY29uc3QgaGFuZGxlU2hvd0xvY2FsQnV0dG9uID0gKCkgPT4ge1xuICAgICAgaWYgKCFkaXNhYmxlZCkgc2V0U2hvd0xvY2FsZU1vZGFsKHRydWUpXG4gICAgfVxuICAgIGNvbnN0IExBUkdFX1RIUkVTSE9MRCA9IDkgLy8gbWluaW11bSBudW1iZXIgb2YgbG9jYWxlcyBiZWZvcmUgc3VwcG9ydGluZyAzIGNvbHVtbnNcbiAgICBjb25zdCBsYXJnZVNpemUgPSBsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgPyAnODQwcHgnIDogJzU2MHB4J1xuICAgIGNvbnN0IHNpemVzID0geyBzOiAnZnVsbHNjcmVlbicsIG06ICc1NjBweCcsIGw6ICc1NjBweCcsIHhsOiBsYXJnZVNpemUsIHh4bDogbGFyZ2VTaXplIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8TGlua0J1dHRvblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExvY2FsZUZsYWdcbiAgICAgICAgICAgICAgbG9jYWxlPXtjdXJyZW50TG9jYWxlfVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVTaG93TG9jYWxCdXR0b259XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWwgJiYgbGFiZWx9XG4gICAgICAgIDwvTGlua0J1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaGVhZGluZz17bGFiZWx9XG4gICAgICAgICAgaXNPcGVuPXtzaG93TG9jYWxlTW9kYWx9XG4gICAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17dHJ1ZX1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKX1cbiAgICAgICAgICByZW5kZXJXaGVuQ2xvc2VkPXtyZW5kZXJXaGVuQ2xvc2VkfVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBub0NvbnRlbnRQYWRkaW5nXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDE7XG4gICAgICAgICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA0ODBweCkge1xuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAke2xvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCAmJlxuICAgICAgICAgICAgICBtZWRpYS5ncmVhdGVyVGhhbigneGwnKWBcbiAgICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDM7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPExvY2FsZU9wdGlvblxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTG9jYWxlKGxvY2FsZSl9XG4gICAgICAgICAgICAgICAgICBrZXk9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2xvY2FsZURhdGFbbG9jYWxlXS5uYXRpdmVOYW1lfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L01vZGFsPlxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2FsZVNlbGVjdG9yXG4iXX0= */"),
+      size: "small",
+      disabled: disabled,
+      icon: (0, _jsxRuntime.jsx)(_reactComponents.LocaleFlag, {
+        locale: currentLocale,
+        css: _ref2
+      }),
+      iconAlign: "right",
+      onClick: handleShowLocalButton,
+      className: className,
+      children: label && label
+    }), (0, _jsxRuntime.jsx)(_modal.Modal, {
+      heading: label,
+      isOpen: showLocaleModal,
+      shouldCloseOnEsc: true,
+      onRequestClose: () => setShowLocaleModal(false),
+      renderWhenClosed: renderWhenClosed,
+      sizes: sizes,
+      noContentPadding: true,
+      children: (0, _jsxRuntime.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
-    });
-  }))));
+              `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleSelector;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGlua0J1dHRvbiwgTG9jYWxlLCBsb2NhbGVEYXRhLCBMb2NhbGVGbGFnLCBsb2NhbGVzIGFzIGFsbExvY2FsZXMgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgTW9kYWwsIE1vZGFsUHJvcHMgfSBmcm9tICdAZGZkcy11aS9tb2RhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExvY2FsZU9wdGlvbiBmcm9tICcuL0xvY2FsZU9wdGlvbidcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMb2NhbGVTZWxlY3RvclByb3BzID0ge1xuICAvKipcbiAgICogUHJvdmlkZSBsaW1pdGVkIHNldCBvZiBsb2NhbGVzIHRvIGNob29zZSBmcm9tXG4gICAqL1xuICBsb2NhbGVzPzogUmVhZG9ubHlBcnJheTxMb2NhbGU+XG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICogd2VsbCBhcyBpbiB0aGUgaGVhZGluZyBvZiB0aGUgc2VsZWN0b3JcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDdXJyZW50IGxvY2FsZSBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGN1cnJlbnRMb2NhbGU6IExvY2FsZVxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gdGhhdCBmaXJlcyB3aXRoIGxvY2FsZSBhcyBhbiBhcmd1bWVudCAqL1xuICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gIC8qKiBEaXNhYmxlZCB2aXN1YWwgYXBwZWFyYW5jZSBhbmQgaW50ZXJhY3Rpb24gZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufSAmIFBpY2s8TW9kYWxQcm9wcywgJ3JlbmRlcldoZW5DbG9zZWQnPlxuXG4vKipcbiAqIEEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBtb2RhbCB3aW5kb3cgd2hlcmUgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIGxvY2FsZS5cbiAqL1xuZXhwb3J0IGNvbnN0IExvY2FsZVNlbGVjdG9yID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGxvY2FsZXMgPSBhbGxMb2NhbGVzLFxuICAgICAgbGFiZWwgPSAnV2Vic2l0ZSBhbmQgbGFuZ3VhZ2UnLFxuICAgICAgY3VycmVudExvY2FsZSxcbiAgICAgIHJlbmRlcldoZW5DbG9zZWQgPSB0cnVlLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgIH06IExvY2FsZVNlbGVjdG9yUHJvcHMsXG4gICAgX3JlZlxuICApID0+IHtcbiAgICBjb25zdCBbc2hvd0xvY2FsZU1vZGFsLCBzZXRTaG93TG9jYWxlTW9kYWxdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICAgIG9uQ2hhbmdlKGxvY2FsZSlcbiAgICAgIHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSlcbiAgICB9XG4gICAgY29uc3QgaGFuZGxlU2hvd0xvY2FsQnV0dG9uID0gKCkgPT4ge1xuICAgICAgaWYgKCFkaXNhYmxlZCkgc2V0U2hvd0xvY2FsZU1vZGFsKHRydWUpXG4gICAgfVxuICAgIGNvbnN0IExBUkdFX1RIUkVTSE9MRCA9IDkgLy8gbWluaW11bSBudW1iZXIgb2YgbG9jYWxlcyBiZWZvcmUgc3VwcG9ydGluZyAzIGNvbHVtbnNcbiAgICBjb25zdCBsYXJnZVNpemUgPSBsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgPyAnODQwcHgnIDogJzU2MHB4J1xuICAgIGNvbnN0IHNpemVzID0geyBzOiAnZnVsbHNjcmVlbicsIG06ICc1NjBweCcsIGw6ICc1NjBweCcsIHhsOiBsYXJnZVNpemUsIHh4bDogbGFyZ2VTaXplIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8TGlua0J1dHRvblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExvY2FsZUZsYWdcbiAgICAgICAgICAgICAgbG9jYWxlPXtjdXJyZW50TG9jYWxlfVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVTaG93TG9jYWxCdXR0b259XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWwgJiYgbGFiZWx9XG4gICAgICAgIDwvTGlua0J1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaGVhZGluZz17bGFiZWx9XG4gICAgICAgICAgaXNPcGVuPXtzaG93TG9jYWxlTW9kYWx9XG4gICAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17dHJ1ZX1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKX1cbiAgICAgICAgICByZW5kZXJXaGVuQ2xvc2VkPXtyZW5kZXJXaGVuQ2xvc2VkfVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBub0NvbnRlbnRQYWRkaW5nXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDE7XG4gICAgICAgICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA0ODBweCkge1xuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAke2xvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCAmJlxuICAgICAgICAgICAgICBtZWRpYS5ncmVhdGVyVGhhbigneGwnKWBcbiAgICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDM7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPExvY2FsZU9wdGlvblxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTG9jYWxlKGxvY2FsZSl9XG4gICAgICAgICAgICAgICAgICBrZXk9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2xvY2FsZURhdGFbbG9jYWxlXS5uYXRpdmVOYW1lfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L01vZGFsPlxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2FsZVNlbGVjdG9yXG4iXX0= */"),
+        children: locales.map(locale => {
+          return (0, _jsxRuntime.jsx)(_LocaleOption.default, {
+            onClick: () => handleChangeLocale(locale),
+            locale: locale,
+            label: _reactComponents.localeData[locale].nativeName
+          }, locale);
+        })
+      })
+    })]
+  });
 });
-exports.LocaleSelector = LocaleSelector;
-var _default = LocaleSelector;
-exports.default = _default;
+var _default = exports.default = LocaleSelector;

package/cjs/locale-selector/index.js

@@ -9,7 +9,7 @@ Object.keys(_LocaleSelector).forEach(function (key) {
   if (key in exports && exports[key] === _LocaleSelector[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _LocaleSelector[key];
     }
   });

package/cjs/swiper/Swiper.d.ts

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

package/cjs/swiper/Swiper.js

@@ -7,6 +7,7 @@ exports.Swiper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _flexbox = require("@dfds-ui/react-components/flexbox");
 var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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" ? {
@@ -14,17 +15,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
   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= */",
+  styles: "align-items:stretch;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;};label:Swiper;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpcGVyL1N3aXBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIFN3aXBlclByb3BzID0geyBjbGFzc05hbWU/OiBzdHJpbmc7IGNoaWxkcmVuPzogUmVhY3ROb2RlIH1cblxuZXhwb3J0IGNvbnN0IFN3aXBlciA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogU3dpcGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIG92ZXJmbG93LXg6IHNjcm9sbDtcbiAgICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG5cbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const Swiper = ({
   className,
   children
 }) => {
-  return (0, _react2.jsx)(_flexbox.FlexBox, {
+  return (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
     className: className,
-    css: _ref
-  }, children);
+    css: _ref,
+    children: children
+  });
 };
 exports.Swiper = Swiper;

package/cjs/swiper/SwiperCard.d.ts

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

package/cjs/swiper/SwiperCard.js

@@ -7,6 +7,7 @@ exports.SwiperCard = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _flexbox = require("@dfds-ui/react-components/flexbox");
 var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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" ? {
@@ -14,17 +15,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "min-width:80%"
 } : {
   name: "sgtqui-SwiperCard",
-  styles: "min-width:80%;label:SwiperCard;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N3aXBlci9Td2lwZXJDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3dpcGVyQ2FyZFByb3BzID0gUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuZXhwb3J0IGNvbnN0IFN3aXBlckNhcmQgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFN3aXBlckNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4td2lkdGg6IDgwJTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
+  styles: "min-width:80%;label:SwiperCard;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N3aXBlci9Td2lwZXJDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3dpcGVyQ2FyZFByb3BzID0geyBjbGFzc05hbWU/OiBzdHJpbmc7IGNoaWxkcmVuPzogUmVhY3ROb2RlIH1cblxuZXhwb3J0IGNvbnN0IFN3aXBlckNhcmQgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFN3aXBlckNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4td2lkdGg6IDgwJTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const SwiperCard = ({
   className,
   children
 }) => {
-  return (0, _react2.jsx)(_flexbox.FlexBox, {
+  return (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
     className: className,
-    css: _ref
-  }, children);
+    css: _ref,
+    children: children
+  });
 };
 exports.SwiperCard = SwiperCard;

package/cjs/swiper/index.js

@@ -9,7 +9,7 @@ Object.keys(_Swiper).forEach(function (key) {
   if (key in exports && exports[key] === _Swiper[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Swiper[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_SwiperCard).forEach(function (key) {
   if (key in exports && exports[key] === _SwiperCard[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _SwiperCard[key];
     }
   });

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

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

package/dynamic-table/Body/TableBody.js

@@ -3,10 +3,10 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React, { useCallback } from 'react';
 import TableRowGroup from './TableRowGroup';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var TableBody = /*#__PURE__*/React.memo(function (_ref) {
   var activeRow = _ref.activeRow,
     expandable = _ref.expandable,
@@ -30,18 +30,19 @@ var TableBody = /*#__PURE__*/React.memo(function (_ref) {
       }
     }
   }, [selectableRows, selectedRows]);
-  return ___EmotionJSX("tbody", null, rows.map(function (row) {
-    return ___EmotionJSX(TableRowGroup, {
-      activeRow: activeRow,
-      expandable: expandable,
-      headerRow: headerRow,
-      key: row.id,
-      onClickRow: onClickRow,
-      onSelectRow: updateSelectedRows,
-      row: row,
-      selectableRows: selectableRows,
-      selectedRows: selectedRows
-    });
-  }));
+  return _jsx("tbody", {
+    children: rows.map(function (row) {
+      return _jsx(TableRowGroup, {
+        activeRow: activeRow,
+        expandable: expandable,
+        headerRow: headerRow,
+        onClickRow: onClickRow,
+        onSelectRow: updateSelectedRows,
+        row: row,
+        selectableRows: selectableRows,
+        selectedRows: selectedRows
+      }, row.id);
+    })
+  });
 });
 export default TableBody;

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

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableBodyProps = {
+export type TableBodyProps = {
     activeRow?: string;
     expandable?: boolean;
     headerRow: Header[];

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

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

package/dynamic-table/Body/TableCell.js

@@ -1,15 +1,16 @@
 import React from 'react';
 import { tableCellStyles } from './TableCell.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var TableCell = /*#__PURE__*/React.memo(function (_ref) {
   var children = _ref.children,
     headerCell = _ref.headerCell;
-  return ___EmotionJSX("td", {
+  return _jsx("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);
+    "data-cy": "dynamic-table-cell-".concat(headerCell === null || headerCell === void 0 ? void 0 : headerCell.key),
+    children: children
+  });
 });
 export default TableCell;

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

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

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

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

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

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

package/dynamic-table/Body/TableRow.js

@@ -4,7 +4,7 @@ import TableCell from './TableCell';
 import { tableCellCheckboxStyles, tableCellExpanderStyles } from './TableCell.styles';
 import { chevronStyles, tableRowStyles } from './TableRow.styles';
 import { ChevronRight } from '@dfds-ui/icons/system';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var TableRow = /*#__PURE__*/React.memo(function (_ref) {
   var _row$subRows;
   var expandable = _ref.expandable,
@@ -22,7 +22,7 @@ var TableRow = /*#__PURE__*/React.memo(function (_ref) {
     _ref$showExpander = _ref.showExpander,
     showExpander = _ref$showExpander === void 0 ? false : _ref$showExpander;
   var hasSubRows = (((_row$subRows = row.subRows) === null || _row$subRows === void 0 ? void 0 : _row$subRows.length) || 0) > 0;
-  return ___EmotionJSX("tr", {
+  return _jsxs("tr", {
     css: tableRowStyles({
       active: isActive,
       expanded: isExpanded,
@@ -34,38 +34,41 @@ var TableRow = /*#__PURE__*/React.memo(function (_ref) {
     "data-row-type": isSubRow ? 'sub-row' : 'row',
     onClick: function onClick() {
       return onClickRow && onClickRow(row.id ? String(row.id) : '');
-    }
-  }, expandable && ___EmotionJSX("td", {
-    css: tableCellExpanderStyles(showExpander),
-    onClick: function onClick(e) {
-      if (!showExpander) return;
-      e.stopPropagation();
-      setIsExpanded(function (prev) {
-        return !prev;
-      });
-    }
-  }, hasSubRows ? ___EmotionJSX(ChevronRight, {
-    css: chevronStyles({
-      expanded: isExpanded
-    })
-  }) : null), 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] || '-');
-  }));
+    children: [expandable && _jsx("td", {
+      css: tableCellExpanderStyles(showExpander),
+      onClick: function onClick(e) {
+        if (!showExpander) return;
+        e.stopPropagation();
+        setIsExpanded(function (prev) {
+          return !prev;
+        });
+      },
+      children: hasSubRows ? _jsx(ChevronRight, {
+        css: chevronStyles({
+          expanded: isExpanded
+        })
+      }) : null
+    }), selectableRows && row.id && _jsx("td", {
+      css: tableCellCheckboxStyles,
+      children: _jsx(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 _jsx(TableCell, {
+        headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
+        children: row[headerCell.key] || '-'
+      }, index);
+    })]
+  });
 });
 export default TableRow;

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

@@ -1,6 +1,6 @@
 import { ChevronProps } from './TableRow.types';
 export declare const genericTableRowStyles: import("@emotion/utils").SerializedStyles;
-declare type TableRowProps = {
+type TableRowProps = {
     active?: boolean;
     expanded: boolean;
     hoverColor: boolean;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableRowProps = {
+export type TableRowProps = {
     expandable?: boolean;
     headerRow: Header[];
     isActive: boolean;
@@ -14,6 +13,6 @@ export declare type TableRowProps = {
     setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     showExpander?: boolean;
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     expanded: boolean;
 };

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

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

package/dynamic-table/Body/TableRowGroup.js

@@ -1,12 +1,12 @@
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
-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 _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
 import React from 'react';
 import TableRow from './TableRow';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var TableRowGroup = /*#__PURE__*/React.memo(function (_ref) {
   var activeRow = _ref.activeRow,
     expandable = _ref.expandable,
@@ -22,33 +22,34 @@ var TableRowGroup = /*#__PURE__*/React.memo(function (_ref) {
     setIsExpanded = _React$useState2[1];
   var subRows = row.subRows || [];
   var hasSubRows = subRows.length > 0;
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TableRow, {
-    expandable: expandable,
-    headerRow: headerRow,
-    isActive: activeRow ? row.id === activeRow : false,
-    isExpanded: isExpanded,
-    onClickRow: onClickRow,
-    onSelectRow: onSelectRow,
-    row: row,
-    selectableRows: selectableRows,
-    selectedRows: selectedRows,
-    setIsExpanded: setIsExpanded,
-    showExpander: hasSubRows
-  }), subRows.map(function (subRow) {
-    return ___EmotionJSX(TableRow, {
+  return _jsxs(_Fragment, {
+    children: [_jsx(TableRow, {
       expandable: expandable,
       headerRow: headerRow,
-      isActive: activeRow ? subRow.id === activeRow : false,
+      isActive: activeRow ? row.id === activeRow : false,
       isExpanded: isExpanded,
-      isSubRow: true,
-      key: subRow.id,
       onClickRow: onClickRow,
       onSelectRow: onSelectRow,
-      row: subRow,
+      row: row,
       selectableRows: selectableRows,
       selectedRows: selectedRows,
-      setIsExpanded: setIsExpanded
-    });
-  }));
+      setIsExpanded: setIsExpanded,
+      showExpander: hasSubRows
+    }), subRows.map(function (subRow) {
+      return _jsx(TableRow, {
+        expandable: expandable,
+        headerRow: headerRow,
+        isActive: activeRow ? subRow.id === activeRow : false,
+        isExpanded: isExpanded,
+        isSubRow: true,
+        onClickRow: onClickRow,
+        onSelectRow: onSelectRow,
+        row: subRow,
+        selectableRows: selectableRows,
+        selectedRows: selectedRows,
+        setIsExpanded: setIsExpanded
+      }, subRow.id);
+    })]
+  });
 });
 export default TableRowGroup;