@dfds-ui/experiences 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a1ae8508

package/cjs/locale-selector/LocaleSelector.js

@@ -10,21 +10,22 @@ 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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
  * A component to display a modal window where the user can select a locale.
  */
-var _ref2 = process.env.NODE_ENV === "production" ? {
+var _ref = process.env.NODE_ENV === "production" ? {
   name: "x463sz",
   styles: "margin-left:0.5rem;font-size:1.25rem"
 } : {
   name: "15s9564-LocaleSelector",
-  styles: "margin-left:0.5rem;font-size:1.25rem;label:LocaleSelector;/*# 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Fb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGlua0J1dHRvbiwgTG9jYWxlLCBsb2NhbGVEYXRhLCBMb2NhbGVGbGFnLCBsb2NhbGVzIGFzIGFsbExvY2FsZXMgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgTW9kYWwsIE1vZGFsUHJvcHMgfSBmcm9tICdAZGZkcy11aS9tb2RhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExvY2FsZU9wdGlvbiBmcm9tICcuL0xvY2FsZU9wdGlvbidcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMb2NhbGVTZWxlY3RvclByb3BzID0ge1xuICAvKipcbiAgICogUHJvdmlkZSBsaW1pdGVkIHNldCBvZiBsb2NhbGVzIHRvIGNob29zZSBmcm9tXG4gICAqL1xuICBsb2NhbGVzPzogUmVhZG9ubHlBcnJheTxMb2NhbGU+XG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICogd2VsbCBhcyBpbiB0aGUgaGVhZGluZyBvZiB0aGUgc2VsZWN0b3JcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDdXJyZW50IGxvY2FsZSBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGN1cnJlbnRMb2NhbGU6IExvY2FsZVxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gdGhhdCBmaXJlcyB3aXRoIGxvY2FsZSBhcyBhbiBhcmd1bWVudCAqL1xuICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gIC8qKiBEaXNhYmxlZCB2aXN1YWwgYXBwZWFyYW5jZSBhbmQgaW50ZXJhY3Rpb24gZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufSAmIFBpY2s8TW9kYWxQcm9wcywgJ3JlbmRlcldoZW5DbG9zZWQnPlxuXG4vKipcbiAqIEEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBtb2RhbCB3aW5kb3cgd2hlcmUgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIGxvY2FsZS5cbiAqL1xuZXhwb3J0IGNvbnN0IExvY2FsZVNlbGVjdG9yID0gKHtcbiAgbG9jYWxlcyA9IGFsbExvY2FsZXMsXG4gIGxhYmVsID0gJ1dlYnNpdGUgYW5kIGxhbmd1YWdlJyxcbiAgY3VycmVudExvY2FsZSxcbiAgcmVuZGVyV2hlbkNsb3NlZCA9IHRydWUsXG4gIG9uQ2hhbmdlLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBMb2NhbGVTZWxlY3RvclByb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93TG9jYWxlTW9kYWwsIHNldFNob3dMb2NhbGVNb2RhbF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICBvbkNoYW5nZShsb2NhbGUpXG4gICAgc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKVxuICB9XG4gIGNvbnN0IGhhbmRsZVNob3dMb2NhbEJ1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVkKSBzZXRTaG93TG9jYWxlTW9kYWwodHJ1ZSlcbiAgfVxuICBjb25zdCBMQVJHRV9USFJFU0hPTEQgPSA5IC8vIG1pbmltdW0gbnVtYmVyIG9mIGxvY2FsZXMgYmVmb3JlIHN1cHBvcnRpbmcgMyBjb2x1bW5zXG4gIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gIGNvbnN0IHNpemVzID0geyBzOiAnZnVsbHNjcmVlbicsIG06ICc1NjBweCcsIGw6ICc1NjBweCcsIHhsOiBsYXJnZVNpemUsIHh4bDogbGFyZ2VTaXplIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8TGlua0J1dHRvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICBgfVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGljb249e1xuICAgICAgICAgIDxMb2NhbGVGbGFnXG4gICAgICAgICAgICBsb2NhbGU9e2N1cnJlbnRMb2NhbGV9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgb25DbGljaz17aGFuZGxlU2hvd0xvY2FsQnV0dG9ufVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgID5cbiAgICAgICAge2xhYmVsICYmIGxhYmVsfVxuICAgICAgPC9MaW5rQnV0dG9uPlxuICAgICAgPE1vZGFsXG4gICAgICAgIGhlYWRpbmc9e2xhYmVsfVxuICAgICAgICBpc09wZW49e3Nob3dMb2NhbGVNb2RhbH1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17dHJ1ZX1cbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSl9XG4gICAgICAgIHJlbmRlcldoZW5DbG9zZWQ9e3JlbmRlcldoZW5DbG9zZWR9XG4gICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgbm9Db250ZW50UGFkZGluZ1xuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgICAgICAgICBjb2x1bW4tY291bnQ6IDE7XG4gICAgICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAyO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJHtsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgJiZcbiAgICAgICAgICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCd4bCcpYFxuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMztcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxMb2NhbGVPcHRpb25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVDaGFuZ2VMb2NhbGUobG9jYWxlKX1cbiAgICAgICAgICAgICAgICBrZXk9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICBsYWJlbD17bG9jYWxlRGF0YVtsb2NhbGVdLm5hdGl2ZU5hbWV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Nb2RhbD5cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVTZWxlY3RvclxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
+const LocaleSelector = ({
   locales = _reactComponents.locales,
   label = 'Website and language',
   currentLocale,
@@ -32,7 +33,7 @@ const LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
   onChange,
   disabled = false,
   className
-}, _ref) => {
+}) => {
   const [showLocaleModal, setShowLocaleModal] = (0, _react.useState)(false);
   const handleChangeLocale = locale => {
     onChange(locale);
@@ -50,38 +51,41 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGlua0J1dHRvbiwgTG9jYWxlLCBsb2NhbGVEYXRhLCBMb2NhbGVGbGFnLCBsb2NhbGVzIGFzIGFsbExvY2FsZXMgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgTW9kYWwsIE1vZGFsUHJvcHMgfSBmcm9tICdAZGZkcy11aS9tb2RhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExvY2FsZU9wdGlvbiBmcm9tICcuL0xvY2FsZU9wdGlvbidcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMb2NhbGVTZWxlY3RvclByb3BzID0ge1xuICAvKipcbiAgICogUHJvdmlkZSBsaW1pdGVkIHNldCBvZiBsb2NhbGVzIHRvIGNob29zZSBmcm9tXG4gICAqL1xuICBsb2NhbGVzPzogUmVhZG9ubHlBcnJheTxMb2NhbGU+XG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICogd2VsbCBhcyBpbiB0aGUgaGVhZGluZyBvZiB0aGUgc2VsZWN0b3JcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDdXJyZW50IGxvY2FsZSBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGN1cnJlbnRMb2NhbGU6IExvY2FsZVxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gdGhhdCBmaXJlcyB3aXRoIGxvY2FsZSBhcyBhbiBhcmd1bWVudCAqL1xuICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gIC8qKiBEaXNhYmxlZCB2aXN1YWwgYXBwZWFyYW5jZSBhbmQgaW50ZXJhY3Rpb24gZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufSAmIFBpY2s8TW9kYWxQcm9wcywgJ3JlbmRlcldoZW5DbG9zZWQnPlxuXG4vKipcbiAqIEEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBtb2RhbCB3aW5kb3cgd2hlcmUgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIGxvY2FsZS5cbiAqL1xuZXhwb3J0IGNvbnN0IExvY2FsZVNlbGVjdG9yID0gKHtcbiAgbG9jYWxlcyA9IGFsbExvY2FsZXMsXG4gIGxhYmVsID0gJ1dlYnNpdGUgYW5kIGxhbmd1YWdlJyxcbiAgY3VycmVudExvY2FsZSxcbiAgcmVuZGVyV2hlbkNsb3NlZCA9IHRydWUsXG4gIG9uQ2hhbmdlLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBMb2NhbGVTZWxlY3RvclByb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93TG9jYWxlTW9kYWwsIHNldFNob3dMb2NhbGVNb2RhbF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICBvbkNoYW5nZShsb2NhbGUpXG4gICAgc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKVxuICB9XG4gIGNvbnN0IGhhbmRsZVNob3dMb2NhbEJ1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVkKSBzZXRTaG93TG9jYWxlTW9kYWwodHJ1ZSlcbiAgfVxuICBjb25zdCBMQVJHRV9USFJFU0hPTEQgPSA5IC8vIG1pbmltdW0gbnVtYmVyIG9mIGxvY2FsZXMgYmVmb3JlIHN1cHBvcnRpbmcgMyBjb2x1bW5zXG4gIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gIGNvbnN0IHNpemVzID0geyBzOiAnZnVsbHNjcmVlbicsIG06ICc1NjBweCcsIGw6ICc1NjBweCcsIHhsOiBsYXJnZVNpemUsIHh4bDogbGFyZ2VTaXplIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8TGlua0J1dHRvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICBgfVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGljb249e1xuICAgICAgICAgIDxMb2NhbGVGbGFnXG4gICAgICAgICAgICBsb2NhbGU9e2N1cnJlbnRMb2NhbGV9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgb25DbGljaz17aGFuZGxlU2hvd0xvY2FsQnV0dG9ufVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgID5cbiAgICAgICAge2xhYmVsICYmIGxhYmVsfVxuICAgICAgPC9MaW5rQnV0dG9uPlxuICAgICAgPE1vZGFsXG4gICAgICAgIGhlYWRpbmc9e2xhYmVsfVxuICAgICAgICBpc09wZW49e3Nob3dMb2NhbGVNb2RhbH1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17dHJ1ZX1cbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSl9XG4gICAgICAgIHJlbmRlcldoZW5DbG9zZWQ9e3JlbmRlcldoZW5DbG9zZWR9XG4gICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgbm9Db250ZW50UGFkZGluZ1xuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgICAgICAgICBjb2x1bW4tY291bnQ6IDE7XG4gICAgICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAyO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJHtsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgJiZcbiAgICAgICAgICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCd4bCcpYFxuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMztcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxMb2NhbGVPcHRpb25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVDaGFuZ2VMb2NhbGUobG9jYWxlKX1cbiAgICAgICAgICAgICAgICBrZXk9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICBsYWJlbD17bG9jYWxlRGF0YVtsb2NhbGVdLm5hdGl2ZU5hbWV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Nb2RhbD5cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVTZWxlY3RvclxuIl19 */"),
+      size: "small",
+      disabled: disabled,
+      icon: (0, _jsxRuntime.jsx)(_reactComponents.LocaleFlag, {
+        locale: currentLocale,
+        css: _ref
+      }),
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBGa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGlua0J1dHRvbiwgTG9jYWxlLCBsb2NhbGVEYXRhLCBMb2NhbGVGbGFnLCBsb2NhbGVzIGFzIGFsbExvY2FsZXMgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgTW9kYWwsIE1vZGFsUHJvcHMgfSBmcm9tICdAZGZkcy11aS9tb2RhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExvY2FsZU9wdGlvbiBmcm9tICcuL0xvY2FsZU9wdGlvbidcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMb2NhbGVTZWxlY3RvclByb3BzID0ge1xuICAvKipcbiAgICogUHJvdmlkZSBsaW1pdGVkIHNldCBvZiBsb2NhbGVzIHRvIGNob29zZSBmcm9tXG4gICAqL1xuICBsb2NhbGVzPzogUmVhZG9ubHlBcnJheTxMb2NhbGU+XG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXkgb24gYnV0dG9uIHRoYXQgb3BlbiB0aGUgc2VsZWN0b3IgYXNcbiAgICogd2VsbCBhcyBpbiB0aGUgaGVhZGluZyBvZiB0aGUgc2VsZWN0b3JcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDdXJyZW50IGxvY2FsZSBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGN1cnJlbnRMb2NhbGU6IExvY2FsZVxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gdGhhdCBmaXJlcyB3aXRoIGxvY2FsZSBhcyBhbiBhcmd1bWVudCAqL1xuICBvbkNoYW5nZTogKGxvY2FsZTogTG9jYWxlKSA9PiB2b2lkXG4gIC8qKiBEaXNhYmxlZCB2aXN1YWwgYXBwZWFyYW5jZSBhbmQgaW50ZXJhY3Rpb24gZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufSAmIFBpY2s8TW9kYWxQcm9wcywgJ3JlbmRlcldoZW5DbG9zZWQnPlxuXG4vKipcbiAqIEEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBtb2RhbCB3aW5kb3cgd2hlcmUgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIGxvY2FsZS5cbiAqL1xuZXhwb3J0IGNvbnN0IExvY2FsZVNlbGVjdG9yID0gKHtcbiAgbG9jYWxlcyA9IGFsbExvY2FsZXMsXG4gIGxhYmVsID0gJ1dlYnNpdGUgYW5kIGxhbmd1YWdlJyxcbiAgY3VycmVudExvY2FsZSxcbiAgcmVuZGVyV2hlbkNsb3NlZCA9IHRydWUsXG4gIG9uQ2hhbmdlLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBMb2NhbGVTZWxlY3RvclByb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93TG9jYWxlTW9kYWwsIHNldFNob3dMb2NhbGVNb2RhbF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICBvbkNoYW5nZShsb2NhbGUpXG4gICAgc2V0U2hvd0xvY2FsZU1vZGFsKGZhbHNlKVxuICB9XG4gIGNvbnN0IGhhbmRsZVNob3dMb2NhbEJ1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVkKSBzZXRTaG93TG9jYWxlTW9kYWwodHJ1ZSlcbiAgfVxuICBjb25zdCBMQVJHRV9USFJFU0hPTEQgPSA5IC8vIG1pbmltdW0gbnVtYmVyIG9mIGxvY2FsZXMgYmVmb3JlIHN1cHBvcnRpbmcgMyBjb2x1bW5zXG4gIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gIGNvbnN0IHNpemVzID0geyBzOiAnZnVsbHNjcmVlbicsIG06ICc1NjBweCcsIGw6ICc1NjBweCcsIHhsOiBsYXJnZVNpemUsIHh4bDogbGFyZ2VTaXplIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8TGlua0J1dHRvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICBgfVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGljb249e1xuICAgICAgICAgIDxMb2NhbGVGbGFnXG4gICAgICAgICAgICBsb2NhbGU9e2N1cnJlbnRMb2NhbGV9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgb25DbGljaz17aGFuZGxlU2hvd0xvY2FsQnV0dG9ufVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgID5cbiAgICAgICAge2xhYmVsICYmIGxhYmVsfVxuICAgICAgPC9MaW5rQnV0dG9uPlxuICAgICAgPE1vZGFsXG4gICAgICAgIGhlYWRpbmc9e2xhYmVsfVxuICAgICAgICBpc09wZW49e3Nob3dMb2NhbGVNb2RhbH1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17dHJ1ZX1cbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSl9XG4gICAgICAgIHJlbmRlcldoZW5DbG9zZWQ9e3JlbmRlcldoZW5DbG9zZWR9XG4gICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgbm9Db250ZW50UGFkZGluZ1xuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgICAgICAgICBjb2x1bW4tY291bnQ6IDE7XG4gICAgICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAyO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJHtsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgJiZcbiAgICAgICAgICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCd4bCcpYFxuICAgICAgICAgICAgICAgIGNvbHVtbi1jb3VudDogMztcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxMb2NhbGVPcHRpb25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVDaGFuZ2VMb2NhbGUobG9jYWxlKX1cbiAgICAgICAgICAgICAgICBrZXk9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICBsYWJlbD17bG9jYWxlRGF0YVtsb2NhbGVdLm5hdGl2ZU5hbWV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Nb2RhbD5cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVTZWxlY3RvclxuIl19 */"),
+        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/swiper/Swiper.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-export type SwiperProps = React.PropsWithChildren<{
+import React, { ReactNode } from 'react';
+export type SwiperProps = {
     className?: string;
-}>;
+    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,16 +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;/*# 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 type SwiperCardProps = React.PropsWithChildren<{
+import React, { ReactNode } from 'react';
+export type SwiperCardProps = {
     className?: string;
-}>;
+    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,16 +15,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,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/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/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/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/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;

package/dynamic-table/DynamicTable.js

@@ -1,20 +1,25 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["activeRow", "descending", "expandable", "height", "headerRow", "isLoading", "onClickRow", "onSelectRow", "onSort", "rows", "selectedRows", "sortingBy", "stickyHeader"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useEffect, useMemo, useState } from 'react';
 import TableBody from './Body/TableBody';
 import { tableStyles, tableWrapperStyles } from './DynamicTable.styles';
 import TableHead from './Head/TableHead';
 import createSkeletonRows from './Skeleton/helpers/createSkeletonRows';
 import { fadeStyles } from './Skeleton/SkeletonTable.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var DynamicTable = function DynamicTable(_ref) {
   var activeRow = _ref.activeRow,
     descending = _ref.descending,
@@ -49,37 +54,40 @@ var DynamicTable = function DynamicTable(_ref) {
       onSort(sortByKeyValue, sortDescending);
     }
   }, [sortDescending, onSort, sortByKeyValue]);
-  return ___EmotionJSX("div", _extends({
+  return _jsxs("div", _objectSpread(_objectSpread({
     css: tableWrapperStyles({
       height: height
     })
-  }, rest), ___EmotionJSX("table", {
-    css: tableStyles,
-    "data-cy": !isLoading ? "dynamic-table-isLoaded" : ''
-  }, headerRow && ___EmotionJSX(TableHead, {
-    expandable: expandable,
-    headerRow: headerRow,
-    onSelectRow: onSelectRow,
-    onSort: onSort,
-    rows: rows,
-    selectableRows: selectableRows,
-    selectedRows: selectedRows,
-    setSortDescending: setSortDescending,
-    setSortByKeyValue: setSortByKeyValue,
-    sortDescending: sortDescending,
-    sortByKeyValue: sortByKeyValue,
-    stickyHeader: stickyHeader
-  }), ___EmotionJSX(TableBody, {
-    activeRow: activeRow,
-    expandable: expandable,
-    headerRow: headerRow,
-    onClickRow: onClickRow,
-    onSelectRow: onSelectRow,
-    rows: !isLoading ? rows : skeletonRows,
-    selectableRows: selectableRows,
-    selectedRows: selectedRows
-  })), isLoading && ___EmotionJSX("div", {
-    css: fadeStyles
+  }, rest), {}, {
+    children: [_jsxs("table", {
+      css: tableStyles,
+      "data-cy": !isLoading ? "dynamic-table-isLoaded" : '',
+      children: [headerRow && _jsx(TableHead, {
+        expandable: expandable,
+        headerRow: headerRow,
+        onSelectRow: onSelectRow,
+        onSort: onSort,
+        rows: rows,
+        selectableRows: selectableRows,
+        selectedRows: selectedRows,
+        setSortDescending: setSortDescending,
+        setSortByKeyValue: setSortByKeyValue,
+        sortDescending: sortDescending,
+        sortByKeyValue: sortByKeyValue,
+        stickyHeader: stickyHeader
+      }), _jsx(TableBody, {
+        activeRow: activeRow,
+        expandable: expandable,
+        headerRow: headerRow,
+        onClickRow: onClickRow,
+        onSelectRow: onSelectRow,
+        rows: !isLoading ? rows : skeletonRows,
+        selectableRows: selectableRows,
+        selectedRows: selectedRows
+      })]
+    }), isLoading && _jsx("div", {
+      css: fadeStyles
+    })]
   }));
 };
 export default /*#__PURE__*/React.memo(DynamicTable);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export type Header = {
-    displayName: string | React.ReactElement;
+    displayName: string | React.ReactElement<any>;
     key: string;
     sortKey?: string;
     sortable?: boolean;