@popsure/dirty-swan 0.28.0 → 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 +174 -155
- 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/components/multiDropzone/types.d.ts +17 -5
- package/dist/cjs/lib/index.d.ts +4 -3
- 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/demo.js.map +1 -1
- package/dist/esm/components/autocompleteAddress/index.js +2 -2
- package/dist/esm/components/autocompleteAddress/index.js.map +1 -1
- package/dist/esm/components/autocompleteAddress/index.test.js +3 -3
- package/dist/esm/components/autocompleteAddress/index.test.js.map +1 -1
- package/dist/esm/components/button/index.js.map +1 -1
- package/dist/esm/components/cards/index.js.map +1 -1
- package/dist/esm/components/chip/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/Chevron.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/Row/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableArrows/Arrow.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableArrows/index.js.map +1 -1
- 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/TableInfoButton/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableRating/StarIcon.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableRating/ZapIcon.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableRating/index.js.map +1 -1
- 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/components/TableTrueFalse.js.map +1 -1
- 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/dateSelector/index.js.map +1 -1
- package/dist/esm/components/downloadButton/index.js.map +1 -1
- package/dist/esm/components/input/autoSuggestInput/index.js.map +1 -1
- package/dist/esm/components/input/autoSuggestMultiSelect/index.js.map +1 -1
- package/dist/esm/components/input/currency/index.js.map +1 -1
- package/dist/esm/components/input/currency/index.test.js +2 -2
- package/dist/esm/components/input/currency/index.test.js.map +1 -1
- package/dist/esm/components/input/iban/index.js.map +1 -1
- package/dist/esm/components/input/index.js.map +1 -1
- package/dist/esm/components/markdown/index.js +1 -1
- package/dist/esm/components/markdown/index.js.map +1 -1
- package/dist/esm/components/modal/bottomModal/index.js.map +1 -1
- package/dist/esm/components/modal/bottomOrRegularModal/index.js.map +1 -1
- package/dist/esm/components/modal/regularModal/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.js +18 -6
- package/dist/esm/components/multiDropzone/index.js.map +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.js.map +1 -1
- package/dist/esm/components/segmentedControl/index.test.js +2 -2
- package/dist/esm/components/segmentedControl/index.test.js.map +1 -1
- package/dist/esm/components/signaturePad/index.js.map +1 -1
- 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-47663d39.js.map +1 -1
- package/dist/esm/index-be398f1d.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/components/multiDropzone/types.d.ts +17 -5
- package/dist/esm/lib/index.d.ts +4 -3
- package/dist/esm/mapStyle-1288a869.js.map +1 -1
- package/dist/esm/scss/private/base/demo.js.map +1 -1
- package/dist/esm/scss/public/demo.js.map +1 -1
- package/dist/esm/useOnClose-54f9e6b9.js.map +1 -1
- 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/components/multiDropzone/index.tsx +2 -2
- package/src/lib/components/multiDropzone/types.ts +20 -6
- package/src/lib/components/multiDropzone/utils/index.test.ts +2 -2
- package/src/lib/components/multiDropzone/utils/index.ts +8 -6
- package/src/lib/index.tsx +15 -1
- 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
|
|
|
@@ -8547,9 +8547,22 @@ function formatBytes(bytes, decimals) {
|
|
|
8547
8547
|
return parseFloat((bytes / Math.pow(k$2, i)).toFixed(dm)) + " " + sizes[i];
|
|
8548
8548
|
}
|
|
8549
8549
|
|
|
8550
|
+
var FileMimeTypes;
|
|
8551
|
+
(function (FileMimeTypes) {
|
|
8552
|
+
FileMimeTypes["bmp"] = "image/bmp";
|
|
8553
|
+
FileMimeTypes["doc"] = "application/msword";
|
|
8554
|
+
FileMimeTypes["docx"] = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
|
|
8555
|
+
FileMimeTypes["heic"] = "image/heic";
|
|
8556
|
+
FileMimeTypes["jpeg"] = "image/jpeg";
|
|
8557
|
+
FileMimeTypes["jpg"] = "image/jpg";
|
|
8558
|
+
FileMimeTypes["pdf"] = "application/pdf";
|
|
8559
|
+
FileMimeTypes["png"] = "image/png";
|
|
8560
|
+
FileMimeTypes["tif"] = "image/tiff";
|
|
8561
|
+
FileMimeTypes["tiff"] = "image/tiff";
|
|
8562
|
+
FileMimeTypes["webp"] = "image/webp";
|
|
8563
|
+
})(FileMimeTypes || (FileMimeTypes = {}));
|
|
8550
8564
|
var DOCUMENT_FILES = ['doc', 'docx', 'pdf'];
|
|
8551
8565
|
var IMAGE_FILES = ['heic', 'bmp', 'jpeg', 'jpg', 'png'];
|
|
8552
|
-
__spreadArray$1(__spreadArray$1([], DOCUMENT_FILES), IMAGE_FILES);
|
|
8553
8566
|
|
|
8554
8567
|
var getUploadStatus = function (progress, error) {
|
|
8555
8568
|
if (error) {
|
|
@@ -8560,15 +8573,15 @@ var getUploadStatus = function (progress, error) {
|
|
|
8560
8573
|
}
|
|
8561
8574
|
return 'COMPLETE';
|
|
8562
8575
|
};
|
|
8563
|
-
var formatMimeType = function (
|
|
8576
|
+
var formatMimeType = function (values) {
|
|
8564
8577
|
var formatedValues = {};
|
|
8565
8578
|
values.forEach(function (value) {
|
|
8566
|
-
formatedValues[
|
|
8579
|
+
formatedValues[FileMimeTypes[value]] = ["." + value];
|
|
8567
8580
|
});
|
|
8568
8581
|
return formatedValues;
|
|
8569
8582
|
};
|
|
8570
|
-
var DOCUMENT_FILES_ACCEPT = formatMimeType(
|
|
8571
|
-
var IMAGE_FILES_ACCEPT = formatMimeType(
|
|
8583
|
+
var DOCUMENT_FILES_ACCEPT = formatMimeType(DOCUMENT_FILES);
|
|
8584
|
+
var IMAGE_FILES_ACCEPT = formatMimeType(IMAGE_FILES);
|
|
8572
8585
|
var getFormattedAcceptObject = function (accept) {
|
|
8573
8586
|
if (accept === void 0) { accept = {}; }
|
|
8574
8587
|
if (accept === "document") {
|
|
@@ -8628,11 +8641,11 @@ var MultiDropZone = function (_a) {
|
|
|
8628
8641
|
maxSize: maxSize,
|
|
8629
8642
|
onDrop: onDrop,
|
|
8630
8643
|
}), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
|
|
8631
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8632
|
-
_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,
|
|
8633
8646
|
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
|
|
8634
|
-
jsxRuntime.jsx("img", { className: isCondensed ? styles$
|
|
8635
|
-
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
|
|
8636
8649
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
8637
8650
|
'Please wait while uploading file...'
|
|
8638
8651
|
: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
|
|
@@ -8644,16 +8657,15 @@ var MultiDropZone = function (_a) {
|
|
|
8644
8657
|
id: id,
|
|
8645
8658
|
name: message,
|
|
8646
8659
|
progress: 0,
|
|
8647
|
-
type: "",
|
|
8648
8660
|
}, onRemoveFile: function () { return removeError(id); }, uploading: false }, id));
|
|
8649
8661
|
}),
|
|
8650
8662
|
uploadedFiles.length > 0 && (jsxRuntime.jsx("div", __assign({ className: "w100 mt16" }, { children: uploadedFiles.map(function (file) { return (jsxRuntime.jsx(UploadFileCell, { uploadStatus: getUploadStatus(file.progress, file.error), file: file, onRemoveFile: onRemoveFile, uploading: uploading }, file.id)); }) }), void 0)),
|
|
8651
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));
|
|
8652
8664
|
};
|
|
8653
8665
|
|
|
8654
|
-
var css_248z$
|
|
8655
|
-
var styles$
|
|
8656
|
-
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);
|
|
8657
8669
|
|
|
8658
8670
|
var buttonTypeClassNameMap = {
|
|
8659
8671
|
primary: 'p-btn--primary',
|
|
@@ -8665,7 +8677,7 @@ var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
|
8665
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"]);
|
|
8666
8678
|
var buttonClassName = buttonTypeClassNameMap[buttonType];
|
|
8667
8679
|
var loadingClassName = loading ? 'p-btn--loading' : '';
|
|
8668
|
-
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),
|
|
8669
8681
|
jsxRuntime.jsx("div", { children: buttonTitle }, void 0)] }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonTitle }, void 0)) }), void 0));
|
|
8670
8682
|
});
|
|
8671
8683
|
|
|
@@ -8673,17 +8685,17 @@ var checkIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%2
|
|
|
8673
8685
|
|
|
8674
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";
|
|
8675
8687
|
|
|
8676
|
-
var css_248z$
|
|
8677
|
-
var styles$
|
|
8678
|
-
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);
|
|
8679
8691
|
|
|
8680
8692
|
var InitialButton = function (_a) {
|
|
8681
8693
|
var onDownload = _a.onDownload;
|
|
8682
|
-
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));
|
|
8683
8695
|
};
|
|
8684
8696
|
// TODO: Allow setting loading to true to display text
|
|
8685
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$
|
|
8686
|
-
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),
|
|
8687
8699
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
|
|
8688
8700
|
var DownloadButton = function (_a) {
|
|
8689
8701
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
@@ -8761,9 +8773,9 @@ var CurrencyInput = function (_a) {
|
|
|
8761
8773
|
} }, props), void 0));
|
|
8762
8774
|
};
|
|
8763
8775
|
|
|
8764
|
-
var css_248z$
|
|
8765
|
-
var styles$
|
|
8766
|
-
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);
|
|
8767
8779
|
|
|
8768
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";
|
|
8769
8781
|
|
|
@@ -8815,14 +8827,14 @@ var BottomModal = (function (_a) {
|
|
|
8815
8827
|
if (!isOpen) {
|
|
8816
8828
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8817
8829
|
}
|
|
8818
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$
|
|
8819
|
-
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$
|
|
8820
|
-
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));
|
|
8821
8833
|
});
|
|
8822
8834
|
|
|
8823
|
-
var css_248z$
|
|
8824
|
-
var styles$
|
|
8825
|
-
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);
|
|
8826
8838
|
|
|
8827
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";
|
|
8828
8840
|
|
|
@@ -8832,13 +8844,13 @@ var RegularModal = (function (_a) {
|
|
|
8832
8844
|
if (!isOpen) {
|
|
8833
8845
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8834
8846
|
}
|
|
8835
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$
|
|
8836
|
-
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));
|
|
8837
8849
|
});
|
|
8838
8850
|
|
|
8839
|
-
var css_248z$
|
|
8840
|
-
var styles$
|
|
8841
|
-
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);
|
|
8842
8854
|
|
|
8843
8855
|
var index$6 = (function (_a) {
|
|
8844
8856
|
var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
|
|
@@ -8857,8 +8869,8 @@ var index$6 = (function (_a) {
|
|
|
8857
8869
|
window.removeEventListener('resize', handleResize);
|
|
8858
8870
|
};
|
|
8859
8871
|
}, []);
|
|
8860
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8861
|
-
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));
|
|
8862
8874
|
});
|
|
8863
8875
|
|
|
8864
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";
|
|
@@ -8886,9 +8898,9 @@ var chevronRight = {
|
|
|
8886
8898
|
alt: 'chevron facing right',
|
|
8887
8899
|
};
|
|
8888
8900
|
|
|
8889
|
-
var css_248z$
|
|
8890
|
-
var styles$
|
|
8891
|
-
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);
|
|
8892
8904
|
|
|
8893
8905
|
var containerStyleFromTitleSize = function (titleSize) {
|
|
8894
8906
|
switch (titleSize) {
|
|
@@ -8900,20 +8912,20 @@ var containerStyleFromTitleSize = function (titleSize) {
|
|
|
8900
8912
|
};
|
|
8901
8913
|
var index$5 = (function (_a) {
|
|
8902
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"]);
|
|
8903
|
-
var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8904
|
-
var titleContainerStyle = styles$
|
|
8915
|
+
var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$g[containerStyleFromTitleSize(cardSize)];
|
|
8916
|
+
var titleContainerStyle = styles$g['title-container'];
|
|
8905
8917
|
var headingStyle = headingForCardSize(cardSize);
|
|
8906
|
-
var iconStyle = styles$
|
|
8907
|
-
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');
|
|
8908
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)),
|
|
8909
8921
|
jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8910
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),
|
|
8911
8923
|
jsxRuntime.jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }), void 0));
|
|
8912
8924
|
});
|
|
8913
8925
|
|
|
8914
|
-
var css_248z$
|
|
8915
|
-
var styles$
|
|
8916
|
-
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);
|
|
8917
8929
|
|
|
8918
8930
|
var containerStyleFromCardSize = function (cardSize) {
|
|
8919
8931
|
switch (cardSize) {
|
|
@@ -8938,45 +8950,45 @@ var cardTextStyleFromCardSize = function (cardSize) {
|
|
|
8938
8950
|
};
|
|
8939
8951
|
var index$4 = (function (_a) {
|
|
8940
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"]);
|
|
8941
|
-
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)];
|
|
8942
8954
|
var headingStyle = headingForCardSize(cardSize);
|
|
8943
8955
|
var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
|
|
8944
|
-
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)];
|
|
8945
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)),
|
|
8946
8958
|
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8947
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),
|
|
8948
8960
|
jsxRuntime.jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
|
|
8949
8961
|
});
|
|
8950
8962
|
|
|
8951
|
-
var css_248z$
|
|
8952
|
-
var styles$
|
|
8953
|
-
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);
|
|
8954
8966
|
|
|
8955
8967
|
var index$3 = (function (_a) {
|
|
8956
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"]);
|
|
8957
|
-
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;
|
|
8958
8970
|
var headingStyle = headingForCardSize(cardSize);
|
|
8959
|
-
var iconStyle = styles$
|
|
8971
|
+
var iconStyle = styles$e['right-icon'];
|
|
8960
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),
|
|
8961
8973
|
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8962
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));
|
|
8963
8975
|
});
|
|
8964
8976
|
|
|
8965
|
-
var css_248z$
|
|
8966
|
-
var styles$
|
|
8967
|
-
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);
|
|
8968
8980
|
|
|
8969
8981
|
var index$2 = (function (_a) {
|
|
8970
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"]);
|
|
8971
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8972
|
-
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)),
|
|
8973
8985
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center mt64" }, { children: title }), void 0),
|
|
8974
8986
|
jsxRuntime.jsx("p", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
|
|
8975
8987
|
});
|
|
8976
8988
|
|
|
8977
|
-
var css_248z$
|
|
8978
|
-
var styles$
|
|
8979
|
-
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);
|
|
8980
8992
|
|
|
8981
8993
|
var CardContent = function (_a) {
|
|
8982
8994
|
var title = _a.title, description = _a.description;
|
|
@@ -8987,7 +8999,7 @@ var CardContent = function (_a) {
|
|
|
8987
8999
|
var CardButton = function (_a) {
|
|
8988
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;
|
|
8989
9001
|
var component = href ? 'a' : 'button';
|
|
8990
|
-
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));
|
|
8991
9003
|
};
|
|
8992
9004
|
|
|
8993
9005
|
var headingForCardSize = function (cardSize) {
|
|
@@ -9018,9 +9030,9 @@ var associatedClassForCardState = function (state, dropshadow) {
|
|
|
9018
9030
|
return baseClass;
|
|
9019
9031
|
};
|
|
9020
9032
|
|
|
9021
|
-
var css_248z$
|
|
9022
|
-
var styles$
|
|
9023
|
-
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);
|
|
9024
9036
|
|
|
9025
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";
|
|
9026
9038
|
|
|
@@ -9028,10 +9040,10 @@ var removeButtonHighlightedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%
|
|
|
9028
9040
|
|
|
9029
9041
|
var Chip = (function (_a) {
|
|
9030
9042
|
var value = _a.value, onRemove = _a.onRemove;
|
|
9031
|
-
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)),
|
|
9032
9044
|
jsxRuntime.jsx("div", __assign({ className: "mr8" }, { children: value.value }), void 0),
|
|
9033
|
-
jsxRuntime.jsxs("div", __assign({ className: "c-pointer " + styles$
|
|
9034
|
-
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));
|
|
9035
9047
|
});
|
|
9036
9048
|
|
|
9037
9049
|
var Autosuggest = {};
|
|
@@ -12148,22 +12160,22 @@ _defineProperty(Autosuggest, "defaultProps", {
|
|
|
12148
12160
|
|
|
12149
12161
|
var dist$1 = Autosuggest["default"];
|
|
12150
12162
|
|
|
12151
|
-
var css_248z$
|
|
12152
|
-
var styles$
|
|
12153
|
-
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);
|
|
12154
12166
|
|
|
12155
12167
|
var AutoSuggestInput = (function (_a) {
|
|
12156
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;
|
|
12157
12169
|
var renderSuggestion = function (suggestion) {
|
|
12158
12170
|
var _a;
|
|
12159
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "" + styles$
|
|
12160
|
-
jsxRuntime.jsx("div", __assign({ className: classNames(styles$
|
|
12161
|
-
_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,
|
|
12162
12174
|
_a)) }, { children: suggestion.value }), void 0)] }), void 0));
|
|
12163
12175
|
};
|
|
12164
12176
|
var getSuggestionValue = function (suggestion) { return suggestion.value; };
|
|
12165
12177
|
var renderInputComponent = function (inputProps) { return (jsxRuntime.jsx(Input, __assign({}, inputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }), void 0)); };
|
|
12166
|
-
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: {
|
|
12167
12179
|
value: currentOption,
|
|
12168
12180
|
onChange: function (_, _a) {
|
|
12169
12181
|
var newValue = _a.newValue;
|
|
@@ -12175,15 +12187,15 @@ var AutoSuggestInput = (function (_a) {
|
|
|
12175
12187
|
}, renderInputComponent: renderInputComponent }, void 0) }), void 0));
|
|
12176
12188
|
});
|
|
12177
12189
|
|
|
12178
|
-
var css_248z$
|
|
12179
|
-
var styles$
|
|
12180
|
-
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);
|
|
12181
12193
|
|
|
12182
12194
|
var index$1 = (function (_a) {
|
|
12183
12195
|
var options = _a.options, selectedValues = _a.selectedValues, setValues = _a.setValues, placeholder = _a.placeholder, chipsListClassName = _a.chipsListClassName, multiSelectClassName = _a.multiSelectClassName, wrapText = _a.wrapText;
|
|
12184
12196
|
var _b = require$$0.useState([]), suggestions = _b[0], setSuggestions = _b[1];
|
|
12185
12197
|
var _c = require$$0.useState(''), currentOption = _c[0], setCurrentOption = _c[1];
|
|
12186
|
-
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) {
|
|
12187
12199
|
var newValues = __spreadArray$1([], selectedValues).filter(function (selectedValue) { return selectedValue.value !== value.value; });
|
|
12188
12200
|
setValues(newValues);
|
|
12189
12201
|
} }, value.value + "-" + index)); }) }), void 0)),
|
|
@@ -13624,9 +13636,9 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
13624
13636
|
|
|
13625
13637
|
}(dist));
|
|
13626
13638
|
|
|
13627
|
-
var css_248z$
|
|
13628
|
-
var styles$
|
|
13629
|
-
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);
|
|
13630
13642
|
|
|
13631
13643
|
var ChevronSVG = function (_a) {
|
|
13632
13644
|
var className = _a.className;
|
|
@@ -13642,8 +13654,8 @@ var AccordionItem = function (_a) {
|
|
|
13642
13654
|
onClose();
|
|
13643
13655
|
}
|
|
13644
13656
|
};
|
|
13645
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles$
|
|
13646
|
-
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),
|
|
13647
13659
|
jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOpen ? 'auto' : 0.1 }, { children: children }), void 0)] }), void 0));
|
|
13648
13660
|
};
|
|
13649
13661
|
|
|
@@ -13652,13 +13664,13 @@ var Chevron = function (_a) {
|
|
|
13652
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));
|
|
13653
13665
|
};
|
|
13654
13666
|
|
|
13655
|
-
var css_248z$
|
|
13656
|
-
var styles$
|
|
13657
|
-
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);
|
|
13658
13670
|
|
|
13659
13671
|
var Row = function (props) {
|
|
13660
13672
|
var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId;
|
|
13661
|
-
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),
|
|
13662
13674
|
Array.isArray(data) &&
|
|
13663
13675
|
data.map(function (item) {
|
|
13664
13676
|
/**
|
|
@@ -13669,7 +13681,7 @@ var Row = function (props) {
|
|
|
13669
13681
|
return null;
|
|
13670
13682
|
if (typeof item[cell.key] === 'undefined')
|
|
13671
13683
|
return null;
|
|
13672
|
-
return (jsxRuntime.jsx("div", __assign({ className: "ta-center " + styles$
|
|
13684
|
+
return (jsxRuntime.jsx("div", __assign({ className: "ta-center " + styles$7.cell }, { children:
|
|
13673
13685
|
/**
|
|
13674
13686
|
* Return a function if `render` option is present
|
|
13675
13687
|
* else print the current data source value
|
|
@@ -13686,22 +13698,31 @@ var ArrowIcon = function (_a) {
|
|
|
13686
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));
|
|
13687
13699
|
};
|
|
13688
13700
|
|
|
13689
|
-
var css_248z$
|
|
13690
|
-
var styles$
|
|
13691
|
-
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);
|
|
13692
13704
|
|
|
13693
13705
|
var TableArrows = function (props) {
|
|
13694
13706
|
var _a, _b;
|
|
13695
13707
|
var active = props.active, onClick = props.onClick;
|
|
13696
13708
|
var handleButtonClick = function (value) { return function () { return onClick(value); }; };
|
|
13697
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
13698
|
-
_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,
|
|
13699
13711
|
_a)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0),
|
|
13700
|
-
jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$
|
|
13701
|
-
_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,
|
|
13702
13714
|
_b)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
|
|
13703
13715
|
};
|
|
13704
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
|
+
|
|
13705
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}";
|
|
13706
13727
|
var styles$4 = {"button":"style-module_button__3TkNT"};
|
|
13707
13728
|
styleInject(css_248z$5);
|
|
@@ -13745,13 +13766,10 @@ var css_248z$3 = ".style-module_icon__30Nor {\n min-width: 20px;\n}";
|
|
|
13745
13766
|
var styles$2 = {"icon":"style-module_icon__30Nor"};
|
|
13746
13767
|
styleInject(css_248z$3);
|
|
13747
13768
|
|
|
13748
|
-
var TableRowHeader = function (
|
|
13749
|
-
var icon =
|
|
13750
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [jsxRuntime.jsx("span", __assign({ className: "mr8 " + styles$2.icon }, { children: icon }), void 0),
|
|
13751
|
-
jsxRuntime.jsxs("div", { children: [jsxRuntime.
|
|
13752
|
-
mr8: onClickInfo,
|
|
13753
|
-
}) }, { children: label }), void 0),
|
|
13754
|
-
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),
|
|
13755
13773
|
subtitle && jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-grey-500" }, { children: subtitle }), void 0)] }, void 0)] }), void 0));
|
|
13756
13774
|
};
|
|
13757
13775
|
|
|
@@ -36113,6 +36131,7 @@ exports.MultiDropzone = MultiDropZone;
|
|
|
36113
36131
|
exports.RegularModal = RegularModal;
|
|
36114
36132
|
exports.SegmentedControl = SegmentedControl;
|
|
36115
36133
|
exports.SignaturePad = Signature;
|
|
36134
|
+
exports.TableButton = TableButton;
|
|
36116
36135
|
exports.TableInfoButton = TableInfoButton;
|
|
36117
36136
|
exports.TableRating = TableRating;
|
|
36118
36137
|
exports.TableRowHeader = TableRowHeader;
|