@popsure/dirty-swan 0.35.0 → 0.36.0
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 +101 -79
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/badge/index.d.ts +10 -0
- package/dist/cjs/lib/components/badge/index.stories.d.ts +34 -0
- package/dist/cjs/lib/components/badge/index.test.d.ts +1 -0
- package/dist/cjs/lib/components/cards/cardWithLeftIcon/index.d.ts +6 -3
- package/dist/cjs/lib/components/cards/cardWithLeftIcon/index.stories.d.ts +13 -2
- package/dist/cjs/lib/components/input/autoSuggestInput/index.d.ts +7 -7
- package/dist/cjs/lib/components/input/autoSuggestInput/index.stories.d.ts +84 -0
- package/dist/cjs/lib/components/input/autoSuggestMultiSelect/index.d.ts +7 -7
- package/dist/cjs/lib/components/input/autoSuggestMultiSelect/index.stories.d.ts +77 -0
- package/dist/cjs/lib/index.d.ts +4 -3
- package/dist/esm/components/badge/index.js +27 -0
- package/dist/esm/components/badge/index.js.map +1 -0
- package/dist/esm/components/badge/index.stories.js +39 -0
- package/dist/esm/components/badge/index.stories.js.map +1 -0
- package/dist/esm/components/badge/index.test.js +21 -0
- package/dist/esm/components/badge/index.test.js.map +1 -0
- package/dist/esm/components/cards/cardButton/index.js +2 -1
- package/dist/esm/components/cards/cardButton/index.js.map +1 -1
- package/dist/esm/components/cards/cardButton/index.stories.js +2 -1
- package/dist/esm/components/cards/cardButton/index.stories.js.map +1 -1
- package/dist/esm/components/cards/cardWithLeftIcon/index.js +2 -1
- package/dist/esm/components/cards/cardWithLeftIcon/index.js.map +1 -1
- package/dist/esm/components/cards/cardWithLeftIcon/index.stories.js +15 -3
- package/dist/esm/components/cards/cardWithLeftIcon/index.stories.js.map +1 -1
- package/dist/esm/components/cards/cardWithTopIcon/index.js +2 -1
- package/dist/esm/components/cards/cardWithTopIcon/index.js.map +1 -1
- package/dist/esm/components/cards/cardWithTopIcon/index.stories.js +2 -1
- package/dist/esm/components/cards/cardWithTopIcon/index.stories.js.map +1 -1
- package/dist/esm/components/cards/cardWithTopLeftIcon/index.js +2 -1
- package/dist/esm/components/cards/cardWithTopLeftIcon/index.js.map +1 -1
- package/dist/esm/components/cards/cardWithTopLeftIcon/index.stories.js +2 -1
- package/dist/esm/components/cards/cardWithTopLeftIcon/index.stories.js.map +1 -1
- package/dist/esm/components/cards/index.js +7 -5
- package/dist/esm/components/cards/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.js +2 -1
- package/dist/esm/components/cards/infoCard/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.stories.js +2 -1
- package/dist/esm/components/cards/infoCard/index.stories.js.map +1 -1
- package/dist/esm/components/input/autoSuggestInput/index.js +3 -3
- package/dist/esm/components/input/autoSuggestInput/index.js.map +1 -1
- package/dist/esm/components/input/autoSuggestInput/index.stories.js +131 -0
- package/dist/esm/components/input/autoSuggestInput/index.stories.js.map +1 -0
- package/dist/esm/components/input/autoSuggestMultiSelect/index.js +4 -4
- package/dist/esm/components/input/autoSuggestMultiSelect/index.js.map +1 -1
- package/dist/esm/components/input/autoSuggestMultiSelect/index.stories.js +107 -0
- package/dist/esm/components/input/autoSuggestMultiSelect/index.stories.js.map +1 -0
- package/dist/esm/feather-logo-a3f07990.js +4 -0
- package/dist/esm/feather-logo-a3f07990.js.map +1 -0
- package/dist/esm/{index-47663d39.js → index-29ac387a.js} +3 -4
- package/dist/esm/index-29ac387a.js.map +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +5 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/badge/index.d.ts +10 -0
- package/dist/esm/lib/components/badge/index.stories.d.ts +34 -0
- package/dist/esm/lib/components/badge/index.test.d.ts +1 -0
- package/dist/esm/lib/components/cards/cardWithLeftIcon/index.d.ts +6 -3
- package/dist/esm/lib/components/cards/cardWithLeftIcon/index.stories.d.ts +13 -2
- package/dist/esm/lib/components/input/autoSuggestInput/index.d.ts +7 -7
- package/dist/esm/lib/components/input/autoSuggestInput/index.stories.d.ts +84 -0
- package/dist/esm/lib/components/input/autoSuggestMultiSelect/index.d.ts +7 -7
- package/dist/esm/lib/components/input/autoSuggestMultiSelect/index.stories.d.ts +77 -0
- package/dist/esm/lib/index.d.ts +4 -3
- package/package.json +1 -1
- package/src/index.tsx +1 -0
- package/src/lib/components/badge/index.stories.tsx +45 -0
- package/src/lib/components/badge/index.test.tsx +11 -0
- package/src/lib/components/badge/index.tsx +54 -0
- package/src/lib/components/badge/style.module.scss +13 -0
- package/src/lib/components/cards/cardWithLeftIcon/index.stories.tsx +15 -0
- package/src/lib/components/cards/cardWithLeftIcon/index.tsx +19 -5
- package/src/lib/components/input/autoSuggestInput/index.stories.tsx +162 -0
- package/src/lib/components/input/autoSuggestInput/index.tsx +15 -13
- package/src/lib/components/input/autoSuggestMultiSelect/index.stories.tsx +125 -0
- package/src/lib/components/input/autoSuggestMultiSelect/index.tsx +13 -11
- package/src/lib/index.tsx +4 -2
- package/dist/esm/index-47663d39.js.map +0 -1
- package/src/lib/components/input/autoSuggestInput/index.stories.mdx +0 -138
- package/src/lib/components/input/autoSuggestMultiSelect/index.stories.mdx +0 -115
- package/src/lib/scss/private/components/badge.stories.mdx +0 -43
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, Checkbox, Link, InformationBox, images } from './lib';
|
|
1
|
+
export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, Checkbox, Link, InformationBox, Badge, images } from './lib';
|
|
2
2
|
export type { DownloadStatus, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, } from './lib';
|
package/dist/cjs/index.js
CHANGED
|
@@ -2171,9 +2171,9 @@ function styleInject(css, ref) {
|
|
|
2171
2171
|
}
|
|
2172
2172
|
}
|
|
2173
2173
|
|
|
2174
|
-
var css_248z$
|
|
2175
|
-
var styles$
|
|
2176
|
-
styleInject(css_248z$
|
|
2174
|
+
var css_248z$v = ".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}";
|
|
2175
|
+
var styles$u = {"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"};
|
|
2176
|
+
styleInject(css_248z$v);
|
|
2177
2177
|
|
|
2178
2178
|
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";
|
|
2179
2179
|
|
|
@@ -2293,19 +2293,19 @@ var DateSelector = function (_a) {
|
|
|
2293
2293
|
}
|
|
2294
2294
|
setOpenCalendar(false);
|
|
2295
2295
|
};
|
|
2296
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2296
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$u.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$u['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$u['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$u['day-select'], id: "day", name: "day", required: true, value: (_b = date.day) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
|
|
2297
2297
|
handleOnChange('day', parseInt(e.target.value, 10));
|
|
2298
2298
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.day) || 'Day' }), void 0),
|
|
2299
2299
|
availableDays.map(function (day) { return (jsxRuntime.jsx("option", __assign({ value: day }, { children: day }), day)); })] }), void 0),
|
|
2300
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$
|
|
2300
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$u['month-select'], id: "month", name: "month", required: true, value: (_c = date.month) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
|
|
2301
2301
|
handleOnChange('month', parseInt(e.target.value, 10));
|
|
2302
2302
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.month) || 'Month' }), void 0),
|
|
2303
2303
|
availableMonths.map(function (month, i) { return (jsxRuntime.jsx("option", __assign({ value: i + 1 }, { children: month }), month)); })] }), void 0)] }), void 0),
|
|
2304
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$
|
|
2304
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$u['year-select'], id: "year", name: "year", required: true, value: (_d = date.year) !== null && _d !== void 0 ? _d : '', onChange: function (e) {
|
|
2305
2305
|
handleOnChange('year', parseInt(e.target.value, 10));
|
|
2306
2306
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.year) || 'Year' }), void 0),
|
|
2307
2307
|
availableYears.map(function (year) { return (jsxRuntime.jsx("option", __assign({ value: year }, { children: year }), year)); })] }), void 0)] }), void 0),
|
|
2308
|
-
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2308
|
+
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$u['date-calendar-container'], ref: calendarContainerRef }, { children: [jsxRuntime.jsx("img", { className: "c-pointer", src: calendarIcon, alt: "calendar", onClick: function () { return setOpenCalendar(!openCalendar); } }, void 0),
|
|
2309
2309
|
openCalendar && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
|
|
2310
2310
|
if (dayjs(date).isAfter(dateCalendarFromMonth) ||
|
|
2311
2311
|
dayjs(date).isBefore(dateCalendarToMonth)) {
|
|
@@ -2813,9 +2813,9 @@ class SignaturePad$1 {
|
|
|
2813
2813
|
}
|
|
2814
2814
|
}
|
|
2815
2815
|
|
|
2816
|
-
var css_248z$
|
|
2817
|
-
var styles$
|
|
2818
|
-
styleInject(css_248z$
|
|
2816
|
+
var css_248z$u = ".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}";
|
|
2817
|
+
var styles$t = {"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"};
|
|
2818
|
+
styleInject(css_248z$u);
|
|
2819
2819
|
|
|
2820
2820
|
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";
|
|
2821
2821
|
|
|
@@ -2844,15 +2844,15 @@ var SignaturePad = /** @class */ (function (_super) {
|
|
|
2844
2844
|
SignaturePad.prototype.render = function () {
|
|
2845
2845
|
var hasContent = this.state.hasContent;
|
|
2846
2846
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
|
|
2847
|
-
__html: "." + styles$
|
|
2847
|
+
__html: "." + styles$t.reset + "::before { \n -webkit-mask-image: url(\"" + reset + "\");\n mask-image: url(\"" + reset + "\");\n }",
|
|
2848
2848
|
} }, void 0),
|
|
2849
|
-
jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2850
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
2851
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
2849
|
+
jsxRuntime.jsxs("div", __assign({ className: styles$t.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$t.canvas, ref: this.canvasRef }, void 0),
|
|
2850
|
+
jsxRuntime.jsx("div", { className: styles$t.separator }, void 0),
|
|
2851
|
+
jsxRuntime.jsx("div", { className: styles$t.sign, style: {
|
|
2852
2852
|
WebkitMaskImage: "url(\"" + sign + "\")",
|
|
2853
2853
|
maskImage: "url(\"" + sign + "\")",
|
|
2854
2854
|
} }, void 0),
|
|
2855
|
-
jsxRuntime.jsx("button", __assign({ className: styles$
|
|
2855
|
+
jsxRuntime.jsx("button", __assign({ className: styles$t.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
|
|
2856
2856
|
};
|
|
2857
2857
|
SignaturePad.prototype.notifyOnChange = function () {
|
|
2858
2858
|
var onChange = this.props.onChange;
|
|
@@ -5175,24 +5175,24 @@ function generateId() {
|
|
|
5175
5175
|
return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
|
|
5176
5176
|
}
|
|
5177
5177
|
|
|
5178
|
-
var css_248z$
|
|
5179
|
-
var styles$
|
|
5180
|
-
styleInject(css_248z$
|
|
5178
|
+
var css_248z$t = ".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}";
|
|
5179
|
+
var styles$s = {"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"};
|
|
5180
|
+
styleInject(css_248z$t);
|
|
5181
5181
|
|
|
5182
5182
|
var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
5183
5183
|
var _b, _c, _d, _e, _f, _g;
|
|
5184
5184
|
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"]);
|
|
5185
5185
|
var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : generateId())[0];
|
|
5186
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
5187
|
-
_b[styles$
|
|
5186
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$s.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classnames('p-p', styles$s.label, (_b = {},
|
|
5187
|
+
_b[styles$s['label--with-error']] = error,
|
|
5188
5188
|
_b['sr-only'] = hideLabel,
|
|
5189
5189
|
_b)) }, { children: label }), void 0)),
|
|
5190
5190
|
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
|
|
5191
|
-
? styles$
|
|
5192
|
-
: styles$
|
|
5193
|
-
prefix && (jsxRuntime.jsx("span", __assign({ className: classnames(styles$
|
|
5194
|
-
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classnames(styles$
|
|
5195
|
-
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$
|
|
5191
|
+
? styles$s.input
|
|
5192
|
+
: styles$s['input--no-placeholder'], (_c = {}, _c[styles$s['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
|
|
5193
|
+
prefix && (jsxRuntime.jsx("span", __assign({ className: classnames(styles$s.prefix, (_d = {}, _d[styles$s['prefix--with-error']] = error, _d), (_e = {}, _e[styles$s['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
|
|
5194
|
+
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classnames(styles$s.placeholder, (_f = {}, _f[styles$s['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$s['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
|
|
5195
|
+
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$s.error }, { children: error }), void 0))] }), void 0));
|
|
5196
5196
|
});
|
|
5197
5197
|
|
|
5198
5198
|
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();
|
|
@@ -5231,9 +5231,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
5231
5231
|
return toReturn;
|
|
5232
5232
|
};
|
|
5233
5233
|
|
|
5234
|
-
var css_248z$
|
|
5235
|
-
var styles$
|
|
5236
|
-
styleInject(css_248z$
|
|
5234
|
+
var css_248z$s = "@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}";
|
|
5235
|
+
var styles$r = {"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"};
|
|
5236
|
+
styleInject(css_248z$s);
|
|
5237
5237
|
|
|
5238
5238
|
var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
|
|
5239
5239
|
var GERMANY_ALPHA_CODE = 'DE';
|
|
@@ -5356,17 +5356,17 @@ var AutocompleteAddress = function (_a) {
|
|
|
5356
5356
|
var handleEnterAddressManually = function () {
|
|
5357
5357
|
setManualAddressEntry(true);
|
|
5358
5358
|
};
|
|
5359
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classnames("wmx8 bg-grey-500 " + styles$
|
|
5360
|
-
_b[styles$
|
|
5361
|
-
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$
|
|
5362
|
-
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
5359
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classnames("wmx8 bg-grey-500 " + styles$r['map-container'], (_b = {},
|
|
5360
|
+
_b[styles$r['map-container--hidden']] = place === null,
|
|
5361
|
+
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$r.map, id: "map" }, void 0),
|
|
5362
|
+
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$r['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
|
|
5363
5363
|
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"),
|
|
5364
|
-
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$
|
|
5364
|
+
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$r['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$r['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) {
|
|
5365
5365
|
var newAddress = __assign(__assign({}, address), { street: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5366
5366
|
setAddress(newAddress);
|
|
5367
5367
|
debouncedSetPlace(newAddress);
|
|
5368
5368
|
} }, "autocomplete-street"),
|
|
5369
|
-
jsxRuntime.jsx(Input, { className: "wmx2 " + styles$
|
|
5369
|
+
jsxRuntime.jsx(Input, { className: "wmx2 " + styles$r['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) {
|
|
5370
5370
|
var newAddress = __assign(__assign({}, address), { houseNumber: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5371
5371
|
setAddress(newAddress);
|
|
5372
5372
|
debouncedSetPlace(newAddress);
|
|
@@ -5376,7 +5376,7 @@ var AutocompleteAddress = function (_a) {
|
|
|
5376
5376
|
var newAddress = __assign(__assign({}, address), { additionalInformation: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5377
5377
|
setAddress(newAddress);
|
|
5378
5378
|
} }, "autocomplete-additional-info"),
|
|
5379
|
-
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$
|
|
5379
|
+
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$r['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) {
|
|
5380
5380
|
var newAddress = __assign(__assign({}, address), { postcode: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5381
5381
|
setAddress(newAddress);
|
|
5382
5382
|
debouncedSetPlace(newAddress);
|
|
@@ -8429,9 +8429,9 @@ const AnimateHeight = (_a) => {
|
|
|
8429
8429
|
require$$0__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
8430
8430
|
};
|
|
8431
8431
|
|
|
8432
|
-
var css_248z$
|
|
8433
|
-
var styles$
|
|
8434
|
-
styleInject(css_248z$
|
|
8432
|
+
var css_248z$r = ".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}";
|
|
8433
|
+
var styles$q = {"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"};
|
|
8434
|
+
styleInject(css_248z$r);
|
|
8435
8435
|
|
|
8436
8436
|
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";
|
|
8437
8437
|
|
|
@@ -8460,9 +8460,9 @@ var icons = {
|
|
|
8460
8460
|
uploadSmallIcon: uploadSmallSvg,
|
|
8461
8461
|
};
|
|
8462
8462
|
|
|
8463
|
-
var css_248z$
|
|
8464
|
-
var styles$
|
|
8465
|
-
styleInject(css_248z$
|
|
8463
|
+
var css_248z$q = ".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: #f5f6fb;\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}";
|
|
8464
|
+
var styles$p = {"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"};
|
|
8465
|
+
styleInject(css_248z$q);
|
|
8466
8466
|
|
|
8467
8467
|
var UploadFileCell = function (_a) {
|
|
8468
8468
|
var _b, _c, _d;
|
|
@@ -8481,17 +8481,17 @@ var UploadFileCell = function (_a) {
|
|
|
8481
8481
|
COMPLETE: name,
|
|
8482
8482
|
ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
|
|
8483
8483
|
};
|
|
8484
|
-
return (jsxRuntime.jsxs("div", __assign({ className: classnames("mt8 " + styles$
|
|
8485
|
-
_b[styles$
|
|
8486
|
-
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$
|
|
8487
|
-
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$
|
|
8488
|
-
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$
|
|
8489
|
-
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$
|
|
8490
|
-
jsxRuntime.jsx("div", __assign({ className: classnames(styles$
|
|
8491
|
-
_c[styles$
|
|
8492
|
-
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8493
|
-
jsxRuntime.jsx("img", { className: classnames(styles$
|
|
8494
|
-
_d[styles$
|
|
8484
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classnames("mt8 " + styles$p['upload-file-cell'], (_b = {},
|
|
8485
|
+
_b[styles$p['upload-file-cell-error']] = hasError,
|
|
8486
|
+
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$p['cell-left-section'] }, { children: [jsxRuntime.jsx("img", { className: styles$p['main-icon'], src: mapFileIcon[uploadStatus], alt: "" }, void 0),
|
|
8487
|
+
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$p['upload-display-text'] }, { children: mapDisplayText[uploadStatus] }), void 0),
|
|
8488
|
+
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$p['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$p['progress-bar'] }, void 0),
|
|
8489
|
+
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$p['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
|
|
8490
|
+
jsxRuntime.jsx("div", __assign({ className: classnames(styles$p['cell-right-section'], (_c = {},
|
|
8491
|
+
_c[styles$p['cell-right-section-complete']] = isComplete,
|
|
8492
|
+
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$p.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$p['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx("img", { src: icons.eyeIcon, alt: "preview" }, void 0) }), void 0)),
|
|
8493
|
+
jsxRuntime.jsx("img", { className: classnames(styles$p['remove-icon'], (_d = {},
|
|
8494
|
+
_d[styles$p.disabled] = uploading,
|
|
8495
8495
|
_d)), src: hasError ? icons.trashErrorIcon : icons.trashIcon, onClick: function () { return onRemoveFile(id); }, alt: "remove" }, void 0)] }, void 0)) }), void 0)] }), void 0));
|
|
8496
8496
|
};
|
|
8497
8497
|
|
|
@@ -8601,11 +8601,11 @@ var MultiDropzone = function (_a) {
|
|
|
8601
8601
|
maxSize: maxSize,
|
|
8602
8602
|
onDrop: onDrop,
|
|
8603
8603
|
}), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
|
|
8604
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8605
|
-
_b[styles$
|
|
8604
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$q.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classnames("w100 ta-center br8 c-pointer " + styles$q.dropzoneContainer, (_b = {},
|
|
8605
|
+
_b[styles$q['dropzoneContainerDisabled']] = uploading,
|
|
8606
8606
|
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
|
|
8607
|
-
jsxRuntime.jsx("img", { className: isCondensed ? styles$
|
|
8608
|
-
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$
|
|
8607
|
+
jsxRuntime.jsx("img", { className: isCondensed ? styles$q.img : '', src: isCondensed ? icons.uploadSmallIcon : icons.uploadIcon, alt: "purple cloud with an arrow" }, void 0),
|
|
8608
|
+
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$q.textInline : '') }, { children: uploading
|
|
8609
8609
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
8610
8610
|
'Please wait while uploading file...'
|
|
8611
8611
|
: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
|
|
@@ -8623,9 +8623,9 @@ var MultiDropzone = function (_a) {
|
|
|
8623
8623
|
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));
|
|
8624
8624
|
};
|
|
8625
8625
|
|
|
8626
|
-
var css_248z$
|
|
8627
|
-
var styles$
|
|
8628
|
-
styleInject(css_248z$
|
|
8626
|
+
var css_248z$p = ".styles-module_content-container__4wuQ0 {\n display: flex;\n justify-content: center;\n align-items: center;\n}";
|
|
8627
|
+
var styles$o = {"content-container":"styles-module_content-container__4wuQ0"};
|
|
8628
|
+
styleInject(css_248z$p);
|
|
8629
8629
|
|
|
8630
8630
|
var buttonTypeClassNameMap = {
|
|
8631
8631
|
primary: 'p-btn--primary',
|
|
@@ -8638,7 +8638,7 @@ var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
|
8638
8638
|
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"]);
|
|
8639
8639
|
var buttonClassName = buttonTypeClassNameMap[buttonType];
|
|
8640
8640
|
var loadingClassName = loading ? 'p-btn--loading' : '';
|
|
8641
|
-
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$
|
|
8641
|
+
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$o['content-container'] }, { children: [jsxRuntime.jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),
|
|
8642
8642
|
jsxRuntime.jsx("div", { children: buttonTitle }, void 0)] }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonTitle }, void 0)) }), void 0));
|
|
8643
8643
|
});
|
|
8644
8644
|
|
|
@@ -8646,17 +8646,17 @@ var checkIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%2
|
|
|
8646
8646
|
|
|
8647
8647
|
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";
|
|
8648
8648
|
|
|
8649
|
-
var css_248z$
|
|
8650
|
-
var styles$
|
|
8651
|
-
styleInject(css_248z$
|
|
8649
|
+
var css_248z$o = ".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}";
|
|
8650
|
+
var styles$n = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
8651
|
+
styleInject(css_248z$o);
|
|
8652
8652
|
|
|
8653
8653
|
var InitialButton = function (_a) {
|
|
8654
8654
|
var onDownload = _a.onDownload;
|
|
8655
|
-
return (jsxRuntime.jsx(Button, { className: "w100 " + styles$
|
|
8655
|
+
return (jsxRuntime.jsx(Button, { className: "w100 " + styles$n.button, buttonTitle: "Download", leftIcon: { src: downloadIcon, alt: 'download arrow icon' }, onClick: onDownload, "data-cy": "download-documents-button" }, void 0));
|
|
8656
8656
|
};
|
|
8657
8657
|
// TODO: Allow setting loading to true to display text
|
|
8658
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$
|
|
8659
|
-
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8658
|
+
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$n.button, buttonTitle: "Generating", loading: true }, void 0)); };
|
|
8659
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$n['chip-complete'] }, { children: [jsxRuntime.jsx("img", { src: checkIcon, alt: "grey check" }, void 0),
|
|
8660
8660
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
|
|
8661
8661
|
var DownloadButton = function (_a) {
|
|
8662
8662
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
@@ -8670,14 +8670,14 @@ var DownloadButton = function (_a) {
|
|
|
8670
8670
|
downloadStatus === 'FAILED' && (jsxRuntime.jsx("div", __assign({ className: "p-notice p-notice--danger p-p mt40 wmx5" }, { children: customFail !== null && customFail !== void 0 ? customFail : 'An error occured when generating documents. Please try again or contact us.' }), void 0))] }), void 0));
|
|
8671
8671
|
};
|
|
8672
8672
|
|
|
8673
|
-
var css_248z$
|
|
8674
|
-
var styles$
|
|
8675
|
-
styleInject(css_248z$
|
|
8673
|
+
var css_248z$n = ".style-module_informationBox__1dzYO {\n border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n background-color: #e5f0ff;\n border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n background-color: #fedede;\n border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n background-color: #fff8e3;\n border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n background-color: #e4ffe6;\n border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n background-color: #fff;\n border-color: #fff;\n}\n\n.style-module_icon__3ZdHj {\n display: inline-block;\n width: 24px;\n height: 24px;\n mask-image: url(\"./info.svg\");\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n}\n.style-module_icon--information__3Lmkk {\n background-color: #8bb4ea;\n}\n.style-module_icon--error__1bgLF {\n background-color: #e55454;\n}\n.style-module_icon--warning__3o6cZ {\n background-color: #f7ce5c;\n}\n.style-module_icon--success__ANiiU {\n background-color: #84de8a;\n}\n.style-module_icon--neutral__3KLc5 {\n background-color: #8e8cee;\n}";
|
|
8674
|
+
var styles$m = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl","icon":"style-module_icon__3ZdHj","icon--information":"style-module_icon--information__3Lmkk","icon--error":"style-module_icon--error__1bgLF","icon--warning":"style-module_icon--warning__3o6cZ","icon--success":"style-module_icon--success__ANiiU","icon--neutral":"style-module_icon--neutral__3KLc5"};
|
|
8675
|
+
styleInject(css_248z$n);
|
|
8676
8676
|
|
|
8677
8677
|
var InformationBox = function (_a) {
|
|
8678
8678
|
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'information' : _c, title = _a.title, children = _a.children, showIcon = _a.showIcon, _d = _a.size, size = _d === void 0 ? 'default' : _d;
|
|
8679
|
-
return (jsxRuntime.jsx("div", __assign({ className: classnames(className, 'p16 br8 color-black', styles$
|
|
8680
|
-
jsxRuntime.jsx("span", { "data-testid": "information-box-icon", className: classnames(styles$
|
|
8679
|
+
return (jsxRuntime.jsx("div", __assign({ className: classnames(className, 'p16 br8 color-black', styles$m.informationBox, styles$m["informationBox--" + variant]), role: "alert" }, { children: jsxRuntime.jsxs("div", __assign({ className: 'd-flex' }, { children: [showIcon &&
|
|
8680
|
+
jsxRuntime.jsx("span", { "data-testid": "information-box-icon", className: classnames(styles$m.icon, styles$m["icon--" + variant], 'mr8') }, void 0),
|
|
8681
8681
|
jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", __assign({ "data-testid": "information-box-title", className: classnames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
|
|
8682
8682
|
jsxRuntime.jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
|
|
8683
8683
|
};
|
|
@@ -8758,6 +8758,26 @@ var CurrencyInput = function (_a) {
|
|
|
8758
8758
|
} }, props), void 0));
|
|
8759
8759
|
};
|
|
8760
8760
|
|
|
8761
|
+
var css_248z$m = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n padding-bottom: 6px;\n padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n padding-bottom: 8px;\n padding-top: 8px;\n}";
|
|
8762
|
+
var styles$l = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
|
|
8763
|
+
styleInject(css_248z$m);
|
|
8764
|
+
|
|
8765
|
+
var getVariantClassNames = function (variant) { return ({
|
|
8766
|
+
information: 'bg-blue-100',
|
|
8767
|
+
neutral: 'bg-white',
|
|
8768
|
+
neutral200: 'bg-grey-200',
|
|
8769
|
+
neutral300: 'bg-grey-300',
|
|
8770
|
+
warning: 'bg-yellow-100',
|
|
8771
|
+
error: 'bg-red-100',
|
|
8772
|
+
success: 'bg-green-100',
|
|
8773
|
+
primary: 'bg-purple-100',
|
|
8774
|
+
primary900: 'bg-purple-900 tc-white',
|
|
8775
|
+
}[variant]); };
|
|
8776
|
+
var Badge = function (_a) {
|
|
8777
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
|
|
8778
|
+
return (jsxRuntime.jsx("div", __assign({ className: classnames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$l["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
|
|
8779
|
+
};
|
|
8780
|
+
|
|
8761
8781
|
var css_248z$l = ".styles-module_container__3zJJC {\n max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n max-width: 424px;\n}\n\n.styles-module_wide__VxDGe {\n max-width: 736px;\n}";
|
|
8762
8782
|
var styles$k = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b","wide":"styles-module_wide__VxDGe"};
|
|
8763
8783
|
styleInject(css_248z$l);
|
|
@@ -8998,13 +9018,14 @@ var cardTextStyleFromCardSize = function (cardSize) {
|
|
|
8998
9018
|
}
|
|
8999
9019
|
};
|
|
9000
9020
|
var CardWithLeftIcon = function (_a) {
|
|
9001
|
-
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"]);
|
|
9021
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, subtitle = _a.subtitle, _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, leftIconSize = _a.leftIconSize, props = __rest$1(_a, ["className", "title", "subtitle", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow", "leftIconSize"]);
|
|
9002
9022
|
var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$f[containerStyleFromCardSize(cardSize)];
|
|
9003
9023
|
var headingStyle = headingForCardSize(cardSize);
|
|
9004
9024
|
var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
|
|
9005
9025
|
var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles$f[cardTextStyleFromCardSize(cardSize)];
|
|
9006
|
-
return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsxRuntime.jsx("img", { width: "
|
|
9007
|
-
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
9026
|
+
return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsxRuntime.jsx("img", { width: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.width) || 48) + "px", height: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.height) || 48) + "px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
|
|
9027
|
+
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [(title || subtitle) && (jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0)),
|
|
9028
|
+
subtitle && (jsxRuntime.jsx("div", __assign({ className: "tc-grey-500 " + headingStyle }, { children: subtitle }), void 0))] }, void 0)),
|
|
9008
9029
|
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),
|
|
9009
9030
|
jsxRuntime.jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
|
|
9010
9031
|
};
|
|
@@ -12213,7 +12234,7 @@ var css_248z$b = "@keyframes style-module_appearInAnimation__yvH4A {\n from {\n
|
|
|
12213
12234
|
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"};
|
|
12214
12235
|
styleInject(css_248z$b);
|
|
12215
12236
|
|
|
12216
|
-
var AutoSuggestInput =
|
|
12237
|
+
var AutoSuggestInput = function (_a) {
|
|
12217
12238
|
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, inputProps = _a.inputProps;
|
|
12218
12239
|
var renderSuggestion = function (suggestion) {
|
|
12219
12240
|
var _a;
|
|
@@ -12231,13 +12252,13 @@ var AutoSuggestInput = (function (_a) {
|
|
|
12231
12252
|
var suggestion = _a.suggestion;
|
|
12232
12253
|
handleSuggestionSelected(suggestion);
|
|
12233
12254
|
}, renderInputComponent: renderInputComponent }, void 0) }), void 0));
|
|
12234
|
-
}
|
|
12255
|
+
};
|
|
12235
12256
|
|
|
12236
12257
|
var css_248z$a = ".style-module_chip-container__26s37 {\n display: flex;\n flex-wrap: wrap;\n max-height: 10px;\n transition: 0.7s ease-in;\n}\n\n.style-module_appearIn__3XNel {\n max-height: 300px;\n}";
|
|
12237
12258
|
var styles$9 = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
|
|
12238
12259
|
styleInject(css_248z$a);
|
|
12239
12260
|
|
|
12240
|
-
var
|
|
12261
|
+
var AutoSuggestMultiSelect = function (_a) {
|
|
12241
12262
|
var _b;
|
|
12242
12263
|
var options = _a.options, selectedValues = _a.selectedValues, setValues = _a.setValues, placeholder = _a.placeholder, chipsListClassName = _a.chipsListClassName, multiSelectClassName = _a.multiSelectClassName, wrapText = _a.wrapText;
|
|
12243
12264
|
var _c = require$$0.useState([]), suggestions = _c[0], setSuggestions = _c[1];
|
|
@@ -12262,7 +12283,7 @@ var index$1 = (function (_a) {
|
|
|
12262
12283
|
});
|
|
12263
12284
|
setSuggestions(filteredOptions);
|
|
12264
12285
|
}, currentOption: currentOption, suggestions: suggestions, handleSuggestionClearRequest: function () { return setSuggestions([]); }, wrapText: wrapText }, void 0)] }, void 0));
|
|
12265
|
-
}
|
|
12286
|
+
};
|
|
12266
12287
|
|
|
12267
12288
|
var dist = {exports: {}};
|
|
12268
12289
|
|
|
@@ -36305,8 +36326,9 @@ var images = {
|
|
|
36305
36326
|
};
|
|
36306
36327
|
|
|
36307
36328
|
exports.AutoSuggestInput = AutoSuggestInput;
|
|
36308
|
-
exports.AutoSuggestMultiSelect =
|
|
36329
|
+
exports.AutoSuggestMultiSelect = AutoSuggestMultiSelect;
|
|
36309
36330
|
exports.AutocompleteAddress = AutocompleteAddress;
|
|
36331
|
+
exports.Badge = Badge;
|
|
36310
36332
|
exports.BottomModal = BottomModal;
|
|
36311
36333
|
exports.BottomOrRegularModal = BottomOrRegularModal;
|
|
36312
36334
|
exports.Button = Button;
|