@popsure/dirty-swan 0.34.0 → 0.35.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 +129 -106
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/chip/index.d.ts +2 -1
- package/dist/cjs/lib/components/informationBox/index.d.ts +12 -0
- package/dist/cjs/lib/components/informationBox/index.stories.d.ts +35 -0
- package/dist/cjs/lib/components/informationBox/index.test.d.ts +1 -0
- package/dist/cjs/lib/components/link/index.d.ts +2 -0
- package/dist/cjs/lib/components/link/index.stories.d.ts +26 -0
- package/dist/cjs/lib/index.d.ts +3 -1
- package/dist/esm/components/autocompleteAddress/index.test.js +1 -1
- package/dist/esm/components/chip/index.js +2 -2
- package/dist/esm/components/chip/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableButton/index.test.js +2 -2
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js +2 -2
- package/dist/esm/components/dateSelector/index.test.js +1 -1
- package/dist/esm/components/informationBox/index.js +19 -0
- package/dist/esm/components/informationBox/index.js.map +1 -0
- package/dist/esm/components/informationBox/index.stories.js +42 -0
- package/dist/esm/components/informationBox/index.stories.js.map +1 -0
- package/dist/esm/components/informationBox/index.test.js +49 -0
- package/dist/esm/components/informationBox/index.test.js.map +1 -0
- package/dist/esm/components/input/autoSuggestMultiSelect/index.js +13 -9
- package/dist/esm/components/input/autoSuggestMultiSelect/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.test.js +1 -1
- package/dist/esm/components/input/currency/index.test.js +1 -1
- package/dist/esm/components/link/index.js +11 -0
- package/dist/esm/components/link/index.js.map +1 -0
- package/dist/esm/components/link/index.stories.js +33 -0
- package/dist/esm/components/link/index.stories.js.map +1 -0
- package/dist/esm/components/multiDropzone/index.test.js +2 -2
- package/dist/esm/components/segmentedControl/index.test.js +1 -1
- package/dist/esm/{customRender-4157fcff.js → customRender-20b5f7ec.js} +3 -3
- package/dist/esm/{customRender-4157fcff.js.map → customRender-20b5f7ec.js.map} +1 -1
- package/dist/esm/{extend-expect-46bdce4a.js → extend-expect-25e5049d.js} +2 -2
- package/dist/esm/{extend-expect-46bdce4a.js.map → extend-expect-25e5049d.js.map} +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/chip/index.d.ts +2 -1
- package/dist/esm/lib/components/informationBox/index.d.ts +12 -0
- package/dist/esm/lib/components/informationBox/index.stories.d.ts +35 -0
- package/dist/esm/lib/components/informationBox/index.test.d.ts +1 -0
- package/dist/esm/lib/components/link/index.d.ts +2 -0
- package/dist/esm/lib/components/link/index.stories.d.ts +26 -0
- package/dist/esm/lib/index.d.ts +3 -1
- package/dist/esm/util/testUtils/customRender.js +1 -1
- package/package.json +1 -1
- package/src/index.tsx +2 -0
- package/src/lib/components/chip/index.tsx +3 -1
- package/src/lib/components/informationBox/index.stories.tsx +51 -0
- package/src/lib/components/informationBox/index.test.tsx +55 -0
- package/src/lib/components/informationBox/index.tsx +65 -0
- package/src/lib/components/informationBox/info.svg +11 -0
- package/src/lib/components/informationBox/style.module.scss +62 -0
- package/src/lib/components/input/autoSuggestMultiSelect/index.tsx +29 -18
- package/src/lib/components/input/autoSuggestMultiSelect/style.module.scss +6 -0
- package/src/lib/components/link/index.stories.tsx +29 -0
- package/src/lib/components/link/index.tsx +9 -0
- package/src/lib/index.tsx +4 -0
package/dist/cjs/index.js
CHANGED
|
@@ -288,14 +288,14 @@ Caption$1.default = Caption;
|
|
|
288
288
|
|
|
289
289
|
var Navbar$1 = {};
|
|
290
290
|
|
|
291
|
-
var classNames
|
|
291
|
+
var classNames = {};
|
|
292
292
|
|
|
293
|
-
Object.defineProperty(classNames
|
|
293
|
+
Object.defineProperty(classNames, "__esModule", {
|
|
294
294
|
value: true
|
|
295
295
|
});
|
|
296
296
|
// Proxy object to map classnames when css modules are not used
|
|
297
297
|
|
|
298
|
-
classNames
|
|
298
|
+
classNames.default = {
|
|
299
299
|
container: 'DayPicker',
|
|
300
300
|
wrapper: 'DayPicker-wrapper',
|
|
301
301
|
interactionDisabled: 'DayPicker--interactionDisabled',
|
|
@@ -335,7 +335,7 @@ var _react$5 = require$$0__default['default'];
|
|
|
335
335
|
|
|
336
336
|
var _react2$5 = _interopRequireDefault$6(_react$5);
|
|
337
337
|
|
|
338
|
-
var _classNames$3 = classNames
|
|
338
|
+
var _classNames$3 = classNames;
|
|
339
339
|
|
|
340
340
|
var _classNames2$3 = _interopRequireDefault$6(_classNames$3);
|
|
341
341
|
|
|
@@ -819,7 +819,7 @@ var _DateUtils$4 = DateUtils$2;
|
|
|
819
819
|
|
|
820
820
|
var _LocaleUtils$1 = LocaleUtils$1;
|
|
821
821
|
|
|
822
|
-
var _classNames$2 = classNames
|
|
822
|
+
var _classNames$2 = classNames;
|
|
823
823
|
|
|
824
824
|
var _classNames2$2 = _interopRequireDefault$4(_classNames$2);
|
|
825
825
|
|
|
@@ -986,7 +986,7 @@ var _DateUtils$3 = DateUtils$2;
|
|
|
986
986
|
|
|
987
987
|
var _Helpers$3 = Helpers$2;
|
|
988
988
|
|
|
989
|
-
var _classNames$1 = classNames
|
|
989
|
+
var _classNames$1 = classNames;
|
|
990
990
|
|
|
991
991
|
var _classNames2$1 = _interopRequireDefault$3(_classNames$1);
|
|
992
992
|
|
|
@@ -1533,7 +1533,7 @@ var _ModifiersUtils = ModifiersUtils$2;
|
|
|
1533
1533
|
|
|
1534
1534
|
var ModifiersUtils = _interopRequireWildcard(_ModifiersUtils);
|
|
1535
1535
|
|
|
1536
|
-
var _classNames = classNames
|
|
1536
|
+
var _classNames = classNames;
|
|
1537
1537
|
|
|
1538
1538
|
var _classNames2 = _interopRequireDefault(_classNames);
|
|
1539
1539
|
|
|
@@ -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$u = ".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$t = {"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$u);
|
|
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$t.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$t['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$t['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$t['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$t['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$t['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$t['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$t = ".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$s = {"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$t);
|
|
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$s.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$s.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$s.canvas, ref: this.canvasRef }, void 0),
|
|
2850
|
+
jsxRuntime.jsx("div", { className: styles$s.separator }, void 0),
|
|
2851
|
+
jsxRuntime.jsx("div", { className: styles$s.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$s.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;
|
|
@@ -2872,7 +2872,7 @@ var SignaturePad = /** @class */ (function (_super) {
|
|
|
2872
2872
|
return SignaturePad;
|
|
2873
2873
|
}(require$$0.Component));
|
|
2874
2874
|
|
|
2875
|
-
var classnames = {exports: {}};
|
|
2875
|
+
var classnames$1 = {exports: {}};
|
|
2876
2876
|
|
|
2877
2877
|
/*!
|
|
2878
2878
|
Copyright (c) 2018 Jed Watson.
|
|
@@ -2928,9 +2928,9 @@ var classnames = {exports: {}};
|
|
|
2928
2928
|
window.classNames = classNames;
|
|
2929
2929
|
}
|
|
2930
2930
|
}());
|
|
2931
|
-
}(classnames));
|
|
2931
|
+
}(classnames$1));
|
|
2932
2932
|
|
|
2933
|
-
var
|
|
2933
|
+
var classnames = classnames$1.exports;
|
|
2934
2934
|
|
|
2935
2935
|
/**
|
|
2936
2936
|
* lodash (Custom Build) <https://lodash.com/>
|
|
@@ -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$s = ".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$r = {"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$s);
|
|
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$r.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classnames('p-p', styles$r.label, (_b = {},
|
|
5187
|
+
_b[styles$r['label--with-error']] = error,
|
|
5188
5188
|
_b['sr-only'] = hideLabel,
|
|
5189
5189
|
_b)) }, { children: label }), void 0)),
|
|
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:
|
|
5191
|
-
? styles$
|
|
5192
|
-
: styles$
|
|
5193
|
-
prefix && (jsxRuntime.jsx("span", __assign({ className:
|
|
5194
|
-
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className:
|
|
5195
|
-
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$
|
|
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$r.input
|
|
5192
|
+
: styles$r['input--no-placeholder'], (_c = {}, _c[styles$r['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
|
|
5193
|
+
prefix && (jsxRuntime.jsx("span", __assign({ className: classnames(styles$r.prefix, (_d = {}, _d[styles$r['prefix--with-error']] = error, _d), (_e = {}, _e[styles$r['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
|
|
5194
|
+
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classnames(styles$r.placeholder, (_f = {}, _f[styles$r['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$r['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$r.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$r = "@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$q = {"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$r);
|
|
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:
|
|
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$q['map-container'], (_b = {},
|
|
5360
|
+
_b[styles$q['map-container--hidden']] = place === null,
|
|
5361
|
+
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$q.map, id: "map" }, void 0),
|
|
5362
|
+
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$q['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$q['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$q['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$q['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$q['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);
|
|
@@ -8246,7 +8246,7 @@ const ANIMATION_STATE_CLASSES = {
|
|
|
8246
8246
|
staticHeightSpecific: 'rah-static--height-specific',
|
|
8247
8247
|
};
|
|
8248
8248
|
function getStaticStateClasses(animationStateClasses, height) {
|
|
8249
|
-
return
|
|
8249
|
+
return classnames({
|
|
8250
8250
|
[animationStateClasses.static]: true,
|
|
8251
8251
|
[animationStateClasses.staticHeightZero]: height === 0,
|
|
8252
8252
|
[animationStateClasses.staticHeightSpecific]: height > 0,
|
|
@@ -8330,7 +8330,7 @@ const AnimateHeight = (_a) => {
|
|
|
8330
8330
|
newHeight = contentHeight;
|
|
8331
8331
|
}
|
|
8332
8332
|
// Animation classes
|
|
8333
|
-
const newAnimationStateClassNames =
|
|
8333
|
+
const newAnimationStateClassNames = classnames({
|
|
8334
8334
|
[stateClasses.current.animating]: true,
|
|
8335
8335
|
[stateClasses.current.animatingUp]: prevHeight.current === 'auto' || height < prevHeight.current,
|
|
8336
8336
|
[stateClasses.current.animatingDown]: height === 'auto' || height > prevHeight.current,
|
|
@@ -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$q = ".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$p = {"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$q);
|
|
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$p = ".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$o = {"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$p);
|
|
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:
|
|
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:
|
|
8491
|
-
_c[styles$
|
|
8492
|
-
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8493
|
-
jsxRuntime.jsx("img", { className:
|
|
8494
|
-
_d[styles$
|
|
8484
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classnames("mt8 " + styles$o['upload-file-cell'], (_b = {},
|
|
8485
|
+
_b[styles$o['upload-file-cell-error']] = hasError,
|
|
8486
|
+
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$o['cell-left-section'] }, { children: [jsxRuntime.jsx("img", { className: styles$o['main-icon'], src: mapFileIcon[uploadStatus], alt: "" }, void 0),
|
|
8487
|
+
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$o['upload-display-text'] }, { children: mapDisplayText[uploadStatus] }), void 0),
|
|
8488
|
+
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$o['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$o['progress-bar'] }, void 0),
|
|
8489
|
+
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$o['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
|
|
8490
|
+
jsxRuntime.jsx("div", __assign({ className: classnames(styles$o['cell-right-section'], (_c = {},
|
|
8491
|
+
_c[styles$o['cell-right-section-complete']] = isComplete,
|
|
8492
|
+
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$o.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$o['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$o['remove-icon'], (_d = {},
|
|
8494
|
+
_d[styles$o.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$p.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classnames("w100 ta-center br8 c-pointer " + styles$p.dropzoneContainer, (_b = {},
|
|
8605
|
+
_b[styles$p['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$p.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$p.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$o = ".styles-module_content-container__4wuQ0 {\n display: flex;\n justify-content: center;\n align-items: center;\n}";
|
|
8627
|
+
var styles$n = {"content-container":"styles-module_content-container__4wuQ0"};
|
|
8628
|
+
styleInject(css_248z$o);
|
|
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$n['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$n = ".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$m = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
8651
|
+
styleInject(css_248z$n);
|
|
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$m.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$m.button, buttonTitle: "Generating", loading: true }, void 0)); };
|
|
8659
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$m['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,6 +8670,18 @@ 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$m = ".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$l = {"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$m);
|
|
8676
|
+
|
|
8677
|
+
var InformationBox = function (_a) {
|
|
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$l.informationBox, styles$l["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$l.icon, styles$l["icon--" + variant], 'mr8') }, void 0),
|
|
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
|
+
jsxRuntime.jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
|
|
8683
|
+
};
|
|
8684
|
+
|
|
8673
8685
|
var IBAN_CHAR_LIMIT = 4;
|
|
8674
8686
|
var formatIban = function (iban) {
|
|
8675
8687
|
if (iban) {
|
|
@@ -8775,7 +8787,7 @@ var Checkbox = function (_a) {
|
|
|
8775
8787
|
onChange(newValues);
|
|
8776
8788
|
};
|
|
8777
8789
|
var entries = Object.entries(options);
|
|
8778
|
-
return (jsxRuntime.jsx("div", __assign({ className:
|
|
8790
|
+
return (jsxRuntime.jsx("div", __assign({ className: classnames(className, styles$k.container, 'd-flex gap8', (_b = {},
|
|
8779
8791
|
_b[styles$k.wide] = wide,
|
|
8780
8792
|
_b[styles$k.narrow] = !wide,
|
|
8781
8793
|
_b['fd-row'] = inlineLayout,
|
|
@@ -8786,10 +8798,10 @@ var Checkbox = function (_a) {
|
|
|
8786
8798
|
var currentValue = _a[0], label = _a[1];
|
|
8787
8799
|
var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
|
|
8788
8800
|
var customIcon = (_b = label) === null || _b === void 0 ? void 0 : _b.icon;
|
|
8789
|
-
return (jsxRuntime.jsxs("div", __assign({ className: optionClassName }, { children: [jsxRuntime.jsx("input", { className:
|
|
8801
|
+
return (jsxRuntime.jsxs("div", __assign({ className: optionClassName }, { children: [jsxRuntime.jsx("input", { className: classnames("p-checkbox", {
|
|
8790
8802
|
'p-checkbox--no-icon': customIcon
|
|
8791
8803
|
}), id: currentValue, type: "checkbox", value: currentValue, onChange: function () { return handleOnChange(currentValue); }, checked: checked, "data-testid": "checkbox-input-" + currentValue }, void 0),
|
|
8792
|
-
jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className:
|
|
8804
|
+
jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classnames(labelClassName, 'p-label p-label--bordered pr16', {
|
|
8793
8805
|
'jc-center': customIcon,
|
|
8794
8806
|
'fd-column': customIcon
|
|
8795
8807
|
}), "data-cy": "checkbox-" + currentValue, "data-testid": "checkbox-" + currentValue }, { children: [customIcon && (jsxRuntime.jsx("div", __assign({ className: "mt8" }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0)),
|
|
@@ -8858,7 +8870,7 @@ var BottomModal = function (_a) {
|
|
|
8858
8870
|
if (!isOpen) {
|
|
8859
8871
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8860
8872
|
}
|
|
8861
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$j['overlay--close'] : styles$j.overlay, onClick: handleOnOverlayClick }, { 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:
|
|
8873
|
+
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$j['overlay--close'] : styles$j.overlay, onClick: handleOnOverlayClick }, { 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: classnames(styles$j.header, {
|
|
8862
8874
|
'jc-between': !!title,
|
|
8863
8875
|
'jc-end': !title
|
|
8864
8876
|
}) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$j.title }, { children: title }), void 0),
|
|
@@ -8878,7 +8890,7 @@ var RegularModal = function (_a) {
|
|
|
8878
8890
|
if (!isOpen) {
|
|
8879
8891
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8880
8892
|
}
|
|
8881
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$i['overlay--close'] : styles$i.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$i['container--close'] : styles$i.container) + " " + className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$i.body, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className:
|
|
8893
|
+
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$i['overlay--close'] : styles$i.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$i['container--close'] : styles$i.container) + " " + className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$i.body, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classnames(styles$i.header, {
|
|
8882
8894
|
'jc-between': !!title,
|
|
8883
8895
|
'jc-end': !title
|
|
8884
8896
|
}) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$i.title }, { children: title }), void 0),
|
|
@@ -9076,8 +9088,8 @@ var removeButtonIcon = "data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D
|
|
|
9076
9088
|
var removeButtonHighlightedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
9077
9089
|
|
|
9078
9090
|
var Chip = (function (_a) {
|
|
9079
|
-
var value = _a.value, onRemove = _a.onRemove;
|
|
9080
|
-
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)),
|
|
9091
|
+
var className = _a.className, value = _a.value, onRemove = _a.onRemove;
|
|
9092
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + className + " " + styles$b['chip'] }, { children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 " + styles$b['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
|
|
9081
9093
|
jsxRuntime.jsx("div", __assign({ className: "mr8" }, { children: value.value }), void 0),
|
|
9082
9094
|
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),
|
|
9083
9095
|
jsxRuntime.jsx("img", { className: styles$b['chip-remove-button'], src: removeButtonIcon, alt: "removal x button" }, void 0)] }), void 0)] }), void 0));
|
|
@@ -12206,7 +12218,7 @@ var AutoSuggestInput = (function (_a) {
|
|
|
12206
12218
|
var renderSuggestion = function (suggestion) {
|
|
12207
12219
|
var _a;
|
|
12208
12220
|
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)),
|
|
12209
|
-
jsxRuntime.jsx("div", __assign({ className:
|
|
12221
|
+
jsxRuntime.jsx("div", __assign({ className: classnames(styles$a['suggestion-text'], (_a = {},
|
|
12210
12222
|
_a[styles$a.nowrap] = !wrapText,
|
|
12211
12223
|
_a)) }, { children: suggestion.value }), void 0)] }), void 0));
|
|
12212
12224
|
};
|
|
@@ -12221,18 +12233,22 @@ var AutoSuggestInput = (function (_a) {
|
|
|
12221
12233
|
}, renderInputComponent: renderInputComponent }, void 0) }), void 0));
|
|
12222
12234
|
});
|
|
12223
12235
|
|
|
12224
|
-
var css_248z$a = ".style-module_chip-container__26s37 {\n display: flex;\n flex-wrap: wrap;\n}";
|
|
12225
|
-
var styles$9 = {"chip-container":"style-module_chip-container__26s37"};
|
|
12236
|
+
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
|
+
var styles$9 = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
|
|
12226
12238
|
styleInject(css_248z$a);
|
|
12227
12239
|
|
|
12228
12240
|
var index$1 = (function (_a) {
|
|
12241
|
+
var _b;
|
|
12229
12242
|
var options = _a.options, selectedValues = _a.selectedValues, setValues = _a.setValues, placeholder = _a.placeholder, chipsListClassName = _a.chipsListClassName, multiSelectClassName = _a.multiSelectClassName, wrapText = _a.wrapText;
|
|
12230
|
-
var
|
|
12231
|
-
var
|
|
12232
|
-
|
|
12233
|
-
|
|
12234
|
-
|
|
12235
|
-
|
|
12243
|
+
var _c = require$$0.useState([]), suggestions = _c[0], setSuggestions = _c[1];
|
|
12244
|
+
var _d = require$$0.useState(''), currentOption = _d[0], setCurrentOption = _d[1];
|
|
12245
|
+
var hasChips = Boolean(selectedValues && selectedValues.length > 0);
|
|
12246
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: classnames(styles$9['chip-container'], chipsListClassName, (_b = {},
|
|
12247
|
+
_b[styles$9.appearIn] = hasChips,
|
|
12248
|
+
_b)) }, { children: selectedValues && hasChips && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: selectedValues.map(function (value, index) { return (jsxRuntime.jsx(Chip, { className: "mb16", value: value, onRemove: function (value) {
|
|
12249
|
+
var newValues = __spreadArray$1([], selectedValues).filter(function (selectedValue) { return selectedValue.value !== value.value; });
|
|
12250
|
+
setValues(newValues);
|
|
12251
|
+
} }, value.value + "-" + index)); }) }, void 0)) }), void 0),
|
|
12236
12252
|
jsxRuntime.jsx(AutoSuggestInput, { className: multiSelectClassName, placeholder: placeholder, onChange: setCurrentOption, handleSuggestionSelected: function (value) {
|
|
12237
12253
|
var newSelectedOptions = selectedValues !== null && selectedValues !== void 0 ? selectedValues : [];
|
|
12238
12254
|
newSelectedOptions === null || newSelectedOptions === void 0 ? void 0 : newSelectedOptions.push(value);
|
|
@@ -13838,10 +13854,10 @@ var TableArrows = function (props) {
|
|
|
13838
13854
|
var _a, _b;
|
|
13839
13855
|
var active = props.active, onClick = props.onClick;
|
|
13840
13856
|
var handleButtonClick = function (value) { return function () { return onClick(value); }; };
|
|
13841
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$6.container }, { children: [jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('prev'), className:
|
|
13857
|
+
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 = {},
|
|
13842
13858
|
_a[styles$6.active] = active.left,
|
|
13843
13859
|
_a)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0),
|
|
13844
|
-
jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className:
|
|
13860
|
+
jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classnames("p-btn--secondary d-flex", styles$6.next, styles$6.arrow, (_b = {},
|
|
13845
13861
|
_b[styles$6.active] = active.right,
|
|
13846
13862
|
_b)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
|
|
13847
13863
|
};
|
|
@@ -13896,7 +13912,7 @@ var VALID_VALUES = [1, 2, 3];
|
|
|
13896
13912
|
var TableRating = function (props) {
|
|
13897
13913
|
var rating = props.rating, type = props.type;
|
|
13898
13914
|
var SelectedIcon = getRatingIcon(type);
|
|
13899
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className:
|
|
13915
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classnames(styles$3.icon, value <= rating ? styles$3.filled : styles$3.empty) }, value)); }) }, void 0));
|
|
13900
13916
|
};
|
|
13901
13917
|
|
|
13902
13918
|
var css_248z$3 = ".style-module_icon__30Nor {\n min-width: 20px;\n}";
|
|
@@ -14023,9 +14039,9 @@ var ComparisonTable = function (props) {
|
|
|
14023
14039
|
: {})), (stickyHeaderTopOffset
|
|
14024
14040
|
? { '--stickyHeaderTopOffset': stickyHeaderTopOffset + "px" }
|
|
14025
14041
|
: {})), (growContent ? { '--growContent': '100%' } : {}));
|
|
14026
|
-
return (jsxRuntime.jsx(dist.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxRuntime.jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsxRuntime.jsx("div", __assign({ className:
|
|
14042
|
+
return (jsxRuntime.jsx(dist.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxRuntime.jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles.header, styles === null || styles === void 0 ? void 0 : styles.header) }, { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles.container, (_a = {},
|
|
14027
14043
|
_a[baseStyles.noScrollBars] = hideScrollBars,
|
|
14028
|
-
_a)) }, { children: jsxRuntime.jsx("div", __assign({ className:
|
|
14044
|
+
_a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [jsxRuntime.jsx(TableArrows, { onClick: handleArrowsClick, active: {
|
|
14029
14045
|
left: selectedTabIndex > 0,
|
|
14030
14046
|
right: selectedTabIndex < data.length - 1,
|
|
14031
14047
|
} }, void 0),
|
|
@@ -14045,17 +14061,17 @@ var ComparisonTable = function (props) {
|
|
|
14045
14061
|
return (jsxRuntime.jsx(Row$1, { rowId: rowId, cell: cell, data: data }, rowId));
|
|
14046
14062
|
});
|
|
14047
14063
|
var idString = "headerGroup-" + headerGroup.id;
|
|
14048
|
-
return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className:
|
|
14064
|
+
return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
|
|
14049
14065
|
_a[baseStyles.noScrollBars] = hideScrollBars,
|
|
14050
|
-
_a)) }, { children: jsxRuntime.jsx("div", __assign({ className:
|
|
14066
|
+
_a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
|
|
14051
14067
|
_b[baseStyles.noScrollBars] = hideScrollBars,
|
|
14052
|
-
_b)) }, { children: jsxRuntime.jsx("div", __assign({ className:
|
|
14068
|
+
_b)) }, { children: jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
|
|
14053
14069
|
/**
|
|
14054
14070
|
* Print a table subheader if the `label` value is present
|
|
14055
14071
|
*/
|
|
14056
14072
|
headerGroup.label && !collapsibleSections && (jsxRuntime.jsx("div", __assign({ className: baseStyles['group-title'] }, { children: jsxRuntime.jsx("h4", __assign({ className: "p-h4 " + baseStyles.sticky }, { children: headerGroup.label }), void 0) }), void 0)), content] }), void 0) }), void 0) }), void 0) }, void 0) }, idString)) }, idString));
|
|
14057
14073
|
}),
|
|
14058
|
-
hideDetails && (jsxRuntime.jsx("div", __assign({ className:
|
|
14074
|
+
hideDetails && (jsxRuntime.jsx("div", __assign({ className: classnames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48') }, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", __assign({ className: "w100 d-flex p-a p-h4 c-pointer " + baseStyles['show-details-button'], onClick: toggleMoreRows, type: "button" }, { children: [showMore ? 'Hide details' : 'Show details', jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] }, void 0)] }), void 0) }, void 0) }), void 0))] }), void 0)] }), void 0) }), void 0));
|
|
14059
14075
|
};
|
|
14060
14076
|
|
|
14061
14077
|
var css_248z$1 = ".style-module_background-container__2Gjka {\n position: relative;\n display: inline-block;\n background-color: var(--ds-primary-100);\n border-radius: 8px;\n padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n display: flex;\n align-items: center;\n}\n\n.style-module_chip__3rgLT {\n cursor: pointer;\n z-index: 2;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.style-module_select-chip-background__YCAyw {\n position: absolute;\n background-color: white;\n border-radius: 8px;\n top: 8px;\n z-index: 1;\n transition: width 0.3s, left 0.3s;\n}";
|
|
@@ -36218,7 +36234,7 @@ var directiveToHTMLTag = function () {
|
|
|
36218
36234
|
});
|
|
36219
36235
|
};
|
|
36220
36236
|
};
|
|
36221
|
-
var Link = function (openLinksInNewTab) { return function (props) {
|
|
36237
|
+
var Link$1 = function (openLinksInNewTab) { return function (props) {
|
|
36222
36238
|
return openLinksInNewTab ? (jsxRuntime.jsx("a", __assign({ href: props.href, className: "p-a", target: "_blank", rel: "noreferrer" }, { children: props.children }), void 0)) : (jsxRuntime.jsx("a", __assign({ href: props.href, className: "p-a" }, { children: props.children }), void 0));
|
|
36223
36239
|
}; };
|
|
36224
36240
|
var Paragraph = function (className) { return function (props) {
|
|
@@ -36256,7 +36272,12 @@ var Code = function (props) {
|
|
|
36256
36272
|
};
|
|
36257
36273
|
var Markdown = function (_a) {
|
|
36258
36274
|
var children = _a.children, customMDComponents = _a.customMDComponents, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.openLinksInNewTab, openLinksInNewTab = _c === void 0 ? false : _c, _d = _a.paragraphClassName, paragraphClassName = _d === void 0 ? '' : _d;
|
|
36259
|
-
return (jsxRuntime.jsx(ReactMarkdown, { children: children, className: className, components: __assign({ a: Link(openLinksInNewTab), p: Paragraph(paragraphClassName), h1: Heading, h2: Heading, h3: Heading, h4: Heading, h5: Heading, ol: OList, ul: UList, strong: Strong, em: Italic, code: Code }, customMDComponents), remarkPlugins: [remarkDirective, directiveToHTMLTag] }, void 0));
|
|
36275
|
+
return (jsxRuntime.jsx(ReactMarkdown, { children: children, className: className, components: __assign({ a: Link$1(openLinksInNewTab), p: Paragraph(paragraphClassName), h1: Heading, h2: Heading, h3: Heading, h4: Heading, h5: Heading, ol: OList, ul: UList, strong: Strong, em: Italic, code: Code }, customMDComponents), remarkPlugins: [remarkDirective, directiveToHTMLTag] }, void 0));
|
|
36276
|
+
};
|
|
36277
|
+
|
|
36278
|
+
var Link = function (_a) {
|
|
36279
|
+
var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
|
|
36280
|
+
return (jsxRuntime.jsx("a", __assign({ className: classnames(className, 'p-a c-pointer') }, rest, { children: children }), void 0));
|
|
36260
36281
|
};
|
|
36261
36282
|
|
|
36262
36283
|
var basePath = 'https://assets.cdn.feather-insurance.com/assets/images';
|
|
@@ -36301,7 +36322,9 @@ exports.DateSelector = DateSelector;
|
|
|
36301
36322
|
exports.DownloadButton = DownloadButton;
|
|
36302
36323
|
exports.IbanInput = IbanInput;
|
|
36303
36324
|
exports.InfoCard = InfoCard;
|
|
36325
|
+
exports.InformationBox = InformationBox;
|
|
36304
36326
|
exports.Input = Input;
|
|
36327
|
+
exports.Link = Link;
|
|
36305
36328
|
exports.Markdown = Markdown;
|
|
36306
36329
|
exports.MultiDropzone = MultiDropzone;
|
|
36307
36330
|
exports.RegularModal = RegularModal;
|