@popsure/dirty-swan 0.28.1 → 0.28.2
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/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +156 -149
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/comparisonTable/components/TableButton/index.d.ts +7 -0
- package/dist/cjs/lib/components/comparisonTable/components/TableButton/index.test.d.ts +1 -0
- package/dist/cjs/lib/components/comparisonTable/components/TableRowHeader/index.d.ts +7 -5
- package/dist/cjs/lib/components/comparisonTable/components/TableRowHeader/index.test.d.ts +1 -0
- package/dist/cjs/lib/components/comparisonTable/index.d.ts +2 -1
- package/dist/cjs/lib/index.d.ts +2 -2
- package/dist/esm/{_commonjsHelpers-0f86abda.js → _commonjsHelpers-e7f67fd8.js} +2 -2
- package/dist/esm/_commonjsHelpers-e7f67fd8.js.map +1 -0
- package/dist/esm/components/autocompleteAddress/demo.js +2 -2
- package/dist/esm/components/autocompleteAddress/index.js +2 -2
- package/dist/esm/components/autocompleteAddress/index.test.js +3 -3
- package/dist/esm/components/comparisonTable/components/TableButton/index.js +15 -0
- package/dist/esm/components/comparisonTable/components/TableButton/index.js.map +1 -0
- package/dist/esm/components/comparisonTable/components/TableButton/index.test.js +37 -0
- package/dist/esm/components/comparisonTable/components/TableButton/index.test.js.map +1 -0
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js +5 -9
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js +82 -0
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js.map +1 -0
- package/dist/esm/components/comparisonTable/index.js +3 -2
- package/dist/esm/components/comparisonTable/index.js.map +1 -1
- package/dist/esm/components/dateSelector/index.js +1 -1
- package/dist/esm/components/input/currency/index.test.js +2 -2
- package/dist/esm/components/markdown/index.js +1 -1
- package/dist/esm/components/multiDropzone/index.test.js +5 -7405
- package/dist/esm/components/multiDropzone/index.test.js.map +1 -1
- package/dist/esm/components/segmentedControl/index.test.js +2 -2
- package/dist/esm/{customRender-39982d87.js → customRender-4157fcff.js} +2 -2
- package/dist/esm/{customRender-39982d87.js.map → customRender-4157fcff.js.map} +1 -1
- package/dist/esm/extend-expect-46bdce4a.js +7406 -0
- package/dist/esm/extend-expect-46bdce4a.js.map +1 -0
- package/dist/esm/{index-51913e93.js → index-1463d5e9.js} +2 -2
- package/dist/esm/{index-51913e93.js.map → index-1463d5e9.js.map} +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +3 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/comparisonTable/components/TableButton/index.d.ts +7 -0
- package/dist/esm/lib/components/comparisonTable/components/TableButton/index.test.d.ts +1 -0
- package/dist/esm/lib/components/comparisonTable/components/TableRowHeader/index.d.ts +7 -5
- package/dist/esm/lib/components/comparisonTable/components/TableRowHeader/index.test.d.ts +1 -0
- package/dist/esm/lib/components/comparisonTable/index.d.ts +2 -1
- package/dist/esm/lib/index.d.ts +2 -2
- package/dist/esm/util/testUtils/customRender.js +2 -2
- package/package.json +1 -1
- package/src/index.tsx +1 -0
- package/src/lib/components/comparisonTable/components/TableButton/index.test.tsx +28 -0
- package/src/lib/components/comparisonTable/components/TableButton/index.tsx +22 -0
- package/src/lib/components/comparisonTable/components/TableButton/style.module.scss +18 -0
- package/src/lib/components/comparisonTable/components/TableRowHeader/index.test.tsx +78 -0
- package/src/lib/components/comparisonTable/components/TableRowHeader/index.tsx +20 -25
- package/src/lib/components/comparisonTable/index.stories.mdx +13 -5
- package/src/lib/components/comparisonTable/index.tsx +2 -0
- package/src/lib/index.tsx +2 -0
- package/dist/esm/_commonjsHelpers-0f86abda.js.map +0 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2175,9 +2175,9 @@ function styleInject(css, ref) {
|
|
|
2175
2175
|
}
|
|
2176
2176
|
}
|
|
2177
2177
|
|
|
2178
|
-
var css_248z$
|
|
2179
|
-
var styles$
|
|
2180
|
-
styleInject(css_248z$
|
|
2178
|
+
var css_248z$s = ".style-module_container__3bJf5 {\n display: flex;\n align-items: center;\n}\n\n.style-module_date-selector-container__165Ii {\n margin-left: -8px;\n display: flex;\n}\n.style-module_date-selector-container__165Ii > select {\n margin-left: 8px;\n}\n@media (max-width: 34rem) {\n .style-module_date-selector-container__165Ii > select {\n margin-left: 0;\n }\n}\n@media (max-width: 34rem) {\n .style-module_date-selector-container__165Ii {\n margin-left: 0;\n display: unset;\n }\n}\n\n.style-module_row-container__2J4YP > select {\n margin-left: 8px;\n}\n@media (max-width: 34rem) {\n .style-module_row-container__2J4YP > select {\n margin-left: 0;\n }\n}\n@media (max-width: 34rem) {\n .style-module_row-container__2J4YP {\n display: flex;\n justify-content: space-between;\n }\n}\n\n.style-module_day-select__pHm0x {\n width: 88px;\n}\n@media (max-width: 34rem) {\n .style-module_day-select__pHm0x {\n flex: 1;\n margin-right: 8px;\n }\n}\n\n.style-module_month-select__2RXk9 {\n width: 104px;\n}\n@media (max-width: 34rem) {\n .style-module_month-select__2RXk9 {\n flex: 1;\n }\n}\n\n.style-module_year-select__8HXni {\n width: 104px;\n}\n@media (max-width: 34rem) {\n .style-module_year-select__8HXni {\n display: block;\n margin-top: 8px;\n width: 100%;\n }\n}\n\n.style-module_date-calendar-container__2ERYZ {\n position: relative;\n margin-left: 24px;\n}\n@media (max-width: 34rem) {\n .style-module_date-calendar-container__2ERYZ {\n margin-left: 16px;\n }\n}";
|
|
2179
|
+
var styles$r = {"container":"style-module_container__3bJf5","date-selector-container":"style-module_date-selector-container__165Ii","row-container":"style-module_row-container__2J4YP","day-select":"style-module_day-select__pHm0x","month-select":"style-module_month-select__2RXk9","year-select":"style-module_year-select__8HXni","date-calendar-container":"style-module_date-calendar-container__2ERYZ"};
|
|
2180
|
+
styleInject(css_248z$s);
|
|
2181
2181
|
|
|
2182
2182
|
var calendarIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%204.46118H5C3.89543%204.46118%203%205.35661%203%206.46118V20.4612C3%2021.5658%203.89543%2022.4612%205%2022.4612H19C20.1046%2022.4612%2021%2021.5658%2021%2020.4612V6.46118C21%205.35661%2020.1046%204.46118%2019%204.46118Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%202.46118V6.46118%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%202.46118V6.46118%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3%2010.4612H21%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
2183
2183
|
|
|
@@ -2278,19 +2278,19 @@ var DateSelector = function (_a) {
|
|
|
2278
2278
|
}
|
|
2279
2279
|
setOpenCalendar(false);
|
|
2280
2280
|
};
|
|
2281
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2281
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$r.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$r['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$r['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$r['day-select'], id: "day", name: "day", required: true, value: (_b = date.day) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
|
|
2282
2282
|
handleOnChange('day', parseInt(e.target.value, 10));
|
|
2283
2283
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.day) || 'Day' }), void 0),
|
|
2284
2284
|
availableDays.map(function (day) { return (jsxRuntime.jsx("option", __assign({ value: day }, { children: day }), day)); })] }), void 0),
|
|
2285
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$
|
|
2285
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$r['month-select'], id: "month", name: "month", required: true, value: (_c = date.month) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
|
|
2286
2286
|
handleOnChange('month', parseInt(e.target.value, 10));
|
|
2287
2287
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.month) || 'Month' }), void 0),
|
|
2288
2288
|
availableMonths.map(function (month, i) { return (jsxRuntime.jsx("option", __assign({ value: i + 1 }, { children: month }), month)); })] }), void 0)] }), void 0),
|
|
2289
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$
|
|
2289
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$r['year-select'], id: "year", name: "year", required: true, value: (_d = date.year) !== null && _d !== void 0 ? _d : '', onChange: function (e) {
|
|
2290
2290
|
handleOnChange('year', parseInt(e.target.value, 10));
|
|
2291
2291
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.year) || 'Year' }), void 0),
|
|
2292
2292
|
availableYears.map(function (year) { return (jsxRuntime.jsx("option", __assign({ value: year }, { children: year }), year)); })] }), void 0)] }), void 0),
|
|
2293
|
-
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2293
|
+
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$r['date-calendar-container'] }, { children: [jsxRuntime.jsx("img", { className: "c-pointer", src: calendarIcon, alt: "calendar", onClick: function () { return setOpenCalendar(!openCalendar); } }, void 0),
|
|
2294
2294
|
openCalendar && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
|
|
2295
2295
|
if (dayjs(date).isAfter(dateCalendarFromMonth) ||
|
|
2296
2296
|
dayjs(date).isBefore(dateCalendarToMonth)) {
|
|
@@ -2798,9 +2798,9 @@ class SignaturePad {
|
|
|
2798
2798
|
}
|
|
2799
2799
|
}
|
|
2800
2800
|
|
|
2801
|
-
var css_248z$
|
|
2802
|
-
var styles$
|
|
2803
|
-
styleInject(css_248z$
|
|
2801
|
+
var css_248z$r = ".style-module_container__1VolG {\n position: relative;\n background-color: var(--ds-grey-200);\n border-radius: 8px;\n height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n width: 100%;\n height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n position: absolute;\n height: 2px;\n right: 112px;\n left: 72px;\n bottom: 32px;\n background-color: var(--ds-grey-400);\n border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n display: flex;\n position: absolute;\n right: 16px;\n bottom: 32px;\n color: var(--ds-primary-500);\n cursor: pointer;\n border: none;\n text-decoration: none;\n font-size: 16px;\n line-height: 24px;\n background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n content: \"\";\n display: inline-block;\n height: 24px;\n width: 24px;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: currentColor;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-background-color: currentColor;\n margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n position: absolute;\n bottom: 32px;\n left: 16px;\n height: 24px;\n width: 24px;\n mask-size: 24px 24px;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-size: 24px 24px;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n background-color: var(--ds-grey-500);\n}";
|
|
2802
|
+
var styles$q = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
|
|
2803
|
+
styleInject(css_248z$r);
|
|
2804
2804
|
|
|
2805
2805
|
var sign = "data:image/svg+xml,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.7%203.70001C13.3%204.00001%2013.5%205.10001%2014.1%206.20001C14.7%207.30001%2014.9%209.20001%2014.6%2010.5C14.1%2012.3%2015.3%2014.4%2019.3%2019.7C22.2%2023.4%2025.6%2028%2026.9%2029.8L29.2%2033L23%2039.7C19.7%2043.4%2017.1%2046.9%2017.4%2047.6C17.7%2048.3%2017.2%2049.4%2016.4%2050C14.8%2051.4%2014.5%2054%2016.1%2054C17.5%2054%2023.6%2049.5%2029%2044.4L33.5%2040.1L41%2051.3C49.2%2063.6%2053.7%2069%2055.8%2069C56.6%2069%2056.8%2068.5%2056.4%2067.7C56%2067.1%2057.8%2068.9%2060.5%2071.8C63.1%2074.7%2065.5%2076.9%2065.7%2076.6C65.9%2076.4%2065.2%2074.4%2064.1%2072.1C62.9%2069.9%2062%2067.2%2062%2066.2C62%2063.3%2054.5%2047.6%2048.9%2039C46.2%2034.8%2044%2031%2044%2030.6C44%2030.2%2046.2%2027.3%2048.9%2024.2C54.3%2017.9%2059%2011.2%2059%209.80001C59%209.30001%2057.7%209.10001%2056%209.50001C54.2%209.90001%2050.5%2012.7%2046.4%2017.1C42.7%2020.9%2039.4%2024%2039.1%2024C38.8%2024%2036.3%2020.7%2033.6%2016.8C30.9%2012.9%2027.9%209.50001%2027%209.30001C26%209.00001%2024.3%207.60001%2023.2%206.10001C21.7%204.10001%2020.3%203.30001%2017.7%203.20001C15.8%203.10001%2014%203.30001%2013.7%203.70001Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fsvg%3E";
|
|
2806
2806
|
|
|
@@ -2829,15 +2829,15 @@ var Signature = /** @class */ (function (_super) {
|
|
|
2829
2829
|
Signature.prototype.render = function () {
|
|
2830
2830
|
var hasContent = this.state.hasContent;
|
|
2831
2831
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
|
|
2832
|
-
__html: "." + styles$
|
|
2832
|
+
__html: "." + styles$q.reset + "::before { \n -webkit-mask-image: url(\"" + reset + "\");\n mask-image: url(\"" + reset + "\");\n }",
|
|
2833
2833
|
} }, void 0),
|
|
2834
|
-
jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2835
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
2836
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
2834
|
+
jsxRuntime.jsxs("div", __assign({ className: styles$q.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$q.canvas, ref: this.canvasRef }, void 0),
|
|
2835
|
+
jsxRuntime.jsx("div", { className: styles$q.separator }, void 0),
|
|
2836
|
+
jsxRuntime.jsx("div", { className: styles$q.sign, style: {
|
|
2837
2837
|
WebkitMaskImage: "url(\"" + sign + "\")",
|
|
2838
2838
|
maskImage: "url(\"" + sign + "\")",
|
|
2839
2839
|
} }, void 0),
|
|
2840
|
-
jsxRuntime.jsx("button", __assign({ className: styles$
|
|
2840
|
+
jsxRuntime.jsx("button", __assign({ className: styles$q.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
|
|
2841
2841
|
};
|
|
2842
2842
|
Signature.prototype.notifyOnChange = function () {
|
|
2843
2843
|
var onChange = this.props.onChange;
|
|
@@ -5215,24 +5215,24 @@ function v4(options, buf, offset) {
|
|
|
5215
5215
|
return stringify$2(rnds);
|
|
5216
5216
|
}
|
|
5217
5217
|
|
|
5218
|
-
var css_248z$
|
|
5219
|
-
var styles$
|
|
5220
|
-
styleInject(css_248z$
|
|
5218
|
+
var css_248z$q = ".style-module_container__2L4SP {\n position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n position: absolute;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--ds-grey-500);\n transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n top: 7px;\n left: 16px;\n transform: translateY(0);\n font-size: 10px;\n line-height: 12px;\n opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n top: 28px;\n}\n\n.style-module_input__1eJO5 {\n box-sizing: border-box;\n padding-top: 9px;\n font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n position: absolute;\n pointer-events: none;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.3s ease all;\n color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n display: inline-block;\n margin-bottom: 8px;\n color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n margin-top: 4px;\n}";
|
|
5219
|
+
var styles$p = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
|
|
5220
|
+
styleInject(css_248z$q);
|
|
5221
5221
|
|
|
5222
5222
|
var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
5223
5223
|
var _b, _c, _d, _e, _f, _g;
|
|
5224
5224
|
var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel"]);
|
|
5225
5225
|
var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : v4())[0];
|
|
5226
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
5227
|
-
_b[styles$
|
|
5226
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$p.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles$p.label, (_b = {},
|
|
5227
|
+
_b[styles$p['label--with-error']] = error,
|
|
5228
5228
|
_b['sr-only'] = hideLabel,
|
|
5229
5229
|
_b)) }, { children: label }), void 0)),
|
|
5230
5230
|
jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames(error ? 'p-input--error' : 'p-input', !label && placeholder && placeholder.length > 0
|
|
5231
|
-
? styles$
|
|
5232
|
-
: styles$
|
|
5233
|
-
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$
|
|
5234
|
-
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$
|
|
5235
|
-
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$
|
|
5231
|
+
? styles$p.input
|
|
5232
|
+
: styles$p['input--no-placeholder'], (_c = {}, _c[styles$p['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
|
|
5233
|
+
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$p.prefix, (_d = {}, _d[styles$p['prefix--with-error']] = error, _d), (_e = {}, _e[styles$p['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
|
|
5234
|
+
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$p.placeholder, (_f = {}, _f[styles$p['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$p['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
|
|
5235
|
+
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$p.error }, { children: error }), void 0))] }), void 0));
|
|
5236
5236
|
});
|
|
5237
5237
|
|
|
5238
5238
|
var z7=Object.defineProperty;var V=(t,a)=>{for(var z in a)z7(t,z,{get:a[z],enumerable:!0});};var s=["AF","AL","DZ","AD","AS","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IL","IT","JM","JP","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","MS","ME","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","SH","KN","LC","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW","AX","BQ","CW","GG","IM","JE","BL","MF","SX","XK","SS"];var r$2={};V(r$2,{countries:()=>L,default:()=>p7,locale:()=>y$2});var y$2="en",L={AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarctica",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BV:"Bouvet Island",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei Darussalam",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CX:"Christmas Island",CC:"Cocos (Keeling) Islands",CO:"Colombia",KM:"Comoros",CG:"Republic of the Congo",CD:"Democratic Republic of the Congo",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote D'Ivoire",HR:"Croatia",CU:"Cuba",CY:"Cyprus",CZ:"Czech Republic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands (Malvinas)",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",TF:"French Southern Territories",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard Island and McDonald Islands",VA:"Holy See (Vatican City State)",HN:"Honduras",HK:"Hong Kong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Lao People's Democratic Republic",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia, Federated States of",MD:"Moldova, Republic of",MC:"Monaco",MN:"Mongolia",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Island",MK:"North Macedonia",MP:"Northern Mariana Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestine",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",RO:"Romania",RU:"Russia",RW:"Rwanda",SH:"Saint Helena",KN:"Saint Kitts and Nevis",LC:"Saint Lucia",PM:"Saint Pierre and Miquelon",VC:"Saint Vincent and the Grenadines",WS:"Samoa",SM:"San Marino",ST:"Sao Tome and Principe",SA:"Saudi Arabia",SN:"Senegal",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",GS:"South Georgia and the South Sandwich Islands",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SR:"Suriname",SJ:"Svalbard and Jan Mayen",SZ:"Eswatini",SE:"Sweden",CH:"Switzerland",SY:"Syrian Arab Republic",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor-Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad and Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TC:"Turks and Caicos Islands",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdom",US:"United States",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands, British",VI:"Virgin Islands, U.S.",WF:"Wallis and Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe",AX:"\xC5land Islands",BQ:"Bonaire, Sint Eustatius and Saba",CW:"Cura\xE7ao",GG:"Guernsey",IM:"Isle of Man",JE:"Jersey",ME:"Montenegro",BL:"Saint Barth\xE9lemy",MF:"Saint Martin (French part)",RS:"Serbia",SX:"Sint Maarten (Dutch part)",SS:"South Sudan",XK:"Kosovo"},p7={locale:y$2,countries:L};var m$3={};V(m$3,{countries:()=>S,default:()=>M7,locale:()=>B});var B="de",S={AF:"Afghanistan",EG:"\xC4gypten",AX:"\xC5land",AL:"Albanien",DZ:"Algerien",AS:"Amerikanisch-Samoa",VI:"Amerikanische Jungferninseln",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarktis",AG:"Antigua und Barbuda",GQ:"\xC4quatorialguinea",AR:"Argentinien",AM:"Armenien",AW:"Aruba",AZ:"Aserbaidschan",ET:"\xC4thiopien",AU:"Australien",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesch",BB:"Barbados",BY:"Belarus",BE:"Belgien",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivien",BQ:"Bonaire",BA:"Bosnien und Herzegowina",BW:"Botswana",BV:"Bouvetinsel",BR:"Brasilien",VG:"Britische Jungferninseln",IO:"Britisches Territorium im Indischen Ozean",BN:"Brunei Darussalam",BG:"Bulgarien",BF:"Burkina Faso",BI:"Burundi",CL:"Chile",CN:"China",CK:"Cookinseln",CR:"Costa Rica",CI:"Elfenbeink\xFCste",CW:"Cura\xE7ao",DK:"D\xE4nemark",DE:"Deutschland",DM:"Dominica",DO:"Dominikanische Republik",DJ:"Dschibuti",EC:"Ecuador",SV:"El Salvador",ER:"Eritrea",EE:"Estland",FK:"Falklandinseln",FO:"F\xE4r\xF6er",FJ:"Fidschi",FI:"Finnland",FR:"Frankreich",GF:"Franz\xF6sisch-Guayana",PF:"Franz\xF6sisch-Polynesien",TF:"Franz\xF6sische S\xFCd- und Antarktisgebiete",GA:"Gabun",GM:"Gambia",GE:"Georgien",GH:"Ghana",GI:"Gibraltar",GD:"Grenada",GR:"Griechenland",GL:"Gr\xF6nland",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GG:"Guernsey",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard und McDonaldinseln",HN:"Honduras",HK:"Hongkong",IN:"Indien",ID:"Indonesien",IM:"Insel Man",IQ:"Irak",IR:"Iran",IE:"Irland",IS:"Island",IL:"Israel",IT:"Italien",JM:"Jamaika",JP:"Japan",YE:"Jemen",JE:"Jersey",JO:"Jordanien",KY:"Kaimaninseln",KH:"Kambodscha",CM:"Kamerun",CA:"Kanada",CV:"Kap Verde",KZ:"Kasachstan",QA:"Katar",KE:"Kenia",KG:"Kirgisistan",KI:"Kiribati",CC:"Kokosinseln",CO:"Kolumbien",KM:"Komoren",CD:"Kongo",KP:"Nordkorea",KR:"S\xFCdkorea",HR:"Kroatien",CU:"Kuba",KW:"Kuwait",LA:"Laos",LS:"Lesotho",LV:"Lettland",LB:"Libanon",LR:"Liberia",LY:"Libyen",LI:"Liechtenstein",LT:"Litauen",LU:"Luxemburg",MO:"Macao",MG:"Madagaskar",MW:"Malawi",MY:"Malaysia",MV:"Malediven",ML:"Mali",MT:"Malta",MA:"Marokko",MH:"Marshallinseln",MQ:"Martinique",MR:"Mauretanien",MU:"Mauritius",YT:"Mayotte",MX:"Mexiko",FM:"Mikronesien",MD:"Moldawien",MC:"Monaco",MN:"Mongolei",ME:"Montenegro",MS:"Montserrat",MZ:"Mosambik",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NC:"Neukaledonien",NZ:"Neuseeland",NI:"Nicaragua",NL:"Niederlande",NE:"Niger",NG:"Nigeria",NU:"Niue",MK:"Nordmazedonien",MP:"N\xF6rdliche Marianen",NF:"Norfolkinsel",NO:"Norwegen",OM:"Oman",AT:"\xD6sterreich",TL:"Osttimor",PK:"Pakistan",PS:"Staat Pal\xE4stina",PW:"Palau",PA:"Panama",PG:"Papua-Neuguinea",PY:"Paraguay",PE:"Peru",PH:"Philippinen",PN:"Pitcairninseln",PL:"Polen",PT:"Portugal",PR:"Puerto Rico",TW:"Taiwan",CG:"Republik Kongo",RE:"R\xE9union",RW:"Ruanda",RO:"Rum\xE4nien",RU:"Russische F\xF6deration",BL:"Saint-Barth\xE9lemy",MF:"Saint-Martin",SB:"Salomonen",ZM:"Sambia",WS:"Samoa",SM:"San Marino",ST:"S\xE3o Tom\xE9 und Pr\xEDncipe",SA:"Saudi-Arabien",SE:"Schweden",CH:"Schweiz",SN:"Senegal",RS:"Serbien",SC:"Seychellen",SL:"Sierra Leone",ZW:"Simbabwe",SG:"Singapur",SX:"Sint Maarten",SK:"Slowakei",SI:"Slowenien",SO:"Somalia",ES:"Spanien",LK:"Sri Lanka",SH:"St. Helena",KN:"St. Kitts und Nevis",LC:"St. Lucia",PM:"Saint-Pierre und Miquelon",VC:"St. Vincent und die Grenadinen",ZA:"S\xFCdafrika",SD:"Sudan",GS:"S\xFCdgeorgien und die S\xFCdlichen Sandwichinseln",SS:"S\xFCdsudan",SR:"Suriname",SJ:"Svalbard und Jan Mayen",SZ:"Eswatini",SY:"Syrien, Arabische Republik",TJ:"Tadschikistan",TZ:"Tansania, Vereinigte Republik",TH:"Thailand",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad und Tobago",TD:"Tschad",CZ:"Tschechische Republik",TN:"Tunesien",TR:"T\xFCrkei",TM:"Turkmenistan",TC:"Turks- und Caicosinseln",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",HU:"Ungarn",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Usbekistan",VU:"Vanuatu",VA:"Vatikanstadt",VE:"Venezuela",AE:"Vereinigte Arabische Emirate",US:"Vereinigte Staaten",GB:"Vereinigtes K\xF6nigreich",VN:"Vietnam",WF:"Wallis und Futuna",CX:"Weihnachtsinsel",EH:"Westsahara",CF:"Zentralafrikanische Republik",CY:"Zypern",XK:"Kosovo"},M7={locale:B,countries:S};var c7={en:r$2,de:m$3};function $5(t,a="en"){return c7[a].countries[t]}var f7=(t="en")=>s.map(a=>({name:c7[t].countries[a],code:a}));f7();
|
|
@@ -5271,9 +5271,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
5271
5271
|
return toReturn;
|
|
5272
5272
|
};
|
|
5273
5273
|
|
|
5274
|
-
var css_248z$
|
|
5275
|
-
var styles$
|
|
5276
|
-
styleInject(css_248z$
|
|
5274
|
+
var css_248z$p = "@media (max-width: 34rem) {\n .style-module_input-line__34TKK {\n flex-direction: column;\n }\n .style-module_input-line__34TKK > *:not(:first-child) {\n margin-top: 16px;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_house-number-input__1sDS5 {\n max-width: none !important;\n }\n}\n\n.style-module_map-container__2rzjU {\n position: relative;\n height: 112px;\n margin-bottom: 16px;\n border-radius: 8px;\n transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n height: 0;\n margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.style-module_appear-in-animate__1bJyO {\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute !important;\n background-color: rgba(142, 140, 238, 0.25);\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 100;\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n width: 100%;\n height: 100%;\n}";
|
|
5275
|
+
var styles$o = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
|
|
5276
|
+
styleInject(css_248z$p);
|
|
5277
5277
|
|
|
5278
5278
|
var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
|
|
5279
5279
|
var GERMANY_ALPHA_CODE = 'DE';
|
|
@@ -5396,17 +5396,17 @@ var AutoCompleteAddress = function (_a) {
|
|
|
5396
5396
|
var handleEnterAddressManually = function () {
|
|
5397
5397
|
setManualAddressEntry(true);
|
|
5398
5398
|
};
|
|
5399
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$
|
|
5400
|
-
_b[styles$
|
|
5401
|
-
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$
|
|
5402
|
-
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
5399
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$o['map-container'], (_b = {},
|
|
5400
|
+
_b[styles$o['map-container--hidden']] = place === null,
|
|
5401
|
+
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$o.map, id: "map" }, void 0),
|
|
5402
|
+
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$o['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
|
|
5403
5403
|
jsxRuntime.jsx("div", __assign({ className: "wmx8" }, { children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"),
|
|
5404
|
-
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
5404
|
+
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ className: styles$o['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex c-gap16 " + styles$o['input-line'] }, { children: [jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: function (e) {
|
|
5405
5405
|
var newAddress = __assign(__assign({}, address), { street: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5406
5406
|
setAddress(newAddress);
|
|
5407
5407
|
debouncedSetPlace(newAddress);
|
|
5408
5408
|
} }, "autocomplete-street"),
|
|
5409
|
-
jsxRuntime.jsx(Input, { className: "wmx2 " + styles$
|
|
5409
|
+
jsxRuntime.jsx(Input, { className: "wmx2 " + styles$o['house-number-input'], "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', onChange: function (e) {
|
|
5410
5410
|
var newAddress = __assign(__assign({}, address), { houseNumber: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5411
5411
|
setAddress(newAddress);
|
|
5412
5412
|
debouncedSetPlace(newAddress);
|
|
@@ -5416,7 +5416,7 @@ var AutoCompleteAddress = function (_a) {
|
|
|
5416
5416
|
var newAddress = __assign(__assign({}, address), { additionalInformation: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5417
5417
|
setAddress(newAddress);
|
|
5418
5418
|
} }, "autocomplete-additional-info"),
|
|
5419
|
-
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$
|
|
5419
|
+
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$o['input-line'] }, { children: [jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', onChange: function (e) {
|
|
5420
5420
|
var newAddress = __assign(__assign({}, address), { postcode: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5421
5421
|
setAddress(newAddress);
|
|
5422
5422
|
debouncedSetPlace(newAddress);
|
|
@@ -8469,9 +8469,9 @@ const AnimateHeight = (_a) => {
|
|
|
8469
8469
|
require$$0__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
8470
8470
|
};
|
|
8471
8471
|
|
|
8472
|
-
var css_248z$
|
|
8473
|
-
var styles$
|
|
8474
|
-
styleInject(css_248z$
|
|
8472
|
+
var css_248z$o = ".style-module_container__Uyltc {\n background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n border: 1px dashed var(--ds-primary-500);\n padding: 32px 0;\n background-color: white;\n transition: all 0.6s ease-in-out;\n}\n\n.style-module_img__11JI8 {\n vertical-align: middle;\n margin-right: 8px;\n height: 18px;\n}\n\n.style-module_textInline__2F21z {\n display: inline-flex;\n}\n\n.style-module_dropzoneContainer__yZoGP:focus {\n outline: none;\n}\n\n.style-module_dropzoneContainer__yZoGP:hover {\n background-color: var(--ds-primary-100);\n transition: 0.5s ease;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n pointer-events: none;\n opacity: 0.4;\n}";
|
|
8473
|
+
var styles$n = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
|
|
8474
|
+
styleInject(css_248z$o);
|
|
8475
8475
|
|
|
8476
8476
|
var eyeSvg = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_14605_3108%29%22%3E%3Cpath%20d%3D%22M0.832031%209.99998C0.832031%209.99998%204.16536%203.33331%209.9987%203.33331C15.832%203.33331%2019.1654%209.99998%2019.1654%209.99998C19.1654%209.99998%2015.832%2016.6666%209.9987%2016.6666C4.16536%2016.6666%200.832031%209.99998%200.832031%209.99998Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.99902%2012.5C11.3797%2012.5%2012.499%2011.3807%2012.499%2010C12.499%208.61929%2011.3797%207.5%209.99902%207.5C8.61831%207.5%207.49902%208.61929%207.49902%2010C7.49902%2011.3807%208.61831%2012.5%209.99902%2012.5Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14605_3108%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%28-0.000976562%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
|
|
8477
8477
|
|
|
@@ -8500,9 +8500,9 @@ var icons = {
|
|
|
8500
8500
|
uploadSmallIcon: uploadSmallSvg,
|
|
8501
8501
|
};
|
|
8502
8502
|
|
|
8503
|
-
var css_248z$
|
|
8504
|
-
var styles$
|
|
8505
|
-
styleInject(css_248z$
|
|
8503
|
+
var css_248z$n = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d8;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #e55454;\n background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n width: 16px;\n height: 20px;\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n overflow-wrap: anywhere;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #f5f5fa;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #8e8cee;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n cursor: pointer;\n}\n\n.style-module_remove-icon__2FWBQ {\n margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n pointer-events: none;\n cursor: default;\n}\n\n@keyframes style-module_appear-down__14rCV {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
|
|
8504
|
+
var styles$m = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};
|
|
8505
|
+
styleInject(css_248z$n);
|
|
8506
8506
|
|
|
8507
8507
|
var UploadFileCell = function (_a) {
|
|
8508
8508
|
var _b, _c, _d;
|
|
@@ -8521,17 +8521,17 @@ var UploadFileCell = function (_a) {
|
|
|
8521
8521
|
COMPLETE: name,
|
|
8522
8522
|
ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
|
|
8523
8523
|
};
|
|
8524
|
-
return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$
|
|
8525
|
-
_b[styles$
|
|
8526
|
-
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$
|
|
8527
|
-
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$
|
|
8528
|
-
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$
|
|
8529
|
-
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$
|
|
8530
|
-
jsxRuntime.jsx("div", __assign({ className: classNames(styles$
|
|
8531
|
-
_c[styles$
|
|
8532
|
-
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8533
|
-
jsxRuntime.jsx("img", { className: classNames(styles$
|
|
8534
|
-
_d[styles$
|
|
8524
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$m['upload-file-cell'], (_b = {},
|
|
8525
|
+
_b[styles$m['upload-file-cell-error']] = hasError,
|
|
8526
|
+
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$m['cell-left-section'] }, { children: [jsxRuntime.jsx("img", { className: styles$m['main-icon'], src: mapFileIcon[uploadStatus], alt: "" }, void 0),
|
|
8527
|
+
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$m['upload-display-text'] }, { children: mapDisplayText[uploadStatus] }), void 0),
|
|
8528
|
+
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$m['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$m['progress-bar'] }, void 0),
|
|
8529
|
+
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$m['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
|
|
8530
|
+
jsxRuntime.jsx("div", __assign({ className: classNames(styles$m['cell-right-section'], (_c = {},
|
|
8531
|
+
_c[styles$m['cell-right-section-complete']] = isComplete,
|
|
8532
|
+
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$m.spinner }, { children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: 'ds-spinner ds-spinner__m', "data-testid": "ds-filecell-spinner" }, void 0)) }), void 0)) : (jsxRuntime.jsxs("div", { children: [isComplete && (jsxRuntime.jsx("a", __assign({ className: styles$m['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx("img", { src: icons.eyeIcon, alt: "preview" }, void 0) }), void 0)),
|
|
8533
|
+
jsxRuntime.jsx("img", { className: classNames(styles$m['remove-icon'], (_d = {},
|
|
8534
|
+
_d[styles$m.disabled] = uploading,
|
|
8535
8535
|
_d)), src: hasError ? icons.trashErrorIcon : icons.trashIcon, onClick: function () { return onRemoveFile(id); }, alt: "remove" }, void 0)] }, void 0)) }), void 0)] }), void 0));
|
|
8536
8536
|
};
|
|
8537
8537
|
|
|
@@ -8641,11 +8641,11 @@ var MultiDropZone = function (_a) {
|
|
|
8641
8641
|
maxSize: maxSize,
|
|
8642
8642
|
onDrop: onDrop,
|
|
8643
8643
|
}), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
|
|
8644
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8645
|
-
_b[styles$
|
|
8644
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$n.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$n.dropzoneContainer, (_b = {},
|
|
8645
|
+
_b[styles$n['dropzoneContainerDisabled']] = uploading,
|
|
8646
8646
|
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
|
|
8647
|
-
jsxRuntime.jsx("img", { className: isCondensed ? styles$
|
|
8648
|
-
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$
|
|
8647
|
+
jsxRuntime.jsx("img", { className: isCondensed ? styles$n.img : '', src: isCondensed ? icons.uploadSmallIcon : icons.uploadIcon, alt: "purple cloud with an arrow" }, void 0),
|
|
8648
|
+
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$n.textInline : '') }, { children: uploading
|
|
8649
8649
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
8650
8650
|
'Please wait while uploading file...'
|
|
8651
8651
|
: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
|
|
@@ -8663,9 +8663,9 @@ var MultiDropZone = function (_a) {
|
|
|
8663
8663
|
jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: jsxRuntime.jsx("p", __assign({ className: "tc-red-500 p-p--small" }, { children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || "Too many files." }), void 0) }), void 0)] }), void 0));
|
|
8664
8664
|
};
|
|
8665
8665
|
|
|
8666
|
-
var css_248z$
|
|
8667
|
-
var styles$
|
|
8668
|
-
styleInject(css_248z$
|
|
8666
|
+
var css_248z$m = ".styles-module_content-container__4wuQ0 {\n display: flex;\n justify-content: center;\n align-items: center;\n}";
|
|
8667
|
+
var styles$l = {"content-container":"styles-module_content-container__4wuQ0"};
|
|
8668
|
+
styleInject(css_248z$m);
|
|
8669
8669
|
|
|
8670
8670
|
var buttonTypeClassNameMap = {
|
|
8671
8671
|
primary: 'p-btn--primary',
|
|
@@ -8677,7 +8677,7 @@ var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
|
8677
8677
|
var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon; _a.type; var props = __rest$1(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon", "type"]);
|
|
8678
8678
|
var buttonClassName = buttonTypeClassNameMap[buttonType];
|
|
8679
8679
|
var loadingClassName = loading ? 'p-btn--loading' : '';
|
|
8680
|
-
return (jsxRuntime.jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8680
|
+
return (jsxRuntime.jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxRuntime.jsxs("div", __assign({ className: styles$l['content-container'] }, { children: [jsxRuntime.jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),
|
|
8681
8681
|
jsxRuntime.jsx("div", { children: buttonTitle }, void 0)] }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonTitle }, void 0)) }), void 0));
|
|
8682
8682
|
});
|
|
8683
8683
|
|
|
@@ -8685,17 +8685,17 @@ var checkIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%2
|
|
|
8685
8685
|
|
|
8686
8686
|
var downloadIcon = "data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2012.5V15.8333C18%2016.2754%2017.8244%2016.6993%2017.5118%2017.0118C17.1993%2017.3244%2016.7754%2017.5%2016.3333%2017.5H4.66667C4.22464%2017.5%203.80072%2017.3244%203.48816%2017.0118C3.17559%2016.6993%203%2016.2754%203%2015.8333V12.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.33325%208.33301L10.4999%2012.4997L14.6666%208.33301%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2012.5V2.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
8687
8687
|
|
|
8688
|
-
var css_248z$
|
|
8689
|
-
var styles$
|
|
8690
|
-
styleInject(css_248z$
|
|
8688
|
+
var css_248z$l = ".style-module_button__mw9kQ {\n height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n border-radius: 8px;\n padding: 8px 16px;\n height: 48px;\n}";
|
|
8689
|
+
var styles$k = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
8690
|
+
styleInject(css_248z$l);
|
|
8691
8691
|
|
|
8692
8692
|
var InitialButton = function (_a) {
|
|
8693
8693
|
var onDownload = _a.onDownload;
|
|
8694
|
-
return (jsxRuntime.jsx(Button, { className: "w100 " + styles$
|
|
8694
|
+
return (jsxRuntime.jsx(Button, { className: "w100 " + styles$k.button, buttonTitle: "Download", leftIcon: { src: downloadIcon, alt: 'download arrow icon' }, onClick: onDownload, "data-cy": "download-documents-button" }, void 0));
|
|
8695
8695
|
};
|
|
8696
8696
|
// TODO: Allow setting loading to true to display text
|
|
8697
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$
|
|
8698
|
-
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8697
|
+
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$k.button, buttonTitle: "Generating", loading: true }, void 0)); };
|
|
8698
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$k['chip-complete'] }, { children: [jsxRuntime.jsx("img", { src: checkIcon, alt: "grey check" }, void 0),
|
|
8699
8699
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
|
|
8700
8700
|
var DownloadButton = function (_a) {
|
|
8701
8701
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
@@ -8773,9 +8773,9 @@ var CurrencyInput = function (_a) {
|
|
|
8773
8773
|
} }, props), void 0));
|
|
8774
8774
|
};
|
|
8775
8775
|
|
|
8776
|
-
var css_248z$
|
|
8777
|
-
var styles$
|
|
8778
|
-
styleInject(css_248z$
|
|
8776
|
+
var css_248z$k = "@keyframes style-module_fade-in__1GZgs {\n 0% {\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n }\n}\n@keyframes style-module_fade-out__30Bns {\n from {\n background-color: rgba(0, 0, 0, 0.3);\n }\n to {\n background-color: rgba(0, 0, 0, 0);\n }\n}\n@keyframes style-module_appear-in__3U2lu {\n 0% {\n transform: translateY(100%);\n }\n 80% {\n transform: translateY(-2%);\n }\n 100% {\n transform: translateY(0);\n }\n}\n@keyframes style-module_disappear-out__6pOVr {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(100%);\n }\n}\n.style-module_close__1GERU {\n border: none;\n background-color: transparent;\n cursor: pointer;\n}\n\n.style-module_overlay__AlX2J, .style-module_overlay--close__3E9GY {\n position: fixed;\n z-index: 100;\n overflow: auto;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__1GZgs 0.3s both;\n}\n.style-module_overlay--close__3E9GY {\n animation-delay: 0.1s;\n animation: style-module_fade-out__30Bns 0.3s both;\n}\n\n.style-module_container__aOENo, .style-module_container--close__K506c {\n position: relative;\n background-color: white;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n width: 100%;\n animation-name: style-module_appear-in__3U2lu;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n top: 0;\n}\n.style-module_container--close__K506c {\n animation-name: style-module_disappear-out__6pOVr;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n.style-module_header__10iiH {\n height: 60px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 16px;\n}";
|
|
8777
|
+
var styles$j = {"close":"style-module_close__1GERU","overlay":"style-module_overlay__AlX2J","overlay--close":"style-module_overlay--close__3E9GY","fade-in":"style-module_fade-in__1GZgs","fade-out":"style-module_fade-out__30Bns","container":"style-module_container__aOENo","container--close":"style-module_container--close__K506c","appear-in":"style-module_appear-in__3U2lu","disappear-out":"style-module_disappear-out__6pOVr","header":"style-module_header__10iiH"};
|
|
8778
|
+
styleInject(css_248z$k);
|
|
8779
8779
|
|
|
8780
8780
|
var imageClose$1 = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%206L18%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
8781
8781
|
|
|
@@ -8827,14 +8827,14 @@ var BottomModal = (function (_a) {
|
|
|
8827
8827
|
if (!isOpen) {
|
|
8828
8828
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8829
8829
|
}
|
|
8830
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$
|
|
8831
|
-
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$
|
|
8832
|
-
jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8830
|
+
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$j['overlay--close'] : styles$j.overlay, onClick: handleOnClose }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$j['container--close'] : styles$j.container) + " " + className, ref: containerRef, style: { top: containerXOffset + "px" }, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$j.header }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$j.title }, { children: title }), void 0),
|
|
8831
|
+
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$j.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose$1, alt: "Close" }, void 0) }), void 0))] }), void 0),
|
|
8832
|
+
jsxRuntime.jsx("div", __assign({ className: styles$j.content }, { children: children }), void 0)] }), void 0) }), void 0));
|
|
8833
8833
|
});
|
|
8834
8834
|
|
|
8835
|
-
var css_248z$
|
|
8836
|
-
var styles$
|
|
8837
|
-
styleInject(css_248z$
|
|
8835
|
+
var css_248z$j = "@keyframes style-module_fade-in__nLzzO {\n 0% {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n}\n@keyframes style-module_fade-out__IuSV7 {\n from {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n to {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n}\n@keyframes style-module_appear-in__2ZMqz {\n 0% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n}\n@keyframes style-module_disappear-out__38TSV {\n 0% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n 100% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n position: fixed;\n z-index: 100;\n overflow: auto;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n animation-delay: 0.1s;\n animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n position: relative;\n display: flex;\n align-items: center;\n max-width: 592px;\n width: 100%;\n min-height: 100%;\n margin: 0 auto;\n animation-name: style-module_appear-in__2ZMqz;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n animation-name: style-module_disappear-out__38TSV;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n background-color: white;\n border-radius: 8px;\n margin: 32px auto;\n}\n\n.style-module_header__2oEKp {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n border: none;\n background-color: transparent;\n cursor: pointer;\n}";
|
|
8836
|
+
var styles$i = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi"};
|
|
8837
|
+
styleInject(css_248z$j);
|
|
8838
8838
|
|
|
8839
8839
|
var imageClose = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%206L18%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
8840
8840
|
|
|
@@ -8844,13 +8844,13 @@ var RegularModal = (function (_a) {
|
|
|
8844
8844
|
if (!isOpen) {
|
|
8845
8845
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8846
8846
|
}
|
|
8847
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$
|
|
8848
|
-
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$
|
|
8847
|
+
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$i['overlay--close'] : styles$i.overlay, onClick: handleOnClose }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$i['container--close'] : styles$i.container) + " " + className, onClick: handleContainerClick }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$i.body }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$i.header }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$i.title }, { children: title }), void 0),
|
|
8848
|
+
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$i.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose, alt: "Close" }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
|
|
8849
8849
|
});
|
|
8850
8850
|
|
|
8851
|
-
var css_248z$
|
|
8852
|
-
var styles$
|
|
8853
|
-
styleInject(css_248z$
|
|
8851
|
+
var css_248z$i = "@media (min-width: 34rem) {\n .style-module_mobile__3k175 {\n display: none;\n }\n}\n@media (max-width: 34rem) {\n .style-module_mobile__3k175 {\n display: block !important;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_desktop__2lclr {\n display: none;\n }\n}";
|
|
8852
|
+
var styles$h = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
|
|
8853
|
+
styleInject(css_248z$i);
|
|
8854
8854
|
|
|
8855
8855
|
var index$6 = (function (_a) {
|
|
8856
8856
|
var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
|
|
@@ -8869,8 +8869,8 @@ var index$6 = (function (_a) {
|
|
|
8869
8869
|
window.removeEventListener('resize', handleResize);
|
|
8870
8870
|
};
|
|
8871
8871
|
}, []);
|
|
8872
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8873
|
-
visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8872
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$h.mobile, ref: mobileRef }, { children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0),
|
|
8873
|
+
visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$h.desktop }, { children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0))] }, void 0));
|
|
8874
8874
|
});
|
|
8875
8875
|
|
|
8876
8876
|
var arrowRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
@@ -8898,9 +8898,9 @@ var chevronRight = {
|
|
|
8898
8898
|
alt: 'chevron facing right',
|
|
8899
8899
|
};
|
|
8900
8900
|
|
|
8901
|
-
var css_248z$
|
|
8902
|
-
var styles$
|
|
8903
|
-
styleInject(css_248z$
|
|
8901
|
+
var css_248z$h = ".style-module_container__3jKmy {\n padding: 24px;\n}\n.style-module_container--xsmall__1c9fn {\n padding: 16px 24px;\n}\n\n.style-module_title-container__yzUzm {\n display: flex;\n align-items: center;\n}\n\n.style-module_right-icon__1I62e {\n margin-left: auto;\n}\n\n.style-module_indent__2-oSJ {\n margin-left: 36px;\n}";
|
|
8902
|
+
var styles$g = {"container":"style-module_container__3jKmy","container--xsmall":"style-module_container--xsmall__1c9fn","title-container":"style-module_title-container__yzUzm","right-icon":"style-module_right-icon__1I62e","indent":"style-module_indent__2-oSJ"};
|
|
8903
|
+
styleInject(css_248z$h);
|
|
8904
8904
|
|
|
8905
8905
|
var containerStyleFromTitleSize = function (titleSize) {
|
|
8906
8906
|
switch (titleSize) {
|
|
@@ -8912,20 +8912,20 @@ var containerStyleFromTitleSize = function (titleSize) {
|
|
|
8912
8912
|
};
|
|
8913
8913
|
var index$5 = (function (_a) {
|
|
8914
8914
|
var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _c = _a.state, state = _c === void 0 ? 'actionable' : _c, _d = _a.dropshadow, dropshadow = _d === void 0 ? true : _d, props = __rest$1(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
|
|
8915
|
-
var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8916
|
-
var titleContainerStyle = styles$
|
|
8915
|
+
var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$g[containerStyleFromTitleSize(cardSize)];
|
|
8916
|
+
var titleContainerStyle = styles$g['title-container'];
|
|
8917
8917
|
var headingStyle = headingForCardSize(cardSize);
|
|
8918
|
-
var iconStyle = styles$
|
|
8919
|
-
var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$
|
|
8918
|
+
var iconStyle = styles$g['right-icon'];
|
|
8919
|
+
var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$g.indent : 'mt16');
|
|
8920
8920
|
return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxRuntime.jsxs("div", __assign({ className: titleContainerStyle }, { children: [leftIcon && (jsxRuntime.jsx("img", { className: "mr8", width: "28px", height: "28px", src: leftIcon === 'logo' ? featherLogo.src : leftIcon.src, alt: leftIcon === 'logo' ? featherLogo.alt : leftIcon.src }, void 0)),
|
|
8921
8921
|
jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8922
8922
|
rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
|
|
8923
8923
|
jsxRuntime.jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }), void 0));
|
|
8924
8924
|
});
|
|
8925
8925
|
|
|
8926
|
-
var css_248z$
|
|
8927
|
-
var styles$
|
|
8928
|
-
styleInject(css_248z$
|
|
8926
|
+
var css_248z$g = ".style-module_container__384bg {\n padding: 24px 24px 24px 32px;\n}\n.style-module_container--small__35EZ1 {\n padding: 16px 24px 16px 32px;\n}\n.style-module_container--xsmall__2DDsN {\n padding: 16px 16px 16px 24px;\n}\n\n.style-module_card-text--small__1L_Fe {\n margin-top: 2px;\n}\n\n.style-module_card-text--medium__qoKv2 {\n margin-top: 4px;\n}\n\n.style-module_card-text--big__mMB2v {\n margin-top: 6px;\n}";
|
|
8927
|
+
var styles$f = {"container":"style-module_container__384bg","container--small":"style-module_container--small__35EZ1","container--xsmall":"style-module_container--xsmall__2DDsN","card-text--small":"style-module_card-text--small__1L_Fe","card-text--medium":"style-module_card-text--medium__qoKv2","card-text--big":"style-module_card-text--big__mMB2v"};
|
|
8928
|
+
styleInject(css_248z$g);
|
|
8929
8929
|
|
|
8930
8930
|
var containerStyleFromCardSize = function (cardSize) {
|
|
8931
8931
|
switch (cardSize) {
|
|
@@ -8950,45 +8950,45 @@ var cardTextStyleFromCardSize = function (cardSize) {
|
|
|
8950
8950
|
};
|
|
8951
8951
|
var index$4 = (function (_a) {
|
|
8952
8952
|
var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest$1(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
|
|
8953
|
-
var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8953
|
+
var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$f[containerStyleFromCardSize(cardSize)];
|
|
8954
8954
|
var headingStyle = headingForCardSize(cardSize);
|
|
8955
8955
|
var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
|
|
8956
|
-
var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles$
|
|
8956
|
+
var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles$f[cardTextStyleFromCardSize(cardSize)];
|
|
8957
8957
|
return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsxRuntime.jsx("img", { width: "48px", height: "48px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
|
|
8958
8958
|
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8959
8959
|
rightIcon && (jsxRuntime.jsx("img", { className: "ml-auto", width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
|
|
8960
8960
|
jsxRuntime.jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
|
|
8961
8961
|
});
|
|
8962
8962
|
|
|
8963
|
-
var css_248z$
|
|
8964
|
-
var styles$
|
|
8965
|
-
styleInject(css_248z$
|
|
8963
|
+
var css_248z$f = ".style-module_container__34kUF {\n padding: 32px 24px 24px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.style-module_right-icon__3_kH9 {\n margin-left: 4px;\n}";
|
|
8964
|
+
var styles$e = {"container":"style-module_container__34kUF","right-icon":"style-module_right-icon__3_kH9"};
|
|
8965
|
+
styleInject(css_248z$f);
|
|
8966
8966
|
|
|
8967
8967
|
var index$3 = (function (_a) {
|
|
8968
8968
|
var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, topIcon = _a.topIcon, _c = _a.topIconSize, topIconSize = _c === void 0 ? { width: 48, height: 48 } : _c, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest$1(_a, ["className", "title", "cardSize", "children", "topIcon", "topIconSize", "rightIcon", "state", "dropshadow"]);
|
|
8969
|
-
var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8969
|
+
var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$e.container;
|
|
8970
8970
|
var headingStyle = headingForCardSize(cardSize);
|
|
8971
|
-
var iconStyle = styles$
|
|
8971
|
+
var iconStyle = styles$e['right-icon'];
|
|
8972
8972
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxRuntime.jsx("img", { width: topIconSize.width, height: topIconSize.height, alt: topIcon.alt, src: topIcon.src }, void 0),
|
|
8973
8973
|
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8974
8974
|
rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0), children] }), void 0) }, void 0));
|
|
8975
8975
|
});
|
|
8976
8976
|
|
|
8977
|
-
var css_248z$
|
|
8978
|
-
var styles$
|
|
8979
|
-
styleInject(css_248z$
|
|
8977
|
+
var css_248z$e = "@keyframes style-module_appear-in__23V7k {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.style-module_root-container__3r_b9 {\n position: relative;\n padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n visibility: visible;\n animation-name: style-module_appear-in__23V7k;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n position: absolute;\n left: 50%;\n transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n visibility: hidden;\n position: absolute;\n top: 64px;\n right: 24px;\n}\n\n.style-module_container__19mu2 {\n padding: 0 24px 24px 24px;\n height: 100%;\n}\n@media (max-width: 34rem) {\n .style-module_container__19mu2 {\n height: fit-content;\n }\n}";
|
|
8978
|
+
var styles$d = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
|
|
8979
|
+
styleInject(css_248z$e);
|
|
8980
8980
|
|
|
8981
8981
|
var index$2 = (function (_a) {
|
|
8982
8982
|
var className = _a.className, title = _a.title, children = _a.children, topIcon = _a.topIcon, rightIcon = _a.rightIcon, _b = _a.state, state = _b === void 0 ? 'actionable' : _b, _c = _a.dropshadow, dropshadow = _c === void 0 ? true : _c, props = __rest$1(_a, ["className", "title", "children", "topIcon", "rightIcon", "state", "dropshadow"]);
|
|
8983
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8984
|
-
jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8983
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$d['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$d['top-icon'] + " " + (state === 'muted' ? styles$d['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
|
|
8984
|
+
jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$d.container }, { children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$d['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt }, void 0)),
|
|
8985
8985
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center mt64" }, { children: title }), void 0),
|
|
8986
8986
|
jsxRuntime.jsx("p", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
|
|
8987
8987
|
});
|
|
8988
8988
|
|
|
8989
|
-
var css_248z$
|
|
8990
|
-
var styles$
|
|
8991
|
-
styleInject(css_248z$
|
|
8989
|
+
var css_248z$d = ".style-module_container__2tJCE {\n background-color: white;\n padding: 8px 16px;\n box-shadow: 0px 2px 20px rgba(97, 96, 162, 0.07);\n border-radius: 8px;\n border: 2px solid white;\n transition: border 0.2s ease-in-out;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-decoration: none;\n}\n.style-module_container__2tJCE:hover {\n border: 2px solid #b1b0f5;\n}\n.style-module_container__2tJCE[disabled] {\n pointer-events: none;\n opacity: 0.25;\n}\n.style-module_container__2tJCE:focus {\n border: 2px solid #8e8cee;\n}";
|
|
8990
|
+
var styles$c = {"container":"style-module_container__2tJCE"};
|
|
8991
|
+
styleInject(css_248z$d);
|
|
8992
8992
|
|
|
8993
8993
|
var CardContent = function (_a) {
|
|
8994
8994
|
var title = _a.title, description = _a.description;
|
|
@@ -8999,7 +8999,7 @@ var CardContent = function (_a) {
|
|
|
8999
8999
|
var CardButton = function (_a) {
|
|
9000
9000
|
var title = _a.title, description = _a.description, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, href = _a.href, className = _a.className;
|
|
9001
9001
|
var component = href ? 'a' : 'button';
|
|
9002
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: require$$0.createElement(component, __assign({ className: "c-pointer ta-left w100 " + styles$
|
|
9002
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: require$$0.createElement(component, __assign({ className: "c-pointer ta-left w100 " + styles$c.container + " " + (className !== null && className !== void 0 ? className : '') + "\n ", children: jsxRuntime.jsx(CardContent, { title: title, description: description }, void 0), disabled: disabled }, (component === 'a' ? { href: href } : { onClick: onClick }))) }, void 0));
|
|
9003
9003
|
};
|
|
9004
9004
|
|
|
9005
9005
|
var headingForCardSize = function (cardSize) {
|
|
@@ -9030,9 +9030,9 @@ var associatedClassForCardState = function (state, dropshadow) {
|
|
|
9030
9030
|
return baseClass;
|
|
9031
9031
|
};
|
|
9032
9032
|
|
|
9033
|
-
var css_248z$
|
|
9034
|
-
var styles$
|
|
9035
|
-
styleInject(css_248z$
|
|
9033
|
+
var css_248z$c = ".style-module_chip__3LMgV {\n background: var(--ds-primary-100);\n border: 2px solid var(--ds-primary-100);\n border-radius: 8px;\n padding: 4px 8px;\n width: fit-content;\n width: -moz-fit-content;\n display: flex;\n align-items: center;\n animation-name: style-module_appearInAnimation__33Ebn;\n animation-duration: 0.5s;\n animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n transition: 0.2s ease-in;\n border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n width: 24px;\n height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n width: 16px;\n height: 16px;\n position: relative;\n}\n\n.style-module_chip-remove-button__3LK7e,\n.style-module_chip-remove-button-highlighted__3DysJ {\n position: absolute;\n}\n\n.style-module_chip-remove-button__3LK7e:hover {\n opacity: 0;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n from {\n opacity: 0;\n transform: translateX(16px);\n }\n to {\n opacity: 1;\n }\n}";
|
|
9034
|
+
var styles$b = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e","chip-remove-button-highlighted":"style-module_chip-remove-button-highlighted__3DysJ"};
|
|
9035
|
+
styleInject(css_248z$c);
|
|
9036
9036
|
|
|
9037
9037
|
var removeButtonIcon = "data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4167%204L4.41666%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.41666%204L12.4167%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
9038
9038
|
|
|
@@ -9040,10 +9040,10 @@ var removeButtonHighlightedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%
|
|
|
9040
9040
|
|
|
9041
9041
|
var Chip = (function (_a) {
|
|
9042
9042
|
var value = _a.value, onRemove = _a.onRemove;
|
|
9043
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + styles$
|
|
9043
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + styles$b['chip'] }, { children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 " + styles$b['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
|
|
9044
9044
|
jsxRuntime.jsx("div", __assign({ className: "mr8" }, { children: value.value }), void 0),
|
|
9045
|
-
jsxRuntime.jsxs("div", __assign({ className: "c-pointer " + styles$
|
|
9046
|
-
jsxRuntime.jsx("img", { className: styles$
|
|
9045
|
+
jsxRuntime.jsxs("div", __assign({ className: "c-pointer " + styles$b['chip-button-container'], onClick: function () { return onRemove(value); } }, { children: [jsxRuntime.jsx("img", { className: styles$b['chip-remove-button-highlighted'], src: removeButtonHighlightedIcon, alt: "removal x button highlighted" }, void 0),
|
|
9046
|
+
jsxRuntime.jsx("img", { className: styles$b['chip-remove-button'], src: removeButtonIcon, alt: "removal x button" }, void 0)] }), void 0)] }), void 0));
|
|
9047
9047
|
});
|
|
9048
9048
|
|
|
9049
9049
|
var Autosuggest = {};
|
|
@@ -12160,22 +12160,22 @@ _defineProperty(Autosuggest, "defaultProps", {
|
|
|
12160
12160
|
|
|
12161
12161
|
var dist$1 = Autosuggest["default"];
|
|
12162
12162
|
|
|
12163
|
-
var css_248z$
|
|
12164
|
-
var styles$
|
|
12165
|
-
styleInject(css_248z$
|
|
12163
|
+
var css_248z$b = "@keyframes style-module_appearInAnimation__yvH4A {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n }\n}\n.style-module_suggestionsContainer__2yVXd {\n position: relative;\n}\n\n.style-module_suggestionsList__11o48 {\n position: absolute;\n z-index: 100;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid var(--ds-primary-500);\n width: 100%;\n height: fit-content;\n max-height: 216px;\n overflow-y: scroll;\n background-color: white;\n animation-name: style-module_appearInAnimation__yvH4A;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform: translateY(8px);\n}\n\n.style-module_suggestion-option__z7pqG {\n display: flex;\n align-items: center;\n cursor: pointer;\n position: relative;\n margin: 0;\n padding: 12px 16px;\n color: var(--ds-grey-900);\n min-height: 48px;\n line-height: 24px;\n}\n\n.style-module_suggestion-img__1TfiA {\n width: 32px;\n height: 24px;\n border-radius: 2px;\n}\n\n.style-module_suggestion-text__7wL31 {\n flex: 1;\n}\n\n.style-module_nowrap__uks9c {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.style-module_suggestionHighlighted__2zu5h {\n background-color: var(--ds-primary-100);\n}";
|
|
12164
|
+
var styles$a = {"suggestionsContainer":"style-module_suggestionsContainer__2yVXd","suggestionsList":"style-module_suggestionsList__11o48","appearInAnimation":"style-module_appearInAnimation__yvH4A","suggestion-option":"style-module_suggestion-option__z7pqG","suggestion-img":"style-module_suggestion-img__1TfiA","suggestion-text":"style-module_suggestion-text__7wL31","nowrap":"style-module_nowrap__uks9c","suggestionHighlighted":"style-module_suggestionHighlighted__2zu5h"};
|
|
12165
|
+
styleInject(css_248z$b);
|
|
12166
12166
|
|
|
12167
12167
|
var AutoSuggestInput = (function (_a) {
|
|
12168
12168
|
var currentOption = _a.currentOption, suggestions = _a.suggestions, handleSuggestionSelected = _a.handleSuggestionSelected, onChange = _a.onChange, handleSuggestionFetchRequest = _a.handleSuggestionFetchRequest, handleSuggestionClearRequest = _a.handleSuggestionClearRequest, placeholder = _a.placeholder, className = _a.className, wrapText = _a.wrapText;
|
|
12169
12169
|
var renderSuggestion = function (suggestion) {
|
|
12170
12170
|
var _a;
|
|
12171
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "" + styles$
|
|
12172
|
-
jsxRuntime.jsx("div", __assign({ className: classNames(styles$
|
|
12173
|
-
_a[styles$
|
|
12171
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "" + styles$a['suggestion-option'] }, { children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 " + styles$a['suggestion-img'], src: suggestion.leftIcon, alt: suggestion.value }, void 0)),
|
|
12172
|
+
jsxRuntime.jsx("div", __assign({ className: classNames(styles$a['suggestion-text'], (_a = {},
|
|
12173
|
+
_a[styles$a.nowrap] = !wrapText,
|
|
12174
12174
|
_a)) }, { children: suggestion.value }), void 0)] }), void 0));
|
|
12175
12175
|
};
|
|
12176
12176
|
var getSuggestionValue = function (suggestion) { return suggestion.value; };
|
|
12177
12177
|
var renderInputComponent = function (inputProps) { return (jsxRuntime.jsx(Input, __assign({}, inputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }), void 0)); };
|
|
12178
|
-
return (jsxRuntime.jsx("div", __assign({ className: className }, { children: jsxRuntime.jsx(dist$1, { theme: styles$
|
|
12178
|
+
return (jsxRuntime.jsx("div", __assign({ className: className }, { children: jsxRuntime.jsx(dist$1, { theme: styles$a, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: {
|
|
12179
12179
|
value: currentOption,
|
|
12180
12180
|
onChange: function (_, _a) {
|
|
12181
12181
|
var newValue = _a.newValue;
|
|
@@ -12187,15 +12187,15 @@ var AutoSuggestInput = (function (_a) {
|
|
|
12187
12187
|
}, renderInputComponent: renderInputComponent }, void 0) }), void 0));
|
|
12188
12188
|
});
|
|
12189
12189
|
|
|
12190
|
-
var css_248z$
|
|
12191
|
-
var styles$
|
|
12192
|
-
styleInject(css_248z$
|
|
12190
|
+
var css_248z$a = ".style-module_chip-container__26s37 {\n display: flex;\n flex-wrap: wrap;\n}";
|
|
12191
|
+
var styles$9 = {"chip-container":"style-module_chip-container__26s37"};
|
|
12192
|
+
styleInject(css_248z$a);
|
|
12193
12193
|
|
|
12194
12194
|
var index$1 = (function (_a) {
|
|
12195
12195
|
var options = _a.options, selectedValues = _a.selectedValues, setValues = _a.setValues, placeholder = _a.placeholder, chipsListClassName = _a.chipsListClassName, multiSelectClassName = _a.multiSelectClassName, wrapText = _a.wrapText;
|
|
12196
12196
|
var _b = require$$0.useState([]), suggestions = _b[0], setSuggestions = _b[1];
|
|
12197
12197
|
var _c = require$$0.useState(''), currentOption = _c[0], setCurrentOption = _c[1];
|
|
12198
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [selectedValues && selectedValues.length > 0 && (jsxRuntime.jsx("div", __assign({ className: "mb8 " + styles$
|
|
12198
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [selectedValues && selectedValues.length > 0 && (jsxRuntime.jsx("div", __assign({ className: "mb8 " + styles$9['chip-container'] + " " + chipsListClassName }, { children: selectedValues.map(function (value, index) { return (jsxRuntime.jsx(Chip, { value: value, onRemove: function (value) {
|
|
12199
12199
|
var newValues = __spreadArray$1([], selectedValues).filter(function (selectedValue) { return selectedValue.value !== value.value; });
|
|
12200
12200
|
setValues(newValues);
|
|
12201
12201
|
} }, value.value + "-" + index)); }) }), void 0)),
|
|
@@ -13636,9 +13636,9 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
13636
13636
|
|
|
13637
13637
|
}(dist));
|
|
13638
13638
|
|
|
13639
|
-
var css_248z$
|
|
13640
|
-
var styles$
|
|
13641
|
-
styleInject(css_248z$
|
|
13639
|
+
var css_248z$9 = ".AccordionItem-module_container__29xle {\n width: min-content;\n width: var(--growContent, min-content);\n margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n margin-top: 8px;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n border: none;\n background: #fafaff;\n column-gap: 16px;\n cursor: pointer;\n font-family: inherit;\n outline: none;\n position: relative;\n text-align: inherit;\n transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n background: #e6e5ff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n filter: brightness(0.425);\n}";
|
|
13640
|
+
var styles$8 = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
|
|
13641
|
+
styleInject(css_248z$9);
|
|
13642
13642
|
|
|
13643
13643
|
var ChevronSVG = function (_a) {
|
|
13644
13644
|
var className = _a.className;
|
|
@@ -13654,8 +13654,8 @@ var AccordionItem = function (_a) {
|
|
|
13654
13654
|
onClose();
|
|
13655
13655
|
}
|
|
13656
13656
|
};
|
|
13657
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles$
|
|
13658
|
-
jsxRuntime.jsx(ChevronSVG, { className: styles$
|
|
13657
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles$8.container }, { children: [jsxRuntime.jsxs("button", __assign({ className: "d-flex ai-center jc-between " + styles$8.headerButton + " " + headerClassName, onClick: handleClick, type: "button" }, { children: [jsxRuntime.jsx("div", __assign({ className: "d-flex ai-center " + styles$8.iconAndTextContainer }, { children: typeof label === 'string' ? (jsxRuntime.jsx("h4", __assign({ className: "p-h4" }, { children: label }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label }, void 0)) }), void 0),
|
|
13658
|
+
jsxRuntime.jsx(ChevronSVG, { className: styles$8.chevron + " " + (!isOpen && styles$8.chevronClosed) }, void 0)] }), void 0),
|
|
13659
13659
|
jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOpen ? 'auto' : 0.1 }, { children: children }), void 0)] }), void 0));
|
|
13660
13660
|
};
|
|
13661
13661
|
|
|
@@ -13664,13 +13664,13 @@ var Chevron = function (_a) {
|
|
|
13664
13664
|
return (jsxRuntime.jsx("svg", __assign({ width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#8E8CEE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
|
|
13665
13665
|
};
|
|
13666
13666
|
|
|
13667
|
-
var css_248z$
|
|
13668
|
-
var styles$
|
|
13669
|
-
styleInject(css_248z$
|
|
13667
|
+
var css_248z$8 = ".style-module_header__32rw- {\n position: relative;\n}\n.style-module_header__32rw- > div {\n width: var(--tableWidth);\n max-width: var(--tableWidth);\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n margin: 0;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- > div {\n width: 256px;\n width: var(--cellWidth, 256px);\n scroll-snap-align: unset;\n }\n}\n\n.style-module_cell__1NoZ6 {\n display: flex;\n justify-content: center;\n align-items: center;\n scroll-snap-align: end;\n line-height: 24px;\n padding: 16px;\n color: #4c4c53;\n width: 50vw;\n max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n background-color: white;\n /** Add scroll snap to every column except the first one */\n scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: unset;\n }\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6 {\n flex: 1 0 256px;\n flex: 1 0 var(--cellWidth, 256px);\n width: 256px;\n width: var(--cellWidth, 256px);\n padding: 24px;\n }\n .style-module_cell__1NoZ6:last-child {\n padding: 24px 8px 24px 24px;\n }\n}\n\nh4.style-module_cell__1NoZ6 {\n max-width: min(288px, calc(var(--tableWidth) / 2));\n max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n position: relative;\n color: #26262e;\n display: none;\n}\n.style-module_title__1xYvu:after {\n content: \"\";\n display: block;\n position: absolute;\n top: calc( 50% + 16px );\n height: 4px;\n width: 100%;\n max-width: 140px;\n background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n .style-module_title__1xYvu {\n display: flex;\n }\n}\n\n.style-module_sticky__2T5jm {\n position: sticky;\n justify-content: flex-start;\n z-index: 1;\n top: 0;\n left: 0;\n width: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_sticky__2T5jm {\n border-right: 1px solid #fafaff;\n flex: 1 0 288px;\n }\n}\n\n.style-module_addon__CPf60 {\n width: 100%;\n border-right: none;\n max-width: 100vw;\n}\n@media (min-width: 64rem) {\n .style-module_addon__CPf60 {\n max-width: 944px;\n }\n}";
|
|
13668
|
+
var styles$7 = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
|
|
13669
|
+
styleInject(css_248z$8);
|
|
13670
13670
|
|
|
13671
13671
|
var Row = function (props) {
|
|
13672
13672
|
var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId;
|
|
13673
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "\n d-flex\n w-100\n " + (isRowHeader ? styles$
|
|
13673
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "\n d-flex\n w-100\n " + (isRowHeader ? styles$7.header : '') + "\n " }, { children: [jsxRuntime.jsx("h4", __assign({ className: "\n " + styles$7.cell + "\n " + styles$7.sticky + "\n " + (isRowHeader ? "p-h2 p--serif " + styles$7.title : '') + "\n " + (typeof cell.key === 'undefined' ? styles$7.addon : '') + "\n " }, { children: cell.label }), void 0),
|
|
13674
13674
|
Array.isArray(data) &&
|
|
13675
13675
|
data.map(function (item) {
|
|
13676
13676
|
/**
|
|
@@ -13681,7 +13681,7 @@ var Row = function (props) {
|
|
|
13681
13681
|
return null;
|
|
13682
13682
|
if (typeof item[cell.key] === 'undefined')
|
|
13683
13683
|
return null;
|
|
13684
|
-
return (jsxRuntime.jsx("div", __assign({ className: "ta-center " + styles$
|
|
13684
|
+
return (jsxRuntime.jsx("div", __assign({ className: "ta-center " + styles$7.cell }, { children:
|
|
13685
13685
|
/**
|
|
13686
13686
|
* Return a function if `render` option is present
|
|
13687
13687
|
* else print the current data source value
|
|
@@ -13698,22 +13698,31 @@ var ArrowIcon = function (_a) {
|
|
|
13698
13698
|
return (jsxRuntime.jsx("svg", __assign({ width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
|
|
13699
13699
|
};
|
|
13700
13700
|
|
|
13701
|
-
var css_248z$
|
|
13702
|
-
var styles$
|
|
13703
|
-
styleInject(css_248z$
|
|
13701
|
+
var css_248z$7 = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 32px;\n padding: 0;\n border-radius: 50%;\n background-color: #f5f5fa;\n justify-content: center;\n align-items: center;\n stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f5f5fa;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f5f5fa;\n cursor: pointer;\n}";
|
|
13702
|
+
var styles$6 = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
|
|
13703
|
+
styleInject(css_248z$7);
|
|
13704
13704
|
|
|
13705
13705
|
var TableArrows = function (props) {
|
|
13706
13706
|
var _a, _b;
|
|
13707
13707
|
var active = props.active, onClick = props.onClick;
|
|
13708
13708
|
var handleButtonClick = function (value) { return function () { return onClick(value); }; };
|
|
13709
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
13710
|
-
_a[styles$
|
|
13709
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$6.container }, { children: [jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles$6.prev, styles$6.arrow, (_a = {},
|
|
13710
|
+
_a[styles$6.active] = active.left,
|
|
13711
13711
|
_a)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0),
|
|
13712
|
-
jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$
|
|
13713
|
-
_b[styles$
|
|
13712
|
+
jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$6.next, styles$6.arrow, (_b = {},
|
|
13713
|
+
_b[styles$6.active] = active.right,
|
|
13714
13714
|
_b)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
|
|
13715
13715
|
};
|
|
13716
13716
|
|
|
13717
|
+
var css_248z$6 = ".style-module_button__2W-YC {\n background-color: transparent;\n border-bottom: 2px dashed #696970;\n color: #4c4c53;\n cursor: pointer;\n padding: 2px;\n transition: 0.3s ease;\n transition-property: color, border-color;\n}\n.style-module_button__2W-YC:hover, .style-module_button__2W-YC:focus {\n border-color: #8e8cee;\n color: #8e8cee;\n outline-color: #8e8cee;\n}";
|
|
13718
|
+
var styles$5 = {"button":"style-module_button__2W-YC"};
|
|
13719
|
+
styleInject(css_248z$6);
|
|
13720
|
+
|
|
13721
|
+
var TableButton = function (_a) {
|
|
13722
|
+
var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
13723
|
+
return (jsxRuntime.jsx("button", __assign({ className: styles$5.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: children }), void 0));
|
|
13724
|
+
};
|
|
13725
|
+
|
|
13717
13726
|
var css_248z$5 = ".style-module_button__3TkNT {\n padding: 0;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: bottom;\n width: 24px;\n height: 24px;\n transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n fill: #e6e5ff;\n transition: all 0.3s ease;\n}";
|
|
13718
13727
|
var styles$4 = {"button":"style-module_button__3TkNT"};
|
|
13719
13728
|
styleInject(css_248z$5);
|
|
@@ -13757,13 +13766,10 @@ var css_248z$3 = ".style-module_icon__30Nor {\n min-width: 20px;\n}";
|
|
|
13757
13766
|
var styles$2 = {"icon":"style-module_icon__30Nor"};
|
|
13758
13767
|
styleInject(css_248z$3);
|
|
13759
13768
|
|
|
13760
|
-
var TableRowHeader = function (
|
|
13761
|
-
var icon =
|
|
13762
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [jsxRuntime.jsx("span", __assign({ className: "mr8 " + styles$2.icon }, { children: icon }), void 0),
|
|
13763
|
-
jsxRuntime.jsxs("div", { children: [jsxRuntime.
|
|
13764
|
-
mr8: onClickInfo,
|
|
13765
|
-
}) }, { children: label }), void 0),
|
|
13766
|
-
onClickInfo && jsxRuntime.jsx(TableInfoButton, { onClick: onClickInfo }, void 0)] }), void 0),
|
|
13769
|
+
var TableRowHeader = function (_a) {
|
|
13770
|
+
var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
|
|
13771
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [icon && jsxRuntime.jsx("span", __assign({ className: "mr8 " + styles$2.icon }, { children: icon }), void 0),
|
|
13772
|
+
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p d-inline" }, { children: !onClickInfo ? (jsxRuntime.jsx("span", { children: label }, void 0)) : (jsxRuntime.jsx(TableButton, __assign({ className: "mr8", onClick: onClickInfo }, { children: label }), void 0)) }), void 0),
|
|
13767
13773
|
subtitle && jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-grey-500" }, { children: subtitle }), void 0)] }, void 0)] }), void 0));
|
|
13768
13774
|
};
|
|
13769
13775
|
|
|
@@ -36125,6 +36131,7 @@ exports.MultiDropzone = MultiDropZone;
|
|
|
36125
36131
|
exports.RegularModal = RegularModal;
|
|
36126
36132
|
exports.SegmentedControl = SegmentedControl;
|
|
36127
36133
|
exports.SignaturePad = Signature;
|
|
36134
|
+
exports.TableButton = TableButton;
|
|
36128
36135
|
exports.TableInfoButton = TableInfoButton;
|
|
36129
36136
|
exports.TableRating = TableRating;
|
|
36130
36137
|
exports.TableRowHeader = TableRowHeader;
|