@dfds-ui/experiences 2.2.0-alpha.c2f773c5 → 2.2.0-alpha.c79adffa

package/cjs/locale-selector/LocaleSelector.js

@@ -10,9 +10,14 @@ 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 (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 _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 _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.
@@ -22,7 +27,8 @@ 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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGlua0J1dHRvbiwgTG9jYWxlLCBsb2NhbGVEYXRhLCBMb2NhbGVGbGFnLCBsb2NhbGVzIGFzIGFsbExvY2FsZXMgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgTW9kYWwsIE1vZGFsUHJvcHMgfSBmcm9tICdAZGZkcy11aS9tb2RhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExvY2FsZU9wdGlvbiBmcm9tICcuL0xvY2FsZU9wdGlvbidcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMb2NhbGVTZWxlY3RvclByb3BzID0ge1xuICAvKipcbiAgICogUHJvdmlkZSBsaW1pdGVkIHNldCBvZiBsb2NhbGVzIHRvIGNob29zZSBmcm9tXG4gICAqL1xuICBsb2NhbGVzPzogUmVhZG9ubHlBcnJheTxMb2NhbGU+XG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICogd2VsbCBhcyBpbiB0aGUgaGVhZGluZyBvZiB0aGUgc2VsZWN0b3JcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDdXJyZW50IGxvY2FsZSBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGN1cnJlbnRMb2NhbGU6IExvY2FsZVxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gdGhhdCBmaXJlcyB3aXRoIGxvY2FsZSBhcyBhbiBhcmd1bWVudCAqL1xuICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gIC8qKiBEaXNhYmxlZCB2aXN1YWwgYXBwZWFyYW5jZSBhbmQgaW50ZXJhY3Rpb24gZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufSAmIFBpY2s8TW9kYWxQcm9wcywgJ3JlbmRlcldoZW5DbG9zZWQnPlxuXG4vKipcbiAqIEEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBtb2RhbCB3aW5kb3cgd2hlcmUgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIGxvY2FsZS5cbiAqL1xuZXhwb3J0IGNvbnN0IExvY2FsZVNlbGVjdG9yID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGxvY2FsZXMgPSBhbGxMb2NhbGVzLFxuICAgICAgbGFiZWwgPSAnV2Vic2l0ZSBhbmQgbGFuZ3VhZ2UnLFxuICAgICAgY3VycmVudExvY2FsZSxcbiAgICAgIHJlbmRlcldoZW5DbG9zZWQgPSB0cnVlLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgIH06IExvY2FsZVNlbGVjdG9yUHJvcHMsXG4gICAgX3JlZlxuICApID0+IHtcbiAgICBjb25zdCBbc2hvd0xvY2FsZU1vZGFsLCBzZXRTaG93TG9jYWxlTW9kYWxdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICAgIG9uQ2hhbmdlKGxvY2FsZSlcbiAgICAgIHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSlcbiAgICB9XG4gICAgY29uc3QgaGFuZGxlU2hvd0xvY2FsQnV0dG9uID0gKCkgPT4ge1xuICAgICAgaWYgKCFkaXNhYmxlZCkgc2V0U2hvd0xvY2FsZU1vZGFsKHRydWUpXG4gICAgfVxuICAgIGNvbnN0IExBUkdFX1RIUkVTSE9MRCA9IDkgLy8gbWluaW11bSBudW1iZXIgb2YgbG9jYWxlcyBiZWZvcmUgc3VwcG9ydGluZyAzIGNvbHVtbnNcbiAgICBjb25zdCBsYXJnZVNpemUgPSBsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgPyAnODQwcHgnIDogJzU2MHB4J1xuICAgIGNvbnN0IHNpemVzID0geyBzOiAnZnVsbHNjcmVlbicsIG06ICc1NjBweCcsIGw6ICc1NjBweCcsIHhsOiBsYXJnZVNpemUsIHh4bDogbGFyZ2VTaXplIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8TGlua0J1dHRvblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExvY2FsZUZsYWdcbiAgICAgICAgICAgICAgbG9jYWxlPXtjdXJyZW50TG9jYWxlfVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVTaG93TG9jYWxCdXR0b259XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWwgJiYgbGFiZWx9XG4gICAgICAgIDwvTGlua0J1dHRvbj5cbiAgICAgICAgPE1vZGFsXG4gICAgICAgICAgaGVhZGluZz17bGFiZWx9XG4gICAgICAgICAgaXNPcGVuPXtzaG93TG9jYWxlTW9kYWx9XG4gICAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17dHJ1ZX1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKX1cbiAgICAgICAgICByZW5kZXJXaGVuQ2xvc2VkPXtyZW5kZXJXaGVuQ2xvc2VkfVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBub0NvbnRlbnRQYWRkaW5nXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDE7XG4gICAgICAgICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA0ODBweCkge1xuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAke2xvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCAmJlxuICAgICAgICAgICAgICBtZWRpYS5ncmVhdGVyVGhhbigneGwnKWBcbiAgICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDM7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPExvY2FsZU9wdGlvblxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTG9jYWxlKGxvY2FsZSl9XG4gICAgICAgICAgICAgICAgICBrZXk9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2xvY2FsZURhdGFbbG9jYWxlXS5uYXRpdmVOYW1lfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L01vZGFsPlxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2FsZVNlbGVjdG9yXG4iXX0= */",
+  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 = exports.LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -34,7 +40,10 @@ const LocaleSelector = exports.LocaleSelector = /*#__PURE__*/(0, _react.forwardR
   disabled = false,
   className
 }, _ref) => {
-  const [showLocaleModal, setShowLocaleModal] = (0, _react.useState)(false);
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showLocaleModal = _useState2[0],
+    setShowLocaleModal = _useState2[1];
   const handleChangeLocale = locale => {
     onChange(locale);
     setShowLocaleModal(false);
@@ -51,40 +60,36 @@ const LocaleSelector = exports.LocaleSelector = /*#__PURE__*/(0, _react.forwardR
     xl: largeSize,
     xxl: largeSize
   };
-  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')`
+  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,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);
-        })
-      })
-    })]
-  });
+              `, ";" + (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
+    });
+  }))));
 });
 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: function get() {
       return _LocaleSelector[key];
     }
   });

package/cjs/swiper/Swiper.d.ts

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

package/cjs/swiper/Swiper.js

@@ -7,7 +7,6 @@ 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" ? {
@@ -15,17 +14,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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpcGVyL1N3aXBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIFN3aXBlclByb3BzID0geyBjbGFzc05hbWU/OiBzdHJpbmc7IGNoaWxkcmVuPzogUmVhY3ROb2RlIH1cblxuZXhwb3J0IGNvbnN0IFN3aXBlciA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogU3dpcGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIG92ZXJmbG93LXg6IHNjcm9sbDtcbiAgICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG5cbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
+  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, _jsxRuntime.jsx)(_flexbox.FlexBox, {
+  return (0, _react2.jsx)(_flexbox.FlexBox, {
     className: className,
-    css: _ref,
-    children: children
-  });
+    css: _ref
+  }, children);
 };
 exports.Swiper = Swiper;

package/cjs/swiper/SwiperCard.d.ts

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

package/cjs/swiper/SwiperCard.js

@@ -7,7 +7,6 @@ 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" ? {
@@ -15,17 +14,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "min-width:80%"
 } : {
   name: "sgtqui-SwiperCard",
-  styles: "min-width:80%;label:SwiperCard;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N3aXBlci9Td2lwZXJDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3dpcGVyQ2FyZFByb3BzID0geyBjbGFzc05hbWU/OiBzdHJpbmc7IGNoaWxkcmVuPzogUmVhY3ROb2RlIH1cblxuZXhwb3J0IGNvbnN0IFN3aXBlckNhcmQgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFN3aXBlckNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4td2lkdGg6IDgwJTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
+  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, _jsxRuntime.jsx)(_flexbox.FlexBox, {
+  return (0, _react2.jsx)(_flexbox.FlexBox, {
     className: className,
-    css: _ref,
-    children: children
-  });
+    css: _ref
+  }, 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: function get() {
       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: function get() {
       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) => React.JSX.Element>;
+declare const TableBody: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows, }: TableBodyProps) => JSX.Element>;
 export default TableBody;

package/dynamic-table/Body/TableBody.js

@@ -6,7 +6,7 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 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 _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableBody = /*#__PURE__*/React.memo(function (_ref) {
   var activeRow = _ref.activeRow,
     expandable = _ref.expandable,
@@ -30,19 +30,18 @@ var TableBody = /*#__PURE__*/React.memo(function (_ref) {
       }
     }
   }, [selectableRows, 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);
-    })
-  });
+  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
+    });
+  }));
 });
 export default TableBody;

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

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export type TableBodyProps = {
+export declare 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) => React.JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => JSX.Element>;
 export default TableCell;

package/dynamic-table/Body/TableCell.js

@@ -1,16 +1,15 @@
 import React from 'react';
 import { tableCellStyles } from './TableCell.styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableCell = /*#__PURE__*/React.memo(function (_ref) {
   var children = _ref.children,
     headerCell = _ref.headerCell;
-  return _jsx("td", {
+  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: children
-  });
+    "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

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

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { Header } from '../DynamicTable.types';
-export type TableCellProps = {
+export declare 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) => React.JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ expandable, headerRow, isActive, isExpanded, isSubRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, setIsExpanded, showExpander, }: TableRowProps) => 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 _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 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 _jsxs("tr", {
+  return ___EmotionJSX("tr", {
     css: tableRowStyles({
       active: isActive,
       expanded: isExpanded,
@@ -34,41 +34,38 @@ 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);
     },
-    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);
-    })]
-  });
+    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

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

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { Header, Row } from '../DynamicTable.types';
-export type TableRowProps = {
+export declare type TableRowProps = {
     expandable?: boolean;
     headerRow: Header[];
     isActive: boolean;
@@ -13,6 +14,6 @@ export type TableRowProps = {
     setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     showExpander?: boolean;
 };
-export type ChevronProps = {
+export declare 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) => React.JSX.Element>;
+declare const TableRowGroup: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, }: TableRowGroupProps) => JSX.Element>;
 export default TableRowGroup;

package/dynamic-table/Body/TableRowGroup.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from 'react';
 import TableRow from './TableRow';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableRowGroup = /*#__PURE__*/React.memo(function (_ref) {
   var activeRow = _ref.activeRow,
     expandable = _ref.expandable,
@@ -22,34 +22,33 @@ var TableRowGroup = /*#__PURE__*/React.memo(function (_ref) {
     setIsExpanded = _React$useState2[1];
   var subRows = row.subRows || [];
   var hasSubRows = subRows.length > 0;
-  return _jsxs(_Fragment, {
-    children: [_jsx(TableRow, {
+  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, {
       expandable: expandable,
       headerRow: headerRow,
-      isActive: activeRow ? row.id === activeRow : false,
+      isActive: activeRow ? subRow.id === activeRow : false,
       isExpanded: isExpanded,
+      isSubRow: true,
+      key: subRow.id,
       onClickRow: onClickRow,
       onSelectRow: onSelectRow,
-      row: row,
+      row: subRow,
       selectableRows: selectableRows,
       selectedRows: selectedRows,
-      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);
-    })]
-  });
+      setIsExpanded: setIsExpanded
+    });
+  }));
 });
 export default TableRowGroup;

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

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export type TableRowGroupProps = {
+export declare type TableRowGroupProps = {
     activeRow?: string;
     expandable?: boolean;
     headerRow: Header[];
@@ -9,6 +9,6 @@ export type TableRowGroupProps = {
     selectableRows: boolean;
     selectedRows: string[];
 };
-export type ChevronProps = {
+export declare type ChevronProps = {
     expanded: boolean;
 };