@dfds-ui/experiences 0.9.6 → 0.9.7-alpha.3a2ef8a2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +9 -9
- package/cjs/dynamic-table/DynamicTable.d.ts +0 -29
- package/cjs/dynamic-table/DynamicTable.js +0 -218
- package/cjs/dynamic-table/DynamicTable.styles.d.ts +0 -5
- package/cjs/dynamic-table/DynamicTable.styles.js +0 -38
- package/cjs/footer/Footer.d.ts +0 -23
- package/cjs/footer/Footer.js +0 -109
- package/cjs/footer/FooterColumn.d.ts +0 -11
- package/cjs/footer/FooterColumn.js +0 -48
- package/cjs/footer/FooterColumnItem.d.ts +0 -7
- package/cjs/footer/FooterColumnItem.js +0 -46
- package/cjs/footer/FooterMetaLink.d.ts +0 -7
- package/cjs/footer/FooterMetaLink.js +0 -51
- package/cjs/footer/index.d.ts +0 -4
- package/cjs/footer/index.js +0 -57
- package/cjs/index.d.ts +0 -5
- package/cjs/index.js +0 -69
- package/cjs/internet-explorer-modal/IEModal.d.ts +0 -69
- package/cjs/internet-explorer-modal/IEModal.js +0 -155
- package/cjs/locale-selector/LocaleOption.d.ts +0 -8
- package/cjs/locale-selector/LocaleOption.js +0 -50
- package/cjs/locale-selector/LocaleSelector.d.ts +0 -42
- package/cjs/locale-selector/LocaleSelector.js +0 -111
- package/cjs/locale-selector/index.d.ts +0 -1
- package/cjs/locale-selector/index.js +0 -18
- package/cjs/swiper/Swiper.d.ts +0 -5
- package/cjs/swiper/Swiper.js +0 -38
- package/cjs/swiper/SwiperCard.d.ts +0 -5
- package/cjs/swiper/SwiperCard.js +0 -38
- package/cjs/swiper/index.d.ts +0 -2
- package/cjs/swiper/index.js +0 -31
- package/dynamic-table/DynamicTable.d.ts +0 -29
- package/dynamic-table/DynamicTable.js +0 -215
- package/dynamic-table/DynamicTable.styles.d.ts +0 -5
- package/dynamic-table/DynamicTable.styles.js +0 -18
- package/footer/Footer.d.ts +0 -23
- package/footer/Footer.js +0 -76
- package/footer/FooterColumn.d.ts +0 -11
- package/footer/FooterColumn.js +0 -34
- package/footer/FooterColumnItem.d.ts +0 -7
- package/footer/FooterColumnItem.js +0 -29
- package/footer/FooterMetaLink.d.ts +0 -7
- package/footer/FooterMetaLink.js +0 -37
- package/footer/index.d.ts +0 -4
- package/footer/index.js +0 -4
- package/index.d.ts +0 -5
- package/index.js +0 -5
- package/internet-explorer-modal/IEModal.d.ts +0 -69
- package/internet-explorer-modal/IEModal.js +0 -145
- package/locale-selector/LocaleOption.d.ts +0 -8
- package/locale-selector/LocaleOption.js +0 -35
- package/locale-selector/LocaleSelector.d.ts +0 -42
- package/locale-selector/LocaleSelector.js +0 -103
- package/locale-selector/index.d.ts +0 -1
- package/locale-selector/index.js +0 -1
- package/swiper/Swiper.d.ts +0 -5
- package/swiper/Swiper.js +0 -25
- package/swiper/SwiperCard.d.ts +0 -5
- package/swiper/SwiperCard.js +0 -25
- package/swiper/index.d.ts +0 -2
- package/swiper/index.js +0 -2
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.LocaleOption = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
|
-
|
|
12
|
-
var _reactComponents = require("@dfds-ui/react-components");
|
|
13
|
-
|
|
14
|
-
var _theme = require("@dfds-ui/theme");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
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)."; }
|
|
19
|
-
|
|
20
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
21
|
-
name: "p4q597",
|
|
22
|
-
styles: "font-size:1.25rem"
|
|
23
|
-
} : {
|
|
24
|
-
name: "m1covl-LocaleOption",
|
|
25
|
-
styles: "font-size:1.25rem;label:LocaleOption;",
|
|
26
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QmtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQnV0dG9uLCBMb2NhbGUsIExvY2FsZUZsYWcgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgTG9jYWxlT3B0aW9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgbG9jYWxlOiBMb2NhbGVcbiAgb25DbGljazogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgTG9jYWxlT3B0aW9uID0gKHsgbGFiZWwsIGxvY2FsZSwgb25DbGljayB9OiBMb2NhbGVPcHRpb25Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICBwYWRkaW5nOiAwLjg3NXJlbTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBgfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGljb25BbGlnbj1cImxlZnRcIlxuICAgICAgaWNvbj17XG4gICAgICAgIDxMb2NhbGVGbGFnXG4gICAgICAgICAgbG9jYWxlPXtsb2NhbGV9XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgIH1cbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgID5cbiAgICAgIHtsYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVPcHRpb25cbiJdfQ== */",
|
|
27
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
const LocaleOption = ({
|
|
31
|
-
label,
|
|
32
|
-
locale,
|
|
33
|
-
onClick
|
|
34
|
-
}) => {
|
|
35
|
-
return (0, _react2.jsx)(_reactComponents.Button, {
|
|
36
|
-
size: "small",
|
|
37
|
-
css: /*#__PURE__*/(0, _react2.css)("display:flex;text-align:left;white-space:normal;color:", _theme.theme.colors.text.primary.primary, ";height:auto;padding:0.875rem;width:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9jYWxlLXNlbGVjdG9yL0xvY2FsZU9wdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiwgTG9jYWxlLCBMb2NhbGVGbGFnIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExvY2FsZU9wdGlvblByb3BzID0ge1xuICBsYWJlbDogc3RyaW5nXG4gIGxvY2FsZTogTG9jYWxlXG4gIG9uQ2xpY2s6ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IExvY2FsZU9wdGlvbiA9ICh7IGxhYmVsLCBsb2NhbGUsIG9uQ2xpY2sgfTogTG9jYWxlT3B0aW9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgcGFkZGluZzogMC44NzVyZW07XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBpY29uQWxpZ249XCJsZWZ0XCJcbiAgICAgIGljb249e1xuICAgICAgICA8TG9jYWxlRmxhZ1xuICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICB9XG4gICAgICB2YXJpYXRpb249XCJ0ZXh0XCJcbiAgICA+XG4gICAgICB7bGFiZWx9XG4gICAgPC9CdXR0b24+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9jYWxlT3B0aW9uXG4iXX0= */"),
|
|
38
|
-
onClick: onClick,
|
|
39
|
-
iconAlign: "left",
|
|
40
|
-
icon: (0, _react2.jsx)(_reactComponents.LocaleFlag, {
|
|
41
|
-
locale: locale,
|
|
42
|
-
css: _ref
|
|
43
|
-
}),
|
|
44
|
-
variation: "text"
|
|
45
|
-
}, label);
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
exports.LocaleOption = LocaleOption;
|
|
49
|
-
var _default = LocaleOption;
|
|
50
|
-
exports.default = _default;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
import { Locale } from '@dfds-ui/react-components';
|
|
3
|
-
import { ModalProps } from '@dfds-ui/modal';
|
|
4
|
-
export declare type LocaleSelectorProps = PropsWithChildren<{
|
|
5
|
-
/**
|
|
6
|
-
* Provide limited set of locales to choose from
|
|
7
|
-
*/
|
|
8
|
-
locales?: ReadonlyArray<Locale>;
|
|
9
|
-
/**
|
|
10
|
-
* Text to display on button that open the selector as
|
|
11
|
-
* well as in the heading of the selector
|
|
12
|
-
*/
|
|
13
|
-
label?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Current locale of the application
|
|
16
|
-
*/
|
|
17
|
-
currentLocale: Locale;
|
|
18
|
-
renderWhenClosed?: ModalProps['renderWhenClosed'];
|
|
19
|
-
/** Callback function that fires with locale as an argument */
|
|
20
|
-
onChange: (locale: Locale) => void;
|
|
21
|
-
className?: string;
|
|
22
|
-
}>;
|
|
23
|
-
export declare const LocaleSelector: React.ForwardRefExoticComponent<{
|
|
24
|
-
/**
|
|
25
|
-
* Provide limited set of locales to choose from
|
|
26
|
-
*/
|
|
27
|
-
locales?: readonly ("en" | "nl-BE" | "bg-BG" | "pt-BR" | "en-CA" | "zh-CN" | "cs-CZ" | "da-DK" | "et-EE" | "fi-FI" | "fr-BE" | "fr-FR" | "de-DE" | "hu-HU" | "it-IT" | "ja-JP" | "lv-LV" | "lt-LT" | "nl-NL" | "nb-NO" | "pl-PL" | "ro-RO" | "ru-RU" | "sk-SK" | "ko-KR" | "es-ES" | "sv-SE" | "tr-TR" | "en-GB" | "en-US")[] | undefined;
|
|
28
|
-
/**
|
|
29
|
-
* Text to display on button that open the selector as
|
|
30
|
-
* well as in the heading of the selector
|
|
31
|
-
*/
|
|
32
|
-
label?: string | undefined;
|
|
33
|
-
/**
|
|
34
|
-
* Current locale of the application
|
|
35
|
-
*/
|
|
36
|
-
currentLocale: Locale;
|
|
37
|
-
renderWhenClosed?: ModalProps['renderWhenClosed'];
|
|
38
|
-
/** Callback function that fires with locale as an argument */
|
|
39
|
-
onChange: (locale: Locale) => void;
|
|
40
|
-
className?: string | undefined;
|
|
41
|
-
} & React.RefAttributes<unknown>>;
|
|
42
|
-
export default LocaleSelector;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.LocaleSelector = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactComponents = require("@dfds-ui/react-components");
|
|
11
|
-
|
|
12
|
-
var _modal = require("@dfds-ui/modal");
|
|
13
|
-
|
|
14
|
-
var _react2 = require("@emotion/react");
|
|
15
|
-
|
|
16
|
-
var _LocaleOption = _interopRequireDefault(require("./LocaleOption"));
|
|
17
|
-
|
|
18
|
-
var _theme = require("@dfds-ui/theme");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
-
|
|
28
|
-
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."); }
|
|
29
|
-
|
|
30
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
31
|
-
|
|
32
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
33
|
-
|
|
34
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
35
|
-
|
|
36
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
-
|
|
38
|
-
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)."; }
|
|
39
|
-
|
|
40
|
-
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
41
|
-
name: "x463sz",
|
|
42
|
-
styles: "margin-left:0.5rem;font-size:1.25rem"
|
|
43
|
-
} : {
|
|
44
|
-
name: "15s9564-LocaleSelector",
|
|
45
|
-
styles: "margin-left:0.5rem;font-size:1.25rem;label:LocaleSelector;",
|
|
46
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFByb3BzV2l0aENoaWxkcmVuLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rQnV0dG9uLCBMb2NhbGUsIGxvY2FsZURhdGEsIExvY2FsZUZsYWcsIGxvY2FsZXMgYXMgYWxsTG9jYWxlcyB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBNb2RhbCwgTW9kYWxQcm9wcyB9IGZyb20gJ0BkZmRzLXVpL21vZGFsJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTG9jYWxlT3B0aW9uIGZyb20gJy4vTG9jYWxlT3B0aW9uJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExvY2FsZVNlbGVjdG9yUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjx7XG4gIC8qKlxuICAgKiBQcm92aWRlIGxpbWl0ZWQgc2V0IG9mIGxvY2FsZXMgdG8gY2hvb3NlIGZyb21cbiAgICovXG4gIGxvY2FsZXM/OiBSZWFkb25seUFycmF5PExvY2FsZT5cbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBvbiBidXR0b24gdGhhdCBvcGVuIHRoZSBzZWxlY3RvciBhc1xuICAgKiB3ZWxsIGFzIGluIHRoZSBoZWFkaW5nIG9mIHRoZSBzZWxlY3RvclxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEN1cnJlbnQgbG9jYWxlIG9mIHRoZSBhcHBsaWNhdGlvblxuICAgKi9cbiAgY3VycmVudExvY2FsZTogTG9jYWxlXG5cbiAgcmVuZGVyV2hlbkNsb3NlZD86IE1vZGFsUHJvcHNbJ3JlbmRlcldoZW5DbG9zZWQnXVxuXG4gIC8qKiBDYWxsYmFjayBmdW5jdGlvbiB0aGF0IGZpcmVzIHdpdGggbG9jYWxlIGFzIGFuIGFyZ3VtZW50ICovXG4gIG9uQ2hhbmdlOiAobG9jYWxlOiBMb2NhbGUpID0+IHZvaWRcblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn0+XG5cbmV4cG9ydCBjb25zdCBMb2NhbGVTZWxlY3RvciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBsb2NhbGVzID0gYWxsTG9jYWxlcyxcbiAgICAgIGxhYmVsID0gJ1dlYnNpdGUgYW5kIGxhbmd1YWdlJyxcbiAgICAgIGN1cnJlbnRMb2NhbGUsXG4gICAgICByZW5kZXJXaGVuQ2xvc2VkID0gdHJ1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgIH06IExvY2FsZVNlbGVjdG9yUHJvcHMsXG4gICAgX3JlZlxuICApID0+IHtcbiAgICBjb25zdCBbc2hvd0xvY2FsZU1vZGFsLCBzZXRTaG93TG9jYWxlTW9kYWxdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICAgIG9uQ2hhbmdlKGxvY2FsZSlcbiAgICAgIHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSlcbiAgICB9XG4gICAgY29uc3QgTEFSR0VfVEhSRVNIT0xEID0gOSAvLyBtaW5pbXVtIG51bWJlciBvZiBsb2NhbGVzIGJlZm9yZSBzdXBwb3J0aW5nIDMgY29sdW1uc1xuICAgIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gICAgY29uc3Qgc2l6ZXMgPSB7IHM6ICdmdWxsc2NyZWVuJywgbTogJzU2MHB4JywgbDogJzU2MHB4JywgeGw6IGxhcmdlU2l6ZSwgeHhsOiBsYXJnZVNpemUgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxMaW5rQnV0dG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgIDxMb2NhbGVGbGFnXG4gICAgICAgICAgICAgIGxvY2FsZT17Y3VycmVudExvY2FsZX1cbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBpY29uQWxpZ249XCJyaWdodFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U2hvd0xvY2FsZU1vZGFsKHRydWUpfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsICYmIGxhYmVsfVxuICAgICAgICA8L0xpbmtCdXR0b24+XG4gICAgICAgIDxNb2RhbFxuICAgICAgICAgIGhlYWRpbmc9e2xhYmVsfVxuICAgICAgICAgIGlzT3Blbj17c2hvd0xvY2FsZU1vZGFsfVxuICAgICAgICAgIHNob3VsZENsb3NlT25Fc2M9e3RydWV9XG4gICAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSl9XG4gICAgICAgICAgcmVuZGVyV2hlbkNsb3NlZD17cmVuZGVyV2hlbkNsb3NlZH1cbiAgICAgICAgICBzaXplcz17c2l6ZXN9XG4gICAgICAgICAgbm9Db250ZW50UGFkZGluZ1xuICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAxO1xuICAgICAgICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDI7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgJHtsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgJiZcbiAgICAgICAgICAgICAgbWVkaWEuZ3JlYXRlclRoYW4oJ3hsJylgXG4gICAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAzO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxMb2NhbGVPcHRpb25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxvY2FsZShsb2NhbGUpfVxuICAgICAgICAgICAgICAgICAga2V5PXtsb2NhbGV9XG4gICAgICAgICAgICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGxhYmVsPXtsb2NhbGVEYXRhW2xvY2FsZV0ubmF0aXZlTmFtZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Nb2RhbD5cbiAgICAgIDwvPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVTZWxlY3RvclxuIl19 */",
|
|
47
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
const LocaleSelector = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
51
|
-
locales = _reactComponents.locales,
|
|
52
|
-
label = 'Website and language',
|
|
53
|
-
currentLocale,
|
|
54
|
-
renderWhenClosed = true,
|
|
55
|
-
onChange,
|
|
56
|
-
className
|
|
57
|
-
}, _ref) => {
|
|
58
|
-
const _useState = (0, _react.useState)(false),
|
|
59
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
60
|
-
showLocaleModal = _useState2[0],
|
|
61
|
-
setShowLocaleModal = _useState2[1];
|
|
62
|
-
|
|
63
|
-
const handleChangeLocale = locale => {
|
|
64
|
-
onChange(locale);
|
|
65
|
-
setShowLocaleModal(false);
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
const LARGE_THRESHOLD = 9; // minimum number of locales before supporting 3 columns
|
|
69
|
-
|
|
70
|
-
const largeSize = locales.length >= LARGE_THRESHOLD ? '840px' : '560px';
|
|
71
|
-
const sizes = {
|
|
72
|
-
s: 'fullscreen',
|
|
73
|
-
m: '560px',
|
|
74
|
-
l: '560px',
|
|
75
|
-
xl: largeSize,
|
|
76
|
-
xxl: largeSize
|
|
77
|
-
};
|
|
78
|
-
return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_reactComponents.LinkButton, {
|
|
79
|
-
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFByb3BzV2l0aENoaWxkcmVuLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rQnV0dG9uLCBMb2NhbGUsIGxvY2FsZURhdGEsIExvY2FsZUZsYWcsIGxvY2FsZXMgYXMgYWxsTG9jYWxlcyB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBNb2RhbCwgTW9kYWxQcm9wcyB9IGZyb20gJ0BkZmRzLXVpL21vZGFsJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTG9jYWxlT3B0aW9uIGZyb20gJy4vTG9jYWxlT3B0aW9uJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExvY2FsZVNlbGVjdG9yUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjx7XG4gIC8qKlxuICAgKiBQcm92aWRlIGxpbWl0ZWQgc2V0IG9mIGxvY2FsZXMgdG8gY2hvb3NlIGZyb21cbiAgICovXG4gIGxvY2FsZXM/OiBSZWFkb25seUFycmF5PExvY2FsZT5cbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBvbiBidXR0b24gdGhhdCBvcGVuIHRoZSBzZWxlY3RvciBhc1xuICAgKiB3ZWxsIGFzIGluIHRoZSBoZWFkaW5nIG9mIHRoZSBzZWxlY3RvclxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEN1cnJlbnQgbG9jYWxlIG9mIHRoZSBhcHBsaWNhdGlvblxuICAgKi9cbiAgY3VycmVudExvY2FsZTogTG9jYWxlXG5cbiAgcmVuZGVyV2hlbkNsb3NlZD86IE1vZGFsUHJvcHNbJ3JlbmRlcldoZW5DbG9zZWQnXVxuXG4gIC8qKiBDYWxsYmFjayBmdW5jdGlvbiB0aGF0IGZpcmVzIHdpdGggbG9jYWxlIGFzIGFuIGFyZ3VtZW50ICovXG4gIG9uQ2hhbmdlOiAobG9jYWxlOiBMb2NhbGUpID0+IHZvaWRcblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn0+XG5cbmV4cG9ydCBjb25zdCBMb2NhbGVTZWxlY3RvciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBsb2NhbGVzID0gYWxsTG9jYWxlcyxcbiAgICAgIGxhYmVsID0gJ1dlYnNpdGUgYW5kIGxhbmd1YWdlJyxcbiAgICAgIGN1cnJlbnRMb2NhbGUsXG4gICAgICByZW5kZXJXaGVuQ2xvc2VkID0gdHJ1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgIH06IExvY2FsZVNlbGVjdG9yUHJvcHMsXG4gICAgX3JlZlxuICApID0+IHtcbiAgICBjb25zdCBbc2hvd0xvY2FsZU1vZGFsLCBzZXRTaG93TG9jYWxlTW9kYWxdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICAgIG9uQ2hhbmdlKGxvY2FsZSlcbiAgICAgIHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSlcbiAgICB9XG4gICAgY29uc3QgTEFSR0VfVEhSRVNIT0xEID0gOSAvLyBtaW5pbXVtIG51bWJlciBvZiBsb2NhbGVzIGJlZm9yZSBzdXBwb3J0aW5nIDMgY29sdW1uc1xuICAgIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gICAgY29uc3Qgc2l6ZXMgPSB7IHM6ICdmdWxsc2NyZWVuJywgbTogJzU2MHB4JywgbDogJzU2MHB4JywgeGw6IGxhcmdlU2l6ZSwgeHhsOiBsYXJnZVNpemUgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxMaW5rQnV0dG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgIDxMb2NhbGVGbGFnXG4gICAgICAgICAgICAgIGxvY2FsZT17Y3VycmVudExvY2FsZX1cbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBpY29uQWxpZ249XCJyaWdodFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U2hvd0xvY2FsZU1vZGFsKHRydWUpfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsICYmIGxhYmVsfVxuICAgICAgICA8L0xpbmtCdXR0b24+XG4gICAgICAgIDxNb2RhbFxuICAgICAgICAgIGhlYWRpbmc9e2xhYmVsfVxuICAgICAgICAgIGlzT3Blbj17c2hvd0xvY2FsZU1vZGFsfVxuICAgICAgICAgIHNob3VsZENsb3NlT25Fc2M9e3RydWV9XG4gICAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSl9XG4gICAgICAgICAgcmVuZGVyV2hlbkNsb3NlZD17cmVuZGVyV2hlbkNsb3NlZH1cbiAgICAgICAgICBzaXplcz17c2l6ZXN9XG4gICAgICAgICAgbm9Db250ZW50UGFkZGluZ1xuICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAxO1xuICAgICAgICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDI7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgJHtsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgJiZcbiAgICAgICAgICAgICAgbWVkaWEuZ3JlYXRlclRoYW4oJ3hsJylgXG4gICAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAzO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxMb2NhbGVPcHRpb25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxvY2FsZShsb2NhbGUpfVxuICAgICAgICAgICAgICAgICAga2V5PXtsb2NhbGV9XG4gICAgICAgICAgICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGxhYmVsPXtsb2NhbGVEYXRhW2xvY2FsZV0ubmF0aXZlTmFtZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Nb2RhbD5cbiAgICAgIDwvPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVTZWxlY3RvclxuIl19 */"),
|
|
80
|
-
size: "small",
|
|
81
|
-
icon: (0, _react2.jsx)(_reactComponents.LocaleFlag, {
|
|
82
|
-
locale: currentLocale,
|
|
83
|
-
css: _ref2
|
|
84
|
-
}),
|
|
85
|
-
iconAlign: "right",
|
|
86
|
-
onClick: () => setShowLocaleModal(true),
|
|
87
|
-
className: className
|
|
88
|
-
}, label && label), (0, _react2.jsx)(_modal.Modal, {
|
|
89
|
-
heading: label,
|
|
90
|
-
isOpen: showLocaleModal,
|
|
91
|
-
shouldCloseOnEsc: true,
|
|
92
|
-
onRequestClose: () => setShowLocaleModal(false),
|
|
93
|
-
renderWhenClosed: renderWhenClosed,
|
|
94
|
-
sizes: sizes,
|
|
95
|
-
noContentPadding: true
|
|
96
|
-
}, (0, _react2.jsx)("div", {
|
|
97
|
-
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')`
|
|
98
|
-
column-count: 3;
|
|
99
|
-
`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleSelector;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGUtc2VsZWN0b3IvTG9jYWxlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Gb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xvY2FsZS1zZWxlY3Rvci9Mb2NhbGVTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFByb3BzV2l0aENoaWxkcmVuLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rQnV0dG9uLCBMb2NhbGUsIGxvY2FsZURhdGEsIExvY2FsZUZsYWcsIGxvY2FsZXMgYXMgYWxsTG9jYWxlcyB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBNb2RhbCwgTW9kYWxQcm9wcyB9IGZyb20gJ0BkZmRzLXVpL21vZGFsJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTG9jYWxlT3B0aW9uIGZyb20gJy4vTG9jYWxlT3B0aW9uJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExvY2FsZVNlbGVjdG9yUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjx7XG4gIC8qKlxuICAgKiBQcm92aWRlIGxpbWl0ZWQgc2V0IG9mIGxvY2FsZXMgdG8gY2hvb3NlIGZyb21cbiAgICovXG4gIGxvY2FsZXM/OiBSZWFkb25seUFycmF5PExvY2FsZT5cbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBvbiBidXR0b24gdGhhdCBvcGVuIHRoZSBzZWxlY3RvciBhc1xuICAgKiB3ZWxsIGFzIGluIHRoZSBoZWFkaW5nIG9mIHRoZSBzZWxlY3RvclxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEN1cnJlbnQgbG9jYWxlIG9mIHRoZSBhcHBsaWNhdGlvblxuICAgKi9cbiAgY3VycmVudExvY2FsZTogTG9jYWxlXG5cbiAgcmVuZGVyV2hlbkNsb3NlZD86IE1vZGFsUHJvcHNbJ3JlbmRlcldoZW5DbG9zZWQnXVxuXG4gIC8qKiBDYWxsYmFjayBmdW5jdGlvbiB0aGF0IGZpcmVzIHdpdGggbG9jYWxlIGFzIGFuIGFyZ3VtZW50ICovXG4gIG9uQ2hhbmdlOiAobG9jYWxlOiBMb2NhbGUpID0+IHZvaWRcblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn0+XG5cbmV4cG9ydCBjb25zdCBMb2NhbGVTZWxlY3RvciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBsb2NhbGVzID0gYWxsTG9jYWxlcyxcbiAgICAgIGxhYmVsID0gJ1dlYnNpdGUgYW5kIGxhbmd1YWdlJyxcbiAgICAgIGN1cnJlbnRMb2NhbGUsXG4gICAgICByZW5kZXJXaGVuQ2xvc2VkID0gdHJ1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgIH06IExvY2FsZVNlbGVjdG9yUHJvcHMsXG4gICAgX3JlZlxuICApID0+IHtcbiAgICBjb25zdCBbc2hvd0xvY2FsZU1vZGFsLCBzZXRTaG93TG9jYWxlTW9kYWxdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2VMb2NhbGUgPSAobG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgICAgIG9uQ2hhbmdlKGxvY2FsZSlcbiAgICAgIHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSlcbiAgICB9XG4gICAgY29uc3QgTEFSR0VfVEhSRVNIT0xEID0gOSAvLyBtaW5pbXVtIG51bWJlciBvZiBsb2NhbGVzIGJlZm9yZSBzdXBwb3J0aW5nIDMgY29sdW1uc1xuICAgIGNvbnN0IGxhcmdlU2l6ZSA9IGxvY2FsZXMubGVuZ3RoID49IExBUkdFX1RIUkVTSE9MRCA/ICc4NDBweCcgOiAnNTYwcHgnXG4gICAgY29uc3Qgc2l6ZXMgPSB7IHM6ICdmdWxsc2NyZWVuJywgbTogJzU2MHB4JywgbDogJzU2MHB4JywgeGw6IGxhcmdlU2l6ZSwgeHhsOiBsYXJnZVNpemUgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxMaW5rQnV0dG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgIDxMb2NhbGVGbGFnXG4gICAgICAgICAgICAgIGxvY2FsZT17Y3VycmVudExvY2FsZX1cbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBpY29uQWxpZ249XCJyaWdodFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U2hvd0xvY2FsZU1vZGFsKHRydWUpfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsICYmIGxhYmVsfVxuICAgICAgICA8L0xpbmtCdXR0b24+XG4gICAgICAgIDxNb2RhbFxuICAgICAgICAgIGhlYWRpbmc9e2xhYmVsfVxuICAgICAgICAgIGlzT3Blbj17c2hvd0xvY2FsZU1vZGFsfVxuICAgICAgICAgIHNob3VsZENsb3NlT25Fc2M9e3RydWV9XG4gICAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldFNob3dMb2NhbGVNb2RhbChmYWxzZSl9XG4gICAgICAgICAgcmVuZGVyV2hlbkNsb3NlZD17cmVuZGVyV2hlbkNsb3NlZH1cbiAgICAgICAgICBzaXplcz17c2l6ZXN9XG4gICAgICAgICAgbm9Db250ZW50UGFkZGluZ1xuICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAxO1xuICAgICAgICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICAgICAgICAgICAgICBjb2x1bW4tY291bnQ6IDI7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgJHtsb2NhbGVzLmxlbmd0aCA+PSBMQVJHRV9USFJFU0hPTEQgJiZcbiAgICAgICAgICAgICAgbWVkaWEuZ3JlYXRlclRoYW4oJ3hsJylgXG4gICAgICAgICAgICAgICAgY29sdW1uLWNvdW50OiAzO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxMb2NhbGVPcHRpb25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxvY2FsZShsb2NhbGUpfVxuICAgICAgICAgICAgICAgICAga2V5PXtsb2NhbGV9XG4gICAgICAgICAgICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGxhYmVsPXtsb2NhbGVEYXRhW2xvY2FsZV0ubmF0aXZlTmFtZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Nb2RhbD5cbiAgICAgIDwvPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVTZWxlY3RvclxuIl19 */")
|
|
100
|
-
}, locales.map(locale => {
|
|
101
|
-
return (0, _react2.jsx)(_LocaleOption.default, {
|
|
102
|
-
onClick: () => handleChangeLocale(locale),
|
|
103
|
-
key: locale,
|
|
104
|
-
locale: locale,
|
|
105
|
-
label: _reactComponents.localeData[locale].nativeName
|
|
106
|
-
});
|
|
107
|
-
}))));
|
|
108
|
-
});
|
|
109
|
-
exports.LocaleSelector = LocaleSelector;
|
|
110
|
-
var _default = LocaleSelector;
|
|
111
|
-
exports.default = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './LocaleSelector';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _LocaleSelector = require("./LocaleSelector");
|
|
8
|
-
|
|
9
|
-
Object.keys(_LocaleSelector).forEach(function (key) {
|
|
10
|
-
if (key === "default" || key === "__esModule") return;
|
|
11
|
-
if (key in exports && exports[key] === _LocaleSelector[key]) return;
|
|
12
|
-
Object.defineProperty(exports, key, {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _LocaleSelector[key];
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
});
|
package/cjs/swiper/Swiper.d.ts
DELETED
package/cjs/swiper/Swiper.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Swiper = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _flexbox = require("@dfds-ui/react-components/flexbox");
|
|
11
|
-
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
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)."; }
|
|
17
|
-
|
|
18
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
19
|
-
name: "g2i3t9",
|
|
20
|
-
styles: "align-items:stretch;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
|
|
21
|
-
} : {
|
|
22
|
-
name: "kuqot3-Swiper",
|
|
23
|
-
styles: "align-items:stretch;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;};label:Swiper;",
|
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpcGVyL1N3aXBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIFN3aXBlclByb3BzID0gUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuZXhwb3J0IGNvbnN0IFN3aXBlciA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogU3dpcGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIG92ZXJmbG93LXg6IHNjcm9sbDtcbiAgICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG5cbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
|
|
25
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
const Swiper = ({
|
|
29
|
-
className,
|
|
30
|
-
children
|
|
31
|
-
}) => {
|
|
32
|
-
return (0, _react2.jsx)(_flexbox.FlexBox, {
|
|
33
|
-
className: className,
|
|
34
|
-
css: _ref
|
|
35
|
-
}, children);
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
exports.Swiper = Swiper;
|
package/cjs/swiper/SwiperCard.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SwiperCard = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _flexbox = require("@dfds-ui/react-components/flexbox");
|
|
11
|
-
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
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)."; }
|
|
17
|
-
|
|
18
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
19
|
-
name: "1re1v57",
|
|
20
|
-
styles: "min-width:80%"
|
|
21
|
-
} : {
|
|
22
|
-
name: "sgtqui-SwiperCard",
|
|
23
|
-
styles: "min-width:80%;label:SwiperCard;",
|
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N3aXBlci9Td2lwZXJDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3dpcGVyQ2FyZFByb3BzID0gUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuZXhwb3J0IGNvbnN0IFN3aXBlckNhcmQgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFN3aXBlckNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4td2lkdGg6IDgwJTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
|
|
25
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
const SwiperCard = ({
|
|
29
|
-
className,
|
|
30
|
-
children
|
|
31
|
-
}) => {
|
|
32
|
-
return (0, _react2.jsx)(_flexbox.FlexBox, {
|
|
33
|
-
className: className,
|
|
34
|
-
css: _ref
|
|
35
|
-
}, children);
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
exports.SwiperCard = SwiperCard;
|
package/cjs/swiper/index.d.ts
DELETED
package/cjs/swiper/index.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _Swiper = require("./Swiper");
|
|
8
|
-
|
|
9
|
-
Object.keys(_Swiper).forEach(function (key) {
|
|
10
|
-
if (key === "default" || key === "__esModule") return;
|
|
11
|
-
if (key in exports && exports[key] === _Swiper[key]) return;
|
|
12
|
-
Object.defineProperty(exports, key, {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _Swiper[key];
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
var _SwiperCard = require("./SwiperCard");
|
|
21
|
-
|
|
22
|
-
Object.keys(_SwiperCard).forEach(function (key) {
|
|
23
|
-
if (key === "default" || key === "__esModule") return;
|
|
24
|
-
if (key in exports && exports[key] === _SwiperCard[key]) return;
|
|
25
|
-
Object.defineProperty(exports, key, {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function get() {
|
|
28
|
-
return _SwiperCard[key];
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
});
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
declare type DataKey = {
|
|
3
|
-
displayName: string;
|
|
4
|
-
key: string;
|
|
5
|
-
rightAlign?: boolean;
|
|
6
|
-
customColumnWidth?: string;
|
|
7
|
-
bold?: boolean;
|
|
8
|
-
};
|
|
9
|
-
declare type DynamicTableProps = {
|
|
10
|
-
data: any[];
|
|
11
|
-
dataKeys?: DataKey[];
|
|
12
|
-
className?: string;
|
|
13
|
-
hasHeader?: boolean;
|
|
14
|
-
colorScheme?: {
|
|
15
|
-
valueKey: string;
|
|
16
|
-
colors: any;
|
|
17
|
-
};
|
|
18
|
-
badgesScheme?: {
|
|
19
|
-
valueKey: string;
|
|
20
|
-
intentMapping: any;
|
|
21
|
-
};
|
|
22
|
-
fixedHeight?: string;
|
|
23
|
-
stickyHeader?: boolean;
|
|
24
|
-
onSortByKey?: (value: string, sortByDescending: boolean) => void;
|
|
25
|
-
onSelectFunction?: (list: string[]) => void;
|
|
26
|
-
onSelectRow?: (id: string) => void;
|
|
27
|
-
};
|
|
28
|
-
declare const DynamicTable: FunctionComponent<DynamicTableProps>;
|
|
29
|
-
export default DynamicTable;
|
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
2
|
-
|
|
3
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
6
|
-
|
|
7
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
8
|
-
|
|
9
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
|
|
11
|
-
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."); }
|
|
12
|
-
|
|
13
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
16
|
-
|
|
17
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
18
|
-
|
|
19
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
-
|
|
21
|
-
import React, { useState, useEffect } from 'react';
|
|
22
|
-
import { Badge, Checkbox } from '@dfds-ui/react-components';
|
|
23
|
-
import { dynamicTableWrapperStyle, downStyle, cellStyle, thStyle, rowStyle } from './DynamicTable.styles';
|
|
24
|
-
import { ChevronDown } from '@dfds-ui/icons/system';
|
|
25
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
26
|
-
|
|
27
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28
|
-
var DynamicTable = function DynamicTable(_ref) {
|
|
29
|
-
var data = _ref.data,
|
|
30
|
-
dataKeys = _ref.dataKeys,
|
|
31
|
-
className = _ref.className,
|
|
32
|
-
hasHeader = _ref.hasHeader,
|
|
33
|
-
onSortByKey = _ref.onSortByKey,
|
|
34
|
-
onSelectFunction = _ref.onSelectFunction,
|
|
35
|
-
onSelectRow = _ref.onSelectRow,
|
|
36
|
-
colorScheme = _ref.colorScheme,
|
|
37
|
-
badgesScheme = _ref.badgesScheme,
|
|
38
|
-
fixedHeight = _ref.fixedHeight,
|
|
39
|
-
stickyHeader = _ref.stickyHeader;
|
|
40
|
-
var keys = dataKeys || [];
|
|
41
|
-
|
|
42
|
-
if (!dataKeys) {
|
|
43
|
-
var newKeys = Object.keys(data[0]);
|
|
44
|
-
|
|
45
|
-
for (var i = 0; i < newKeys.length; i++) {
|
|
46
|
-
keys.push({
|
|
47
|
-
displayName: newKeys[i],
|
|
48
|
-
key: newKeys[i],
|
|
49
|
-
rightAlign: false
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
keys = dataKeys || keys;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
var itemsAreSelectable = onSelectFunction && keys.some(function (key) {
|
|
57
|
-
return key.key === 'id';
|
|
58
|
-
}); // states
|
|
59
|
-
|
|
60
|
-
var _useState = useState([]),
|
|
61
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
-
selectedRows = _useState2[0],
|
|
63
|
-
setSelectedRows = _useState2[1];
|
|
64
|
-
|
|
65
|
-
var _useState3 = useState(''),
|
|
66
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
67
|
-
sortByKeyValue = _useState4[0],
|
|
68
|
-
setSortByKeyValue = _useState4[1];
|
|
69
|
-
|
|
70
|
-
var _useState5 = useState(false),
|
|
71
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
72
|
-
sortByDescending = _useState6[0],
|
|
73
|
-
setSortByDescending = _useState6[1];
|
|
74
|
-
|
|
75
|
-
useEffect(function () {
|
|
76
|
-
onSelectFunction && onSelectFunction(selectedRows);
|
|
77
|
-
}, [onSelectFunction, selectedRows]); // update state and callback functions
|
|
78
|
-
|
|
79
|
-
var updateSelectedRows = function updateSelectedRows(id) {
|
|
80
|
-
if (itemsAreSelectable) {
|
|
81
|
-
var selection = _toConsumableArray(selectedRows);
|
|
82
|
-
|
|
83
|
-
if (selectedRows.includes(id)) {
|
|
84
|
-
var index = selectedRows.indexOf(id);
|
|
85
|
-
if (index !== -1) selection.splice(index, 1);
|
|
86
|
-
setSelectedRows(selection);
|
|
87
|
-
} else {
|
|
88
|
-
selection.push(id);
|
|
89
|
-
setSelectedRows(selection);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
var toggleAll = function toggleAll() {
|
|
95
|
-
if (onSelectFunction) {
|
|
96
|
-
if (selectedRows.length === 0) {
|
|
97
|
-
var newArray = [];
|
|
98
|
-
|
|
99
|
-
for (var _i2 = 0; _i2 < data.length; _i2++) {
|
|
100
|
-
newArray.push(data[_i2].id);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
setSelectedRows(newArray);
|
|
104
|
-
onSelectFunction(selectedRows);
|
|
105
|
-
} else {
|
|
106
|
-
setSelectedRows([]);
|
|
107
|
-
onSelectFunction(selectedRows);
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
var sort = function sort(oldKey, newKey) {
|
|
113
|
-
if (onSortByKey) {
|
|
114
|
-
if (oldKey !== newKey) {
|
|
115
|
-
setSortByKeyValue(newKey);
|
|
116
|
-
setSortByDescending(false);
|
|
117
|
-
} else {
|
|
118
|
-
setSortByDescending(!sortByDescending);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
var selectRow = function selectRow(id) {
|
|
124
|
-
onSelectRow && onSelectRow(id);
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
useEffect(function () {
|
|
128
|
-
if (onSortByKey) {
|
|
129
|
-
onSortByKey(sortByKeyValue, sortByDescending);
|
|
130
|
-
}
|
|
131
|
-
}, [sortByDescending, sortByKeyValue, onSortByKey]);
|
|
132
|
-
return ___EmotionJSX("div", {
|
|
133
|
-
css: dynamicTableWrapperStyle({
|
|
134
|
-
stickyHeader: stickyHeader,
|
|
135
|
-
fixedHeight: fixedHeight,
|
|
136
|
-
columns: keys.length,
|
|
137
|
-
onSelectFunction: onSelectFunction,
|
|
138
|
-
onSortByKey: onSortByKey
|
|
139
|
-
})
|
|
140
|
-
}, ___EmotionJSX("table", {
|
|
141
|
-
className: className
|
|
142
|
-
}, hasHeader && ___EmotionJSX("thead", null, ___EmotionJSX("tr", null, itemsAreSelectable && ___EmotionJSX("th", {
|
|
143
|
-
className: "checkboxColumn"
|
|
144
|
-
}, ___EmotionJSX(Checkbox, {
|
|
145
|
-
indeterminate: true,
|
|
146
|
-
size: "small",
|
|
147
|
-
name: "all",
|
|
148
|
-
checked: selectedRows.length > 0,
|
|
149
|
-
onChange: function onChange() {
|
|
150
|
-
toggleAll();
|
|
151
|
-
}
|
|
152
|
-
})), keys.map(function (key, i) {
|
|
153
|
-
return ___EmotionJSX("th", {
|
|
154
|
-
css: thStyle({
|
|
155
|
-
onSelectFunction: !!onSelectFunction,
|
|
156
|
-
columns: keys.length,
|
|
157
|
-
align: key.rightAlign ? 'right' : 'left',
|
|
158
|
-
customColumnWidth: key.customColumnWidth
|
|
159
|
-
}),
|
|
160
|
-
onClick: function onClick() {
|
|
161
|
-
return sort(sortByKeyValue, key.key);
|
|
162
|
-
},
|
|
163
|
-
key: i,
|
|
164
|
-
align: key.rightAlign ? 'right' : 'left'
|
|
165
|
-
}, onSortByKey && key.rightAlign && ___EmotionJSX(ChevronDown, {
|
|
166
|
-
css: downStyle({
|
|
167
|
-
showArrow: sortByKeyValue === key.key,
|
|
168
|
-
descending: sortByDescending
|
|
169
|
-
})
|
|
170
|
-
}), key.displayName, onSortByKey && !key.rightAlign && ___EmotionJSX(ChevronDown, {
|
|
171
|
-
css: downStyle({
|
|
172
|
-
showArrow: sortByKeyValue === key.key,
|
|
173
|
-
descending: sortByDescending
|
|
174
|
-
})
|
|
175
|
-
}));
|
|
176
|
-
}))), ___EmotionJSX("tbody", null, data.map(function (row, i) {
|
|
177
|
-
return ___EmotionJSX("tr", {
|
|
178
|
-
className: "dynamicTableRow-".concat(i),
|
|
179
|
-
css: rowStyle({
|
|
180
|
-
hoverColor: !!onSelectRow
|
|
181
|
-
}),
|
|
182
|
-
key: i
|
|
183
|
-
}, itemsAreSelectable && ___EmotionJSX("td", {
|
|
184
|
-
className: "checkboxColumn"
|
|
185
|
-
}, ___EmotionJSX(Checkbox, {
|
|
186
|
-
size: "small",
|
|
187
|
-
name: row.id,
|
|
188
|
-
checked: selectedRows.includes(row.id),
|
|
189
|
-
onChange: function onChange() {
|
|
190
|
-
updateSelectedRows(row.id);
|
|
191
|
-
}
|
|
192
|
-
})), keys.map(function (cell, index) {
|
|
193
|
-
var cellElement = row[cell.key];
|
|
194
|
-
return ___EmotionJSX("td", {
|
|
195
|
-
className: "dynamicTableColumn-".concat(cell.key),
|
|
196
|
-
onClick: function onClick() {
|
|
197
|
-
return onSelectRow && row.id ? selectRow(row.id) : null;
|
|
198
|
-
},
|
|
199
|
-
css: cellStyle({
|
|
200
|
-
onSelectFunction: !!onSelectFunction,
|
|
201
|
-
columns: keys.length,
|
|
202
|
-
bold: cell.bold,
|
|
203
|
-
customColumnWidth: cell.customColumnWidth,
|
|
204
|
-
color: !badgesScheme && colorScheme && colorScheme.colors && colorScheme.colors[cellElement] || null
|
|
205
|
-
}),
|
|
206
|
-
align: cell.rightAlign ? 'right' : 'left',
|
|
207
|
-
key: index
|
|
208
|
-
}, !(badgesScheme !== null && badgesScheme !== void 0 && badgesScheme.intentMapping[cellElement]) && ___EmotionJSX("span", null, cellElement || '-'), (badgesScheme === null || badgesScheme === void 0 ? void 0 : badgesScheme.intentMapping[cellElement]) && ___EmotionJSX(Badge, {
|
|
209
|
-
intent: badgesScheme.intentMapping[cellElement]
|
|
210
|
-
}, cellElement || '-'));
|
|
211
|
-
}));
|
|
212
|
-
}))));
|
|
213
|
-
};
|
|
214
|
-
|
|
215
|
-
export default DynamicTable;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const dynamicTableWrapperStyle: (props: any) => import("@emotion/react").SerializedStyles;
|
|
2
|
-
export declare const thStyle: (props: any) => import("@emotion/react").SerializedStyles;
|
|
3
|
-
export declare const rowStyle: (props: any) => import("@emotion/react").SerializedStyles;
|
|
4
|
-
export declare const cellStyle: (props: any) => import("@emotion/react").SerializedStyles;
|
|
5
|
-
export declare const downStyle: (props: any) => import("@emotion/react").SerializedStyles;
|