@popsure/dirty-swan 0.66.18 → 0.66.20
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.js +352 -306
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/table/Table.d.ts +2 -1
- package/dist/cjs/lib/components/table/Table.stories.d.ts +9 -1
- package/dist/cjs/lib/components/table/components/TableContents/TableContents.d.ts +2 -1
- package/dist/cjs/lib/components/tabs/Tabs.d.ts +12 -0
- package/dist/cjs/lib/components/tabs/Tabs.stories.d.ts +45 -0
- package/dist/cjs/lib/index.d.ts +3 -2
- package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js +2 -2
- package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js.map +1 -1
- package/dist/esm/components/icon/icons/CircleSelected.js +2 -2
- package/dist/esm/components/icon/icons/CircleSelected.js.map +1 -1
- package/dist/esm/components/icon/icons/CircleUnselected.js +2 -2
- package/dist/esm/components/icon/icons/CircleUnselected.js.map +1 -1
- package/dist/esm/components/icon/icons.stories.js +1 -1
- package/dist/esm/components/icon/index.stories.js +1 -1
- package/dist/esm/components/table/Table.js +27 -10
- package/dist/esm/components/table/Table.js.map +1 -1
- package/dist/esm/components/table/Table.stories.js +81 -1
- package/dist/esm/components/table/Table.stories.js.map +1 -1
- package/dist/esm/components/table/Table.test.js +3 -0
- package/dist/esm/components/table/Table.test.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js +9 -8
- package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.stories.js +4 -2
- package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.stories.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/TableCell.js +2 -0
- package/dist/esm/components/table/components/TableCell/TableCell.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/TableCell.test.js +2 -0
- package/dist/esm/components/table/components/TableCell/TableCell.test.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js +6 -4
- package/dist/esm/components/table/components/TableContents/TableContents.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js +2 -0
- package/dist/esm/components/table/components/TableContents/TableContents.test.js.map +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.js +2 -0
- package/dist/esm/components/table/components/TableSection/TableSection.js.map +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.test.js +2 -0
- package/dist/esm/components/table/components/TableSection/TableSection.test.js.map +1 -1
- package/dist/esm/components/tabs/Tabs.js +40 -0
- package/dist/esm/components/tabs/Tabs.js.map +1 -0
- package/dist/esm/components/tabs/Tabs.stories.js +77 -0
- package/dist/esm/components/tabs/Tabs.stories.js.map +1 -0
- package/dist/esm/{index-D41W71Hh.js → index-D7G3EuxU.js} +5 -5
- package/dist/esm/{index-D41W71Hh.js.map → index-D7G3EuxU.js.map} +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/table/Table.d.ts +2 -1
- package/dist/esm/lib/components/table/Table.stories.d.ts +9 -1
- package/dist/esm/lib/components/table/components/TableContents/TableContents.d.ts +2 -1
- package/dist/esm/lib/components/tabs/Tabs.d.ts +12 -0
- package/dist/esm/lib/components/tabs/Tabs.stories.d.ts +45 -0
- package/dist/esm/lib/index.d.ts +3 -2
- package/dist/esm/util/images/index.stories.js +2 -0
- package/dist/esm/util/images/index.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.module.scss +4 -0
- package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx +1 -0
- package/src/lib/components/table/Table.stories.tsx +104 -0
- package/src/lib/components/table/Table.tsx +61 -24
- package/src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.module.scss +27 -21
- package/src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.tsx +19 -16
- package/src/lib/components/table/components/TableContents/TableContents.module.scss +4 -0
- package/src/lib/components/table/components/TableContents/TableContents.tsx +3 -1
- package/src/lib/components/tabs/Tabs.module.scss +26 -0
- package/src/lib/components/tabs/Tabs.stories.tsx +94 -0
- package/src/lib/components/tabs/Tabs.tsx +65 -0
- package/src/lib/index.tsx +4 -0
package/dist/cjs/index.js
CHANGED
|
@@ -253,9 +253,9 @@ function styleInject(css, ref) {
|
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
255
|
|
|
256
|
-
var css_248z$
|
|
257
|
-
var styles$
|
|
258
|
-
styleInject(css_248z$
|
|
256
|
+
var css_248z$O = ".style-module_container__3bJf5 {\n display: flex;\n}\n@media (max-width: 34rem) {\n .style-module_container__3bJf5 {\n width: 100%;\n flex-direction: column;\n }\n}\n\n.style-module_dayInput__1OBNv,\n.style-module_monthInput__2L_7o {\n width: 88px;\n flex: 1;\n}\n\n.style-module_yearInput__2C_H8 {\n width: 104px;\n}\n@media (max-width: 34rem) {\n .style-module_yearInput__2C_H8 {\n width: 100%;\n }\n}";
|
|
257
|
+
var styles$L = {"container":"style-module_container__3bJf5","dayInput":"style-module_dayInput__1OBNv","monthInput":"style-module_monthInput__2L_7o","yearInput":"style-module_yearInput__2C_H8"};
|
|
258
|
+
styleInject(css_248z$O);
|
|
259
259
|
|
|
260
260
|
var classnames = {exports: {}};
|
|
261
261
|
|
|
@@ -335,25 +335,25 @@ function generateId() {
|
|
|
335
335
|
return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
|
|
336
336
|
}
|
|
337
337
|
|
|
338
|
-
var css_248z$
|
|
339
|
-
var styles$
|
|
340
|
-
styleInject(css_248z$
|
|
338
|
+
var css_248z$N = ".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-neutral-600);\n transition: top 0.3s, color 0.3s;\n}\n.style-module_prefix--with-value__2QiEA {\n color: var(--ds-neutral-900);\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-neutral-700);\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.style-module_input--with-inside-label__253bZ ~ .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-neutral-900);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n color: var(--ds-red-500);\n}\n\ninput:focus ~ .style-module_prefix__3jAFZ {\n color: var(--ds-neutral-900);\n}\ninput: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--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n top: 29px;\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.style-module_input--with-inside-label__253bZ {\n padding-top: 9px;\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-neutral-600);\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-neutral-700);\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}";
|
|
339
|
+
var styles$K = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-value":"style-module_prefix--with-value__2QiEA","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","input--with-inside-label":"style-module_input--with-inside-label__253bZ","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"};
|
|
340
|
+
styleInject(css_248z$N);
|
|
341
341
|
|
|
342
342
|
var Input = React.forwardRef(function (_a, ref) {
|
|
343
343
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
344
344
|
var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _j = _a.hideLabel, hideLabel = _j === void 0 ? false : _j, _k = _a.labelInsideInput, labelInsideInput = _k === void 0 ? false : _k, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel", "labelInsideInput"]);
|
|
345
345
|
var uniqueId = React.useState(id !== null && id !== void 0 ? id : generateId())[0];
|
|
346
|
-
return (jsxRuntime.jsxs("div", { className: "".concat(styles$
|
|
347
|
-
_b[styles$
|
|
346
|
+
return (jsxRuntime.jsxs("div", { className: "".concat(styles$K.container, " ").concat(className !== null && className !== void 0 ? className : ''), children: [label && !labelInsideInput && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames('p-p', styles$K.label, (_b = {},
|
|
347
|
+
_b[styles$K['label--with-error']] = error,
|
|
348
348
|
_b['sr-only'] = hideLabel,
|
|
349
349
|
_b)), children: label })), jsxRuntime.jsxs("div", { 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 || labelInsideInput) &&
|
|
350
350
|
placeholder &&
|
|
351
351
|
placeholder.length > 0
|
|
352
|
-
? styles$
|
|
353
|
-
: styles$
|
|
354
|
-
_c[styles$
|
|
355
|
-
_c[styles$
|
|
356
|
-
_c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled, "aria-invalid": !!error, "aria-errormessage": error ? "".concat(uniqueId, "-error") : undefined }, props)), prefix && (jsxRuntime.jsx("span", { className: classNames(styles$
|
|
352
|
+
? styles$K.input
|
|
353
|
+
: styles$K['input--no-placeholder'], (_c = {},
|
|
354
|
+
_c[styles$K['input--with-prefix']] = prefix,
|
|
355
|
+
_c[styles$K['input--with-inside-label']] = labelInsideInput,
|
|
356
|
+
_c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled, "aria-invalid": !!error, "aria-errormessage": error ? "".concat(uniqueId, "-error") : undefined }, props)), prefix && (jsxRuntime.jsx("span", { className: classNames(styles$K.prefix, (_d = {}, _d[styles$K['prefix--with-error']] = error, _d), (_e = {}, _e[styles$K['prefix--disabled']] = disabled, _e), (_f = {}, _f[styles$K['prefix--with-value']] = props.value, _f)), children: prefix })), (!label || labelInsideInput) && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames(styles$K.placeholder, (_g = {}, _g[styles$K['placeholder--with-prefix']] = prefix, _g), (_h = {}, _h[styles$K['placeholder--with-error']] = error, _h)), children: labelInsideInput ? label : placeholder }))] }), error && (jsxRuntime.jsx("p", { id: "".concat(uniqueId, "-error"), className: "p-p--small tc-red-500 w100 ".concat(styles$K.error), children: error }))] }));
|
|
357
357
|
});
|
|
358
358
|
|
|
359
359
|
/**
|
|
@@ -8277,9 +8277,9 @@ function DayPicker(initialProps) {
|
|
|
8277
8277
|
props.footer && (React.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
|
|
8278
8278
|
}
|
|
8279
8279
|
|
|
8280
|
-
var css_248z$L = "/* Variables declaration */\n.style-module_root__397VY {\n --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */\n --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */\n\n --rdp-day-height: 44px; /* The height of the day cells. */\n --rdp-day-width: 44px; /* The width of the day cells. */\n\n --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */\n --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */\n --rdp-day_button-height: 42px; /* The height of the day cells. */\n --rdp-day_button-width: 42px; /* The width of the day cells. */\n\n --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */\n --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */\n --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */\n --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */\n\n --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */\n\n --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */\n\n --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */\n --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */\n --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */\n --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */\n\n --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */\n --rdp-range_middle-color: inherit; /* The color of the range text. */\n\n --rdp-range_start-color: white; /* The color of the range text. */\n --rdp-range_start-background: linear-gradient(\n var(--rdp-gradient-direction),\n transparent 50%,\n var(--rdp-range_middle-background-color) 50%\n ); /* Used for the background of the start of the selected range. */\n --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */\n\n --rdp-range_end-background: linear-gradient(\n var(--rdp-gradient-direction),\n var(--rdp-range_middle-background-color) 50%,\n transparent 50%\n ); /* Used for the background of the end of the selected range. */\n --rdp-range_end-color: white; /* The color of the range text. */\n --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */\n\n --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */\n --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */\n\n --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */\n --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */\n --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */\n --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */\n\n --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */\n --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */\n --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */\n\n --rdp-gradient-direction: 90deg;\n\n --rdp-animation_duration: 0.3s;\n --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.style-module_root__397VY[dir=\"rtl\"] {\n --rdp-gradient-direction: -90deg;\n}\n\n.style-module_root__397VY[data-broadcast-calendar=\"true\"] {\n --rdp-outside-opacity: unset;\n}\n\n/* Root of the component. */\n.style-module_root__397VY {\n position: relative; /* Required to position the navigation toolbar. */\n box-sizing: border-box;\n}\n\n.style-module_root__397VY * {\n box-sizing: border-box;\n}\n\n.style-module_day__3Of7v {\n width: var(--rdp-day-width);\n height: var(--rdp-day-height);\n text-align: center;\n}\n\n.style-module_day_button__NHOJQ {\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n justify-content: center;\n align-items: center;\n display: flex;\n\n width: var(--rdp-day_button-width);\n height: var(--rdp-day_button-height);\n border: var(--rdp-day_button-border);\n border-radius: var(--rdp-day_button-border-radius);\n}\n\n.style-module_day_button__NHOJQ:disabled {\n cursor: revert;\n}\n\n.style-module_caption_label__2jNru {\n z-index: 1;\n\n position: relative;\n display: inline-flex;\n align-items: center;\n\n white-space: nowrap;\n border: 0;\n}\n\n.style-module_dropdown__2Hqem:focus-visible ~ .style-module_caption_label__2jNru {\n outline: 5px auto Highlight;\n /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n.style-module_button_next__1Y8VT,\n.style-module_button_previous__4lqFd {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n -moz-appearance: none;\n -webkit-appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n appearance: none;\n\n width: var(--rdp-nav_button-width);\n height: var(--rdp-nav_button-height);\n}\n\n.style-module_button_next__1Y8VT:disabled,\n.style-module_button_next__1Y8VT[aria-disabled=\"true\"],\n.style-module_button_previous__4lqFd:disabled,\n.style-module_button_previous__4lqFd[aria-disabled=\"true\"] {\n cursor: revert;\n\n opacity: var(--rdp-nav_button-disabled-opacity);\n}\n\n.style-module_chevron__27dGE {\n display: inline-block;\n fill: var(--rdp-accent-color);\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_nav__1oqsc .style-module_chevron__27dGE {\n transform: rotate(180deg);\n transform-origin: 50%;\n}\n\n.style-module_dropdowns__3dfRh {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--rdp-dropdown-gap);\n}\n.style-module_dropdown__2Hqem {\n z-index: 2;\n\n /* Reset */\n opacity: 0;\n appearance: none;\n position: absolute;\n inset-block-start: 0;\n inset-block-end: 0;\n inset-inline-start: 0;\n width: 100%;\n margin: 0;\n padding: 0;\n cursor: inherit;\n border: none;\n line-height: inherit;\n}\n\n.style-module_dropdown_root__1LpNh {\n position: relative;\n display: inline-flex;\n align-items: center;\n}\n\n.style-module_dropdown_root__1LpNh[data-disabled=\"true\"] .style-module_chevron__27dGE {\n opacity: var(--rdp-disabled-opacity);\n}\n\n.style-module_month_caption__2sS7m {\n display: flex;\n align-content: center;\n height: var(--rdp-nav-height);\n font-weight: bold;\n font-size: large;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_month__1jOhg,\n.style-module_root__397VY[data-nav-layout=\"after\"] .style-module_month__1jOhg {\n position: relative;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_month_caption__2sS7m {\n justify-content: center;\n margin-inline-start: var(--rdp-nav_button-width);\n margin-inline-end: var(--rdp-nav_button-width);\n position: relative;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_button_previous__4lqFd {\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: var(--rdp-nav-height);\n display: inline-flex;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_button_next__1Y8VT {\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n height: var(--rdp-nav-height);\n display: inline-flex;\n justify-content: center;\n}\n\n.style-module_months__1inbJ {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n gap: var(--rdp-months-gap);\n max-width: fit-content;\n}\n\n.style-module_month_grid__649FG {\n border-collapse: collapse;\n}\n\n.style-module_nav__1oqsc {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n\n display: flex;\n align-items: center;\n\n height: var(--rdp-nav-height);\n}\n\n.style-module_weekday__2A6l9 {\n opacity: var(--rdp-weekday-opacity);\n padding: var(--rdp-weekday-padding);\n font-weight: 500;\n font-size: smaller;\n text-align: var(--rdp-weekday-text-align);\n text-transform: var(--rdp-weekday-text-transform);\n}\n\n.style-module_week_number__1XQcM {\n opacity: var(--rdp-week_number-opacity);\n font-weight: 400;\n font-size: small;\n height: var(--rdp-week_number-height);\n width: var(--rdp-week_number-width);\n border: var(--rdp-week_number-border);\n border-radius: var(--rdp-week_number-border-radius);\n text-align: var(--rdp-weeknumber-text-align);\n}\n\n/* DAY MODIFIERS */\n.style-module_today__22ht3:not(.style-module_outside__HzwPr) {\n color: var(--rdp-today-color);\n}\n\n.style-module_selected__3vu1p {\n font-weight: bold;\n font-size: large;\n}\n\n.style-module_selected__3vu1p .style-module_day_button__NHOJQ {\n border: var(--rdp-selected-border);\n}\n\n.style-module_outside__HzwPr {\n opacity: var(--rdp-outside-opacity);\n}\n\n.style-module_disabled__1DY3G:not(.style-module_selected__3vu1p) {\n opacity: var(--rdp-disabled-opacity);\n}\n\n.style-module_hidden__1I1H_ {\n visibility: hidden;\n color: var(--rdp-range_start-color);\n}\n\n.style-module_range_start__17hzi {\n background: var(--rdp-range_start-background);\n}\n\n.style-module_range_start__17hzi .style-module_day_button__NHOJQ {\n background-color: var(--rdp-range_start-date-background-color);\n color: var(--rdp-range_start-color);\n}\n\n.style-module_range_middle__3V7gH {\n background-color: var(--rdp-range_middle-background-color);\n}\n\n.style-module_range_middle__3V7gH .style-module_day_button__NHOJQ {\n border: unset;\n border-radius: unset;\n color: var(--rdp-range_middle-color);\n}\n\n.style-module_range_end__1x_xp {\n background: var(--rdp-range_end-background);\n color: var(--rdp-range_end-color);\n}\n\n.style-module_range_end__1x_xp .style-module_day_button__NHOJQ {\n color: var(--rdp-range_start-color);\n background-color: var(--rdp-range_end-date-background-color);\n}\n\n.style-module_range_start__17hzi.style-module_range_end__1x_xp {\n background: revert;\n}\n\n.style-module_focusable__2S7MB {\n cursor: pointer;\n}\n\n@keyframes style-module_rdp-slide_in_left__35fJM {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes style-module_rdp-slide_in_right__3c2Yx {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes style-module_rdp-slide_out_left__15i75 {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n@keyframes style-module_rdp-slide_out_right__3P_so {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n\n.style-module_weeks_before_enter__2DcyY {\n animation: style-module_rdp-slide_in_left__35fJM var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_weeks_before_exit__3JiYu {\n animation: style-module_rdp-slide_out_left__15i75 var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_weeks_after_enter__1wXPr {\n animation: style-module_rdp-slide_in_right__3c2Yx var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_weeks_after_exit__QowsX {\n animation: style-module_rdp-slide_out_right__3P_so var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_after_enter__1wXPr {\n animation: style-module_rdp-slide_in_left__35fJM var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_before_exit__3JiYu {\n animation: style-module_rdp-slide_out_right__3P_so var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_before_enter__2DcyY {\n animation: style-module_rdp-slide_in_right__3c2Yx var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_after_exit__QowsX {\n animation: style-module_rdp-slide_out_left__15i75 var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n@keyframes style-module_rdp-fade_in__1kFDk {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes style-module_rdp-fade_out__f0rb_ {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n.style-module_caption_after_enter__11QIZ {\n animation: style-module_rdp-fade_in__1kFDk var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_caption_after_exit__N0Asa {\n animation: style-module_rdp-fade_out__f0rb_ var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_caption_before_enter__1MZup {\n animation: style-module_rdp-fade_in__1kFDk var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_caption_before_exit__2XjDZ {\n animation: style-module_rdp-fade_out__f0rb_ var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n";
|
|
8280
|
+
var css_248z$M = "/* Variables declaration */\n.style-module_root__397VY {\n --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */\n --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */\n\n --rdp-day-height: 44px; /* The height of the day cells. */\n --rdp-day-width: 44px; /* The width of the day cells. */\n\n --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */\n --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */\n --rdp-day_button-height: 42px; /* The height of the day cells. */\n --rdp-day_button-width: 42px; /* The width of the day cells. */\n\n --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */\n --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */\n --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */\n --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */\n\n --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */\n\n --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */\n\n --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */\n --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */\n --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */\n --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */\n\n --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */\n --rdp-range_middle-color: inherit; /* The color of the range text. */\n\n --rdp-range_start-color: white; /* The color of the range text. */\n --rdp-range_start-background: linear-gradient(\n var(--rdp-gradient-direction),\n transparent 50%,\n var(--rdp-range_middle-background-color) 50%\n ); /* Used for the background of the start of the selected range. */\n --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */\n\n --rdp-range_end-background: linear-gradient(\n var(--rdp-gradient-direction),\n var(--rdp-range_middle-background-color) 50%,\n transparent 50%\n ); /* Used for the background of the end of the selected range. */\n --rdp-range_end-color: white; /* The color of the range text. */\n --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */\n\n --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */\n --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */\n\n --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */\n --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */\n --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */\n --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */\n\n --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */\n --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */\n --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */\n\n --rdp-gradient-direction: 90deg;\n\n --rdp-animation_duration: 0.3s;\n --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.style-module_root__397VY[dir=\"rtl\"] {\n --rdp-gradient-direction: -90deg;\n}\n\n.style-module_root__397VY[data-broadcast-calendar=\"true\"] {\n --rdp-outside-opacity: unset;\n}\n\n/* Root of the component. */\n.style-module_root__397VY {\n position: relative; /* Required to position the navigation toolbar. */\n box-sizing: border-box;\n}\n\n.style-module_root__397VY * {\n box-sizing: border-box;\n}\n\n.style-module_day__3Of7v {\n width: var(--rdp-day-width);\n height: var(--rdp-day-height);\n text-align: center;\n}\n\n.style-module_day_button__NHOJQ {\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n justify-content: center;\n align-items: center;\n display: flex;\n\n width: var(--rdp-day_button-width);\n height: var(--rdp-day_button-height);\n border: var(--rdp-day_button-border);\n border-radius: var(--rdp-day_button-border-radius);\n}\n\n.style-module_day_button__NHOJQ:disabled {\n cursor: revert;\n}\n\n.style-module_caption_label__2jNru {\n z-index: 1;\n\n position: relative;\n display: inline-flex;\n align-items: center;\n\n white-space: nowrap;\n border: 0;\n}\n\n.style-module_dropdown__2Hqem:focus-visible ~ .style-module_caption_label__2jNru {\n outline: 5px auto Highlight;\n /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n.style-module_button_next__1Y8VT,\n.style-module_button_previous__4lqFd {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n -moz-appearance: none;\n -webkit-appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n appearance: none;\n\n width: var(--rdp-nav_button-width);\n height: var(--rdp-nav_button-height);\n}\n\n.style-module_button_next__1Y8VT:disabled,\n.style-module_button_next__1Y8VT[aria-disabled=\"true\"],\n.style-module_button_previous__4lqFd:disabled,\n.style-module_button_previous__4lqFd[aria-disabled=\"true\"] {\n cursor: revert;\n\n opacity: var(--rdp-nav_button-disabled-opacity);\n}\n\n.style-module_chevron__27dGE {\n display: inline-block;\n fill: var(--rdp-accent-color);\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_nav__1oqsc .style-module_chevron__27dGE {\n transform: rotate(180deg);\n transform-origin: 50%;\n}\n\n.style-module_dropdowns__3dfRh {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--rdp-dropdown-gap);\n}\n.style-module_dropdown__2Hqem {\n z-index: 2;\n\n /* Reset */\n opacity: 0;\n appearance: none;\n position: absolute;\n inset-block-start: 0;\n inset-block-end: 0;\n inset-inline-start: 0;\n width: 100%;\n margin: 0;\n padding: 0;\n cursor: inherit;\n border: none;\n line-height: inherit;\n}\n\n.style-module_dropdown_root__1LpNh {\n position: relative;\n display: inline-flex;\n align-items: center;\n}\n\n.style-module_dropdown_root__1LpNh[data-disabled=\"true\"] .style-module_chevron__27dGE {\n opacity: var(--rdp-disabled-opacity);\n}\n\n.style-module_month_caption__2sS7m {\n display: flex;\n align-content: center;\n height: var(--rdp-nav-height);\n font-weight: bold;\n font-size: large;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_month__1jOhg,\n.style-module_root__397VY[data-nav-layout=\"after\"] .style-module_month__1jOhg {\n position: relative;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_month_caption__2sS7m {\n justify-content: center;\n margin-inline-start: var(--rdp-nav_button-width);\n margin-inline-end: var(--rdp-nav_button-width);\n position: relative;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_button_previous__4lqFd {\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: var(--rdp-nav-height);\n display: inline-flex;\n}\n\n.style-module_root__397VY[data-nav-layout=\"around\"] .style-module_button_next__1Y8VT {\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n height: var(--rdp-nav-height);\n display: inline-flex;\n justify-content: center;\n}\n\n.style-module_months__1inbJ {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n gap: var(--rdp-months-gap);\n max-width: fit-content;\n}\n\n.style-module_month_grid__649FG {\n border-collapse: collapse;\n}\n\n.style-module_nav__1oqsc {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n\n display: flex;\n align-items: center;\n\n height: var(--rdp-nav-height);\n}\n\n.style-module_weekday__2A6l9 {\n opacity: var(--rdp-weekday-opacity);\n padding: var(--rdp-weekday-padding);\n font-weight: 500;\n font-size: smaller;\n text-align: var(--rdp-weekday-text-align);\n text-transform: var(--rdp-weekday-text-transform);\n}\n\n.style-module_week_number__1XQcM {\n opacity: var(--rdp-week_number-opacity);\n font-weight: 400;\n font-size: small;\n height: var(--rdp-week_number-height);\n width: var(--rdp-week_number-width);\n border: var(--rdp-week_number-border);\n border-radius: var(--rdp-week_number-border-radius);\n text-align: var(--rdp-weeknumber-text-align);\n}\n\n/* DAY MODIFIERS */\n.style-module_today__22ht3:not(.style-module_outside__HzwPr) {\n color: var(--rdp-today-color);\n}\n\n.style-module_selected__3vu1p {\n font-weight: bold;\n font-size: large;\n}\n\n.style-module_selected__3vu1p .style-module_day_button__NHOJQ {\n border: var(--rdp-selected-border);\n}\n\n.style-module_outside__HzwPr {\n opacity: var(--rdp-outside-opacity);\n}\n\n.style-module_disabled__1DY3G:not(.style-module_selected__3vu1p) {\n opacity: var(--rdp-disabled-opacity);\n}\n\n.style-module_hidden__1I1H_ {\n visibility: hidden;\n color: var(--rdp-range_start-color);\n}\n\n.style-module_range_start__17hzi {\n background: var(--rdp-range_start-background);\n}\n\n.style-module_range_start__17hzi .style-module_day_button__NHOJQ {\n background-color: var(--rdp-range_start-date-background-color);\n color: var(--rdp-range_start-color);\n}\n\n.style-module_range_middle__3V7gH {\n background-color: var(--rdp-range_middle-background-color);\n}\n\n.style-module_range_middle__3V7gH .style-module_day_button__NHOJQ {\n border: unset;\n border-radius: unset;\n color: var(--rdp-range_middle-color);\n}\n\n.style-module_range_end__1x_xp {\n background: var(--rdp-range_end-background);\n color: var(--rdp-range_end-color);\n}\n\n.style-module_range_end__1x_xp .style-module_day_button__NHOJQ {\n color: var(--rdp-range_start-color);\n background-color: var(--rdp-range_end-date-background-color);\n}\n\n.style-module_range_start__17hzi.style-module_range_end__1x_xp {\n background: revert;\n}\n\n.style-module_focusable__2S7MB {\n cursor: pointer;\n}\n\n@keyframes style-module_rdp-slide_in_left__35fJM {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes style-module_rdp-slide_in_right__3c2Yx {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes style-module_rdp-slide_out_left__15i75 {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n@keyframes style-module_rdp-slide_out_right__3P_so {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n\n.style-module_weeks_before_enter__2DcyY {\n animation: style-module_rdp-slide_in_left__35fJM var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_weeks_before_exit__3JiYu {\n animation: style-module_rdp-slide_out_left__15i75 var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_weeks_after_enter__1wXPr {\n animation: style-module_rdp-slide_in_right__3c2Yx var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_weeks_after_exit__QowsX {\n animation: style-module_rdp-slide_out_right__3P_so var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_after_enter__1wXPr {\n animation: style-module_rdp-slide_in_left__35fJM var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_before_exit__3JiYu {\n animation: style-module_rdp-slide_out_right__3P_so var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_before_enter__2DcyY {\n animation: style-module_rdp-slide_in_right__3c2Yx var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_root__397VY[dir=\"rtl\"] .style-module_weeks_after_exit__QowsX {\n animation: style-module_rdp-slide_out_left__15i75 var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n@keyframes style-module_rdp-fade_in__1kFDk {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes style-module_rdp-fade_out__f0rb_ {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n.style-module_caption_after_enter__11QIZ {\n animation: style-module_rdp-fade_in__1kFDk var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_caption_after_exit__N0Asa {\n animation: style-module_rdp-fade_out__f0rb_ var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_caption_before_enter__1MZup {\n animation: style-module_rdp-fade_in__1kFDk var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n\n.style-module_caption_before_exit__2XjDZ {\n animation: style-module_rdp-fade_out__f0rb_ var(--rdp-animation_duration)\n var(--rdp-animation_timing) forwards;\n}\n";
|
|
8281
8281
|
var rdpStyles = {"root":"style-module_root__397VY","day":"style-module_day__3Of7v","day_button":"style-module_day_button__NHOJQ","caption_label":"style-module_caption_label__2jNru","dropdown":"style-module_dropdown__2Hqem","button_next":"style-module_button_next__1Y8VT","button_previous":"style-module_button_previous__4lqFd","chevron":"style-module_chevron__27dGE","nav":"style-module_nav__1oqsc","dropdowns":"style-module_dropdowns__3dfRh","dropdown_root":"style-module_dropdown_root__1LpNh","month_caption":"style-module_month_caption__2sS7m","month":"style-module_month__1jOhg","months":"style-module_months__1inbJ","month_grid":"style-module_month_grid__649FG","weekday":"style-module_weekday__2A6l9","week_number":"style-module_week_number__1XQcM","today":"style-module_today__22ht3","outside":"style-module_outside__HzwPr","selected":"style-module_selected__3vu1p","disabled":"style-module_disabled__1DY3G","hidden":"style-module_hidden__1I1H_","range_start":"style-module_range_start__17hzi","range_middle":"style-module_range_middle__3V7gH","range_end":"style-module_range_end__1x_xp","focusable":"style-module_focusable__2S7MB","weeks_before_enter":"style-module_weeks_before_enter__2DcyY","rdp-slide_in_left":"style-module_rdp-slide_in_left__35fJM","weeks_before_exit":"style-module_weeks_before_exit__3JiYu","rdp-slide_out_left":"style-module_rdp-slide_out_left__15i75","weeks_after_enter":"style-module_weeks_after_enter__1wXPr","rdp-slide_in_right":"style-module_rdp-slide_in_right__3c2Yx","weeks_after_exit":"style-module_weeks_after_exit__QowsX","rdp-slide_out_right":"style-module_rdp-slide_out_right__3P_so","caption_after_enter":"style-module_caption_after_enter__11QIZ","rdp-fade_in":"style-module_rdp-fade_in__1kFDk","caption_after_exit":"style-module_caption_after_exit__N0Asa","rdp-fade_out":"style-module_rdp-fade_out__f0rb_","caption_before_enter":"style-module_caption_before_enter__1MZup","caption_before_exit":"style-module_caption_before_exit__2XjDZ"};
|
|
8282
|
-
styleInject(css_248z$
|
|
8282
|
+
styleInject(css_248z$M);
|
|
8283
8283
|
|
|
8284
8284
|
var useOnClickOutside = function (ref, callback) {
|
|
8285
8285
|
React.useEffect(function () {
|
|
@@ -8298,16 +8298,16 @@ var useOnClickOutside = function (ref, callback) {
|
|
|
8298
8298
|
}, [ref, callback]);
|
|
8299
8299
|
};
|
|
8300
8300
|
|
|
8301
|
-
var css_248z$
|
|
8302
|
-
var styles$
|
|
8303
|
-
styleInject(css_248z$
|
|
8301
|
+
var css_248z$L = ".styles-module_wrapper__1_lY0 {\n margin: 4px;\n}";
|
|
8302
|
+
var styles$J = {"wrapper":"styles-module_wrapper__1_lY0"};
|
|
8303
|
+
styleInject(css_248z$L);
|
|
8304
8304
|
|
|
8305
8305
|
var IconWrapper = function (_a) {
|
|
8306
8306
|
var _b;
|
|
8307
8307
|
var children = _a.children, _c = _a.size, size = _c === void 0 ? 16 : _c, color = _a.color, className = _a.className, noMargin = _a.noMargin, rest = __rest$1(_a, ["children", "size", "color", "className", "noMargin"]);
|
|
8308
8308
|
return (jsxRuntime.jsx("span", __assign({ className: classNames('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
|
|
8309
8309
|
_b["tc-".concat(color)] = !!color,
|
|
8310
|
-
_b[styles$
|
|
8310
|
+
_b[styles$J.wrapper] = !noMargin,
|
|
8311
8311
|
_b)), style: {
|
|
8312
8312
|
minWidth: "".concat(size, "px"),
|
|
8313
8313
|
width: "".concat(size, "px"),
|
|
@@ -8679,7 +8679,7 @@ var Chrome = (function (props) {
|
|
|
8679
8679
|
return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "M12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 0h9M4 6l4.25 7.361M15.5 14l-4.25 7.361M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" }));
|
|
8680
8680
|
});
|
|
8681
8681
|
|
|
8682
|
-
var
|
|
8682
|
+
var CircleSelectedIcon = (function (props) {
|
|
8683
8683
|
return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { fill: "currentColor", clipPath: "url(#circle-selected_svg__a)", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M12 2.182c-5.422 0-9.818 4.396-9.818 9.818S6.578 21.818 12 21.818s9.818-4.396 9.818-9.818S17.422 2.182 12 2.182ZM0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12Z", clipRule: "evenodd" }), jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 7 })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "circle-selected_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
|
|
8684
8684
|
});
|
|
8685
8685
|
|
|
@@ -8687,7 +8687,7 @@ var CircleSmall = (function (props) {
|
|
|
8687
8687
|
return React.createElement(IconWrapper, props, jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 5, fill: "currentColor" }));
|
|
8688
8688
|
});
|
|
8689
8689
|
|
|
8690
|
-
var
|
|
8690
|
+
var CircleUnselectedIcon = (function (props) {
|
|
8691
8691
|
return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { clipPath: "url(#circle-unselected_svg__a)", children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 2.182c-5.422 0-9.818 4.396-9.818 9.818S6.578 21.818 12 21.818s9.818-4.396 9.818-9.818S17.422 2.182 12 2.182ZM0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12Z", clipRule: "evenodd" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "circle-unselected_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
|
|
8692
8692
|
});
|
|
8693
8693
|
|
|
@@ -9883,13 +9883,13 @@ var ZoomOut = (function (props) {
|
|
|
9883
9883
|
return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21.35 21.35 17 17M8 11h6" }));
|
|
9884
9884
|
});
|
|
9885
9885
|
|
|
9886
|
-
var css_248z$
|
|
9887
|
-
var styles$
|
|
9888
|
-
styleInject(css_248z$
|
|
9886
|
+
var css_248z$K = ".style-module_container__3SY_g {\n position: relative;\n}";
|
|
9887
|
+
var styles$I = {"container":"style-module_container__3SY_g"};
|
|
9888
|
+
styleInject(css_248z$K);
|
|
9889
9889
|
|
|
9890
|
-
var css_248z$
|
|
9890
|
+
var css_248z$J = ".datepicker-module_fw-normal__lZ7M3 {\n font-weight: 400 !important;\n}\n\n.datepicker-module_fw-bold__2OaAh {\n font-weight: 600 !important;\n}\n\n.datepicker-module_bs-xs__2ZhZ2 {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.datepicker-module_bs-sm__2419A {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.datepicker-module_bs-md__1V5vn {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.datepicker-module_bs-lg__2Ew4y {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.datepicker-module_bs-xl__1bvOw {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.datepicker-module_root__NiDfg {\n --rdp-accent-color: #919199;\n --rdp-accent-background-color: #FFD08F;\n --rdp-day-height: 44px;\n --rdp-day-width: 44px;\n --rdp-day_button-height: 42px;\n --rdp-day_button-width: 42px;\n --rdp-day_button-border-radius: 50%;\n --rdp-day_button-border: 2px solid transparent;\n --rdp-selected-border: 2px solid #FFD08F;\n --rdp-selected-background: #FFD08F;\n --rdp-outside-opacity: 1;\n --rdp-today-color: #26262e;\n --rdp-dropdown-gap: 8px;\n --rdp-nav_button-disabled-opacity: 0.5;\n --rdp-nav_button-height: 2.75rem;\n --rdp-nav_button-width: 2.75rem;\n position: absolute;\n left: 40px;\n top: -112px;\n z-index: 100;\n background-color: #fff;\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n border-radius: 16px;\n color: #26262e;\n font-size: 16px;\n padding: 16px 24px 24px 24px;\n}\n@media (max-width: 34rem) {\n .datepicker-module_root__NiDfg {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.datepicker-module_month__2ryrL {\n position: relative;\n}\n\n.datepicker-module_month_caption__2sOxd {\n display: flex;\n align-content: center;\n justify-content: center;\n height: var(--rdp-nav-height);\n margin-top: 6px;\n margin-bottom: 24px;\n margin-inline-start: var(--rdp-nav_button-width);\n margin-inline-end: var(--rdp-nav_button-width);\n position: relative;\n}\n\n.datepicker-module_weekday__1sKiH {\n padding: 8px 0;\n font-weight: 400;\n text-align: center;\n color: #919199;\n font-size: 16px;\n}\n\n.datepicker-module_dropdowns__3hwtt {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--rdp-dropdown-gap);\n}\n\n.datepicker-module_day_button__3G0fr {\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font-weight: 400;\n font-size: 16px;\n color: inherit;\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--rdp-day_button-width);\n height: var(--rdp-day_button-height);\n border: var(--rdp-day_button-border);\n border-radius: var(--rdp-day_button-border-radius);\n}\n.datepicker-module_day_button__3G0fr:hover {\n background-color: transparent;\n border-color: #F2B873;\n}\n\n.datepicker-module_today__1fAUJ:not(.datepicker-module_outside__28j5v) .datepicker-module_day_button__3G0fr {\n border-color: #F2B873;\n}\n\n.datepicker-module_outside__28j5v {\n color: #d2d2d9;\n}\n\n.datepicker-module_disabled__BPca2 {\n color: #d2d2d9;\n pointer-events: none;\n}\n\n.datepicker-module_selected__2Y8fc {\n font-size: unset;\n font-weight: unset;\n}\n.datepicker-module_selected__2Y8fc .datepicker-module_day_button__3G0fr {\n border: var(--rdp-selected-border);\n background-color: #FFD08F;\n color: #26262e;\n}\n\n.datepicker-module_button_previous__3rJD0,\n.datepicker-module_button_next__2vvEk {\n position: absolute;\n top: 4px;\n}\n\n.datepicker-module_button_previous__3rJD0 {\n inset-inline-start: 0;\n}\n\n.datepicker-module_button_next__2vvEk {\n inset-inline-end: 0;\n}\n\n.datepicker-module_button_previous__3rJD0,\n.datepicker-module_button_next__2vvEk {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n}\n.datepicker-module_button_previous__3rJD0:hover,\n.datepicker-module_button_next__2vvEk:hover {\n background-color: #f7f7fd;\n}\n.datepicker-module_button_previous__3rJD0:disabled, .datepicker-module_button_previous__3rJD0[aria-disabled=true],\n.datepicker-module_button_next__2vvEk:disabled,\n.datepicker-module_button_next__2vvEk[aria-disabled=true] {\n cursor: revert;\n opacity: var(--rdp-nav_button-disabled-opacity);\n}\n.datepicker-module_button_previous__3rJD0 svg,\n.datepicker-module_button_next__2vvEk svg {\n width: 20px;\n height: 20px;\n fill: #3f3f47;\n}\n\n.datepicker-module_chevron__3RkWv {\n display: inline-block;\n fill: #b8b8c0;\n}\n\n.datepicker-module_dropdown_root__2SQe9 {\n position: relative;\n display: inline-flex;\n align-items: center;\n border: 1px solid #e7e7ed;\n border-radius: 8px;\n padding: 8px 12px;\n}\n\n.datepicker-module_dropdown__2w9A2 {\n z-index: 2;\n opacity: 0;\n appearance: none;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n line-height: inherit;\n font-weight: 500;\n font-size: inherit;\n color: #26262e;\n}\n\n.datepicker-module_caption_label__2Tpvk {\n z-index: 1;\n position: relative;\n display: inline-flex;\n align-items: center;\n white-space: nowrap;\n border: 0;\n font-weight: 600;\n}";
|
|
9891
9891
|
var datepickerStyles = {"fw-normal":"datepicker-module_fw-normal__lZ7M3","fw-bold":"datepicker-module_fw-bold__2OaAh","bs-xs":"datepicker-module_bs-xs__2ZhZ2","bs-sm":"datepicker-module_bs-sm__2419A","bs-md":"datepicker-module_bs-md__1V5vn","bs-lg":"datepicker-module_bs-lg__2Ew4y","bs-xl":"datepicker-module_bs-xl__1bvOw","root":"datepicker-module_root__NiDfg","month":"datepicker-module_month__2ryrL","month_caption":"datepicker-module_month_caption__2sOxd","weekday":"datepicker-module_weekday__1sKiH","dropdowns":"datepicker-module_dropdowns__3hwtt","day_button":"datepicker-module_day_button__3G0fr","today":"datepicker-module_today__1fAUJ","outside":"datepicker-module_outside__28j5v","disabled":"datepicker-module_disabled__BPca2","selected":"datepicker-module_selected__2Y8fc","button_previous":"datepicker-module_button_previous__3rJD0","button_next":"datepicker-module_button_next__2vvEk","chevron":"datepicker-module_chevron__3RkWv","dropdown_root":"datepicker-module_dropdown_root__2SQe9","dropdown":"datepicker-module_dropdown__2w9A2","caption_label":"datepicker-module_caption_label__2Tpvk"};
|
|
9892
|
-
styleInject(css_248z$
|
|
9892
|
+
styleInject(css_248z$J);
|
|
9893
9893
|
|
|
9894
9894
|
var buttonTypeClassNameMap = {
|
|
9895
9895
|
filledBlack: 'p-btn--secondary-black',
|
|
@@ -9951,7 +9951,7 @@ var Calendar = function (_a) {
|
|
|
9951
9951
|
if (!displayCalendar) {
|
|
9952
9952
|
return null;
|
|
9953
9953
|
}
|
|
9954
|
-
return (jsxRuntime.jsxs("div", { className: "".concat(styles$
|
|
9954
|
+
return (jsxRuntime.jsxs("div", { className: "".concat(styles$I.container, " ml8"), ref: calendarContainerRef, children: [jsxRuntime.jsx(Button, { onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textBlack', type: "button", children: jsxRuntime.jsx(CalendarIcon, { size: 24 }) }), isOpen && (jsxRuntime.jsx(DayPicker, { month: (_b = displayedMonth !== null && displayedMonth !== void 0 ? displayedMonth : selectedDateInDateType) !== null && _b !== void 0 ? _b : calendarDefaultDate, mode: "single", showOutsideDays: true, captionLayout: "dropdown", navLayout: "around", startMonth: dateCalendarFromMonth, endMonth: dateCalendarToMonth, selected: selectedDateInDateType, onDayClick: function (date) {
|
|
9955
9955
|
if (!dayjs(date).isValid()) {
|
|
9956
9956
|
return;
|
|
9957
9957
|
}
|
|
@@ -10096,12 +10096,12 @@ var DateSelector = function (_a) {
|
|
|
10096
10096
|
};
|
|
10097
10097
|
var getInputProps = function (key, index) {
|
|
10098
10098
|
var _a, _b;
|
|
10099
|
-
return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$
|
|
10099
|
+
return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$L["".concat(key, "Input")], id: key, name: key, maxLength: key === 'year' ? 4 : 2, required: true, label: placeholders === null || placeholders === void 0 ? void 0 : placeholders[key], placeholder: (_a = placeholders === null || placeholders === void 0 ? void 0 : placeholders["".concat(key, "Format")]) !== null && _a !== void 0 ? _a : "", labelInsideInput: true, value: (_b = internalValue[key]) !== null && _b !== void 0 ? _b : '', error: hasError && isDirty, type: "text", inputMode: "numeric", ref: function (el) { itemsRef.current[index] = el; }, onKeyUp: function (event) { return handleOnKeyUp(event, index); }, onKeyDown: function (event) { return handleOnKeyDown(event, index); }, onChange: function (_a) {
|
|
10100
10100
|
var target = _a.target;
|
|
10101
10101
|
return handleOnChange(key, target.value);
|
|
10102
10102
|
} }, (inputProps === null || inputProps === void 0 ? void 0 : inputProps(key)) || {}));
|
|
10103
10103
|
};
|
|
10104
|
-
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex", children: [jsxRuntime.jsxs("div", { className: classNames(styles$
|
|
10104
|
+
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex", children: [jsxRuntime.jsxs("div", { className: classNames(styles$L.container, "d-flex gap8"), children: [jsxRuntime.jsxs("div", { className: "d-flex gap8 jc-between", children: [jsxRuntime.jsx(Input, __assign({}, getInputProps('day', 0))), jsxRuntime.jsx(Input, __assign({}, getInputProps('month', 1)))] }), jsxRuntime.jsx(Input, __assign({}, getInputProps('year', 2)))] }), jsxRuntime.jsx(Calendar, { dateFormat: COLLECTABLE_DATE_FORMAT, yearBoundaries: yearBoundaries, displayCalendar: displayCalendar, dayjsLocale: dayjsLocale, firstDayOfWeek: firstDayOfWeek, isOpen: isCalendarOpen, setCalendarOpen: setIsCalendarOpen, value: value, onChange: onChange, defaultDayPickerDate: defaultDayPickerDate })] }), hasError && isDirty && (jsxRuntime.jsx("p", { className: classNames(hasError && isDirty ? 'd-block' : 'd-none', "p-p--small tc-red-500 w100 mt8"), "data-testid": "date-error-message", children: {
|
|
10105
10105
|
default: placeholders.error,
|
|
10106
10106
|
afterMax: placeholders.errorAfterMaxYear || "Please choose a date before ".concat(yearBoundaries.max + 1),
|
|
10107
10107
|
beforeMin: placeholders.errorBeforeMinYear || "Please choose a date after ".concat(yearBoundaries.min - 1),
|
|
@@ -10602,9 +10602,9 @@ let SignaturePad$1 = class SignaturePad {
|
|
|
10602
10602
|
}
|
|
10603
10603
|
};
|
|
10604
10604
|
|
|
10605
|
-
var css_248z$
|
|
10606
|
-
var styles$
|
|
10607
|
-
styleInject(css_248z$
|
|
10605
|
+
var css_248z$I = ".style-module_container__1VolG {\n position: relative;\n background-color: var(--ds-neutral-100);\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-neutral-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-purple-600);\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-purple-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-neutral-600);\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-neutral-600);\n}";
|
|
10606
|
+
var styles$H = {"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"};
|
|
10607
|
+
styleInject(css_248z$I);
|
|
10608
10608
|
|
|
10609
10609
|
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";
|
|
10610
10610
|
|
|
@@ -10633,11 +10633,11 @@ var SignaturePad = /** @class */ (function (_super) {
|
|
|
10633
10633
|
SignaturePad.prototype.render = function () {
|
|
10634
10634
|
var hasContent = this.state.hasContent;
|
|
10635
10635
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
|
|
10636
|
-
__html: ".".concat(styles$
|
|
10637
|
-
} }), jsxRuntime.jsxs("div", { className: styles$
|
|
10636
|
+
__html: ".".concat(styles$H.reset, "::before { \n -webkit-mask-image: url(\"").concat(reset, "\");\n mask-image: url(\"").concat(reset, "\");\n }"),
|
|
10637
|
+
} }), jsxRuntime.jsxs("div", { className: styles$H.container, children: [jsxRuntime.jsx("canvas", { className: styles$H.canvas, ref: this.canvasRef }), jsxRuntime.jsx("div", { className: styles$H.separator }), jsxRuntime.jsx("div", { className: styles$H.sign, style: {
|
|
10638
10638
|
WebkitMaskImage: "url(\"".concat(sign, "\")"),
|
|
10639
10639
|
maskImage: "url(\"".concat(sign, "\")"),
|
|
10640
|
-
} }), jsxRuntime.jsx("button", { className: styles$
|
|
10640
|
+
} }), jsxRuntime.jsx("button", { className: styles$H.reset, onClick: this.clear, disabled: !hasContent, children: "Reset" })] })] }));
|
|
10641
10641
|
};
|
|
10642
10642
|
SignaturePad.prototype.notifyOnChange = function () {
|
|
10643
10643
|
var onChange = this.props.onChange;
|
|
@@ -11086,9 +11086,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
11086
11086
|
return toReturn;
|
|
11087
11087
|
};
|
|
11088
11088
|
|
|
11089
|
-
var css_248z$
|
|
11090
|
-
var styles$
|
|
11091
|
-
styleInject(css_248z$
|
|
11089
|
+
var css_248z$H = "@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 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}";
|
|
11090
|
+
var styles$G = {"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","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
|
|
11091
|
+
styleInject(css_248z$H);
|
|
11092
11092
|
|
|
11093
11093
|
var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
|
|
11094
11094
|
var GERMANY_ALPHA_CODE = 'DE';
|
|
@@ -11222,10 +11222,10 @@ var AutocompleteAddress = function (_a) {
|
|
|
11222
11222
|
}
|
|
11223
11223
|
};
|
|
11224
11224
|
};
|
|
11225
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames("wmx8 bg-neutral-600 ".concat(styles$
|
|
11226
|
-
_b[styles$
|
|
11227
|
-
_b)), children: [jsxRuntime.jsx("div", { className: styles$
|
|
11228
|
-
'Additional information (C/O, apartment, etc.)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxRuntime.jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles$
|
|
11225
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames("wmx8 bg-neutral-600 ".concat(styles$G['map-container']), (_b = {},
|
|
11226
|
+
_b[styles$G['map-container--hidden']] = place === null,
|
|
11227
|
+
_b)), children: [jsxRuntime.jsx("div", { className: styles$G.map, id: "map", "aria-hidden": "true" }), isLoading && (jsxRuntime.jsx("div", { className: styles$G['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsxRuntime.jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", { 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, disabled: hasLoadedGoogleAPI === false }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", { "data-cy": "google-api-loader", className: styles$G['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "d-flex c-gap16 ".concat(styles$G['input-line']), children: [jsxRuntime.jsx(Input, __assign({ 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: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsxRuntime.jsx(Input, __assign({ className: "wmx2 ".concat(styles$G['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) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
|
|
11228
|
+
'Additional information (C/O, apartment, etc.)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxRuntime.jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles$G['input-line']), children: [jsxRuntime.jsx(Input, __assign({ 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) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"), jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] })] })) }), manualAddressEntry === false && (jsxRuntime.jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsxRuntime.jsx("button", { className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button", children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' })] }))] }));
|
|
11229
11229
|
};
|
|
11230
11230
|
|
|
11231
11231
|
var propTypes$2 = {exports: {}};
|
|
@@ -14284,13 +14284,13 @@ const AnimateHeight = (_a) => {
|
|
|
14284
14284
|
React.createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
14285
14285
|
};
|
|
14286
14286
|
|
|
14287
|
-
var css_248z$
|
|
14288
|
-
var styles$
|
|
14289
|
-
styleInject(css_248z$
|
|
14287
|
+
var css_248z$G = ".style-module_container__Uyltc {\n background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n border: 1px dashed var(--ds-neutral-900);\n padding: 32px 0;\n background-color: white;\n}\n.style-module_dropzoneContainerCondensed__3VOlY {\n padding: 16px 0 24px;\n}\n.style-module_dropzoneContainer__yZoGP {\n transition: all 0.6s ease-in-out;\n}\n.style-module_dropzoneContainer__yZoGP:focus-visible {\n outline: 2px solid #26262e;\n border-radius: 2px;\n outline-offset: 2px;\n}\n.style-module_dropzoneContainer__yZoGP:hover {\n background-color: var(--ds-neutral-100);\n transition: 0.5s ease;\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_dropzoneContainerDisabled__1X3gP {\n pointer-events: none;\n opacity: 0.4;\n}";
|
|
14288
|
+
var styles$F = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","dropzoneContainerCondensed":"style-module_dropzoneContainerCondensed__3VOlY","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
|
|
14289
|
+
styleInject(css_248z$G);
|
|
14290
14290
|
|
|
14291
|
-
var css_248z$
|
|
14292
|
-
var styles$
|
|
14293
|
-
styleInject(css_248z$
|
|
14291
|
+
var css_248z$F = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d9;\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: #FED7D7;\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 margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #e7e7ed;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #26262e;\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}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_button__xo5tR {\n width: 32px;\n}\n.style-module_button__xo5tR div span span {\n min-width: 24px !important;\n height: 24px !important;\n}\n.style-module_button__xo5tR:focus-visible {\n outline: 2px solid #26262e;\n border-radius: 2px;\n outline-offset: 2px;\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}";
|
|
14292
|
+
var styles$E = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","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","button":"style-module_button__xo5tR"};
|
|
14293
|
+
styleInject(css_248z$F);
|
|
14294
14294
|
|
|
14295
14295
|
var UploadFileCell = function (_a) {
|
|
14296
14296
|
var _b, _c;
|
|
@@ -14309,11 +14309,11 @@ var UploadFileCell = function (_a) {
|
|
|
14309
14309
|
COMPLETE: name,
|
|
14310
14310
|
ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
|
|
14311
14311
|
}[uploadStatus];
|
|
14312
|
-
return (jsxRuntime.jsxs("div", { className: classNames("mt8 ".concat(styles$
|
|
14313
|
-
_b[styles$
|
|
14314
|
-
_b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$
|
|
14315
|
-
_c[styles$
|
|
14316
|
-
_c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$
|
|
14312
|
+
return (jsxRuntime.jsxs("div", { className: classNames("mt8 ".concat(styles$E['upload-file-cell']), (_b = {},
|
|
14313
|
+
_b[styles$E['upload-file-cell-error']] = hasError,
|
|
14314
|
+
_b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$E['cell-left-section']), children: [jsxRuntime.jsx(FileIcon, { className: classNames("".concat(styles$E['main-icon'], " ").concat(styles$E.icon)), color: mapFileIconColor[uploadStatus], size: 24 }), jsxRuntime.jsxs("div", { className: "w100", children: [jsxRuntime.jsx("div", { className: "p-p ".concat(styles$E['upload-display-text']), title: displayText, children: displayText }), isUploading && showProgressBar && (jsxRuntime.jsxs("div", { className: "mt8 w100 ".concat(styles$E['progress-bar-container']), children: [jsxRuntime.jsx("div", { className: "".concat(styles$E['progress-bar']) }), jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "".concat(styles$E['progress-bar-filler']), style: { width: "".concat(progress, "%") } })] }))] })] }), jsxRuntime.jsx("div", { className: classNames(styles$E['cell-right-section'], (_c = {},
|
|
14315
|
+
_c[styles$E['cell-right-section-complete']] = isComplete,
|
|
14316
|
+
_c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$E.spinner, children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx(Button, { as: "a", href: previewUrl, target: "_blank", rel: "noopener noreferrer", hideLabel: true, variant: "textBlack", className: classNames('mr16', styles$E.button), leftIcon: jsxRuntime.jsx(EyeVisionIcon, { noMargin: true, color: 'neutral-600', size: 24 }), children: "Preview file" })), onRemoveFile && (jsxRuntime.jsx(Button, { onClick: function () { return onRemoveFile(id); }, disabled: uploading, "data-testid": "remove-button", className: styles$E.button, leftIcon: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'neutral-600', size: 24, noMargin: true }), hideLabel: true, variant: "textBlack", children: "Delete file" }))] })) })] }));
|
|
14317
14317
|
};
|
|
14318
14318
|
|
|
14319
14319
|
var k = 1024;
|
|
@@ -14547,10 +14547,10 @@ var MultiDropzone = function (_a) {
|
|
|
14547
14547
|
var instructionsText = isNonDesktopDevice
|
|
14548
14548
|
? instructionsTextMobile
|
|
14549
14549
|
: instructionsTextDesktop;
|
|
14550
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
14551
|
-
_b[styles$
|
|
14552
|
-
_b[styles$
|
|
14553
|
-
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: statusMessage }), jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), !isCondensed && (jsxRuntime.jsx(UploadCloudIcon, { size: 56, color: 'neutral-900' })), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$
|
|
14550
|
+
return (jsxRuntime.jsxs("div", { className: styles$F.container, children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer ".concat(styles$F.dropzoneContainer), (_b = {},
|
|
14551
|
+
_b[styles$F['dropzoneContainerDisabled']] = uploading,
|
|
14552
|
+
_b[styles$F['dropzoneContainerCondensed']] = isCondensed,
|
|
14553
|
+
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: statusMessage }), jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), !isCondensed && (jsxRuntime.jsx(UploadCloudIcon, { size: 56, color: 'neutral-900' })), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$F.textInline : ''), children: jsxRuntime.jsxs("div", { className: 'd-flex ai-center jc-center w100', children: [isCondensed && (jsxRuntime.jsx(UploadCloudIcon, { className: classNames('mr16', styles$F.img), size: 20, color: 'neutral-900' })), uploading
|
|
14554
14554
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
14555
14555
|
'Please wait while uploading file...'
|
|
14556
14556
|
: instructionsText] }) }), jsxRuntime.jsx("div", { className: "p-p--small tc-neutral-600", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
|
|
@@ -14565,17 +14565,17 @@ var MultiDropzone = function (_a) {
|
|
|
14565
14565
|
"You can upload maximum ".concat(maxFiles, " files.") }) })] }));
|
|
14566
14566
|
};
|
|
14567
14567
|
|
|
14568
|
-
var css_248z$
|
|
14569
|
-
var styles$
|
|
14570
|
-
styleInject(css_248z$
|
|
14568
|
+
var css_248z$E = ".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}";
|
|
14569
|
+
var styles$D = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
14570
|
+
styleInject(css_248z$E);
|
|
14571
14571
|
|
|
14572
14572
|
var InitialButton = function (_a) {
|
|
14573
14573
|
var onDownload = _a.onDownload;
|
|
14574
|
-
return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$
|
|
14574
|
+
return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$D.button), leftIcon: jsxRuntime.jsx(DownloadIcon, {}), onClick: onDownload, "data-cy": "download-documents-button", children: "Download" }));
|
|
14575
14575
|
};
|
|
14576
14576
|
// TODO: Allow setting loading to true to display text
|
|
14577
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$
|
|
14578
|
-
var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$
|
|
14577
|
+
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$D.button), loading: true, children: "Generating" })); };
|
|
14578
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$D['chip-complete'], children: [jsxRuntime.jsx(CheckIcon, { color: 'neutral-600', size: 16 }), jsxRuntime.jsx("div", { className: "p-h4 tc-neutral-600 ml8", children: "Download complete" })] })); };
|
|
14579
14579
|
var DownloadButton = function (_a) {
|
|
14580
14580
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
14581
14581
|
var mapDownloadButton = {
|
|
@@ -14587,9 +14587,9 @@ var DownloadButton = function (_a) {
|
|
|
14587
14587
|
return (jsxRuntime.jsxs("div", { className: "d-flex fd-column ai-center ".concat(className), children: [jsxRuntime.jsx("div", { className: "ws4", children: mapDownloadButton[downloadStatus] }), downloadStatus === 'FAILED' && (jsxRuntime.jsx("div", { 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.' }))] }));
|
|
14588
14588
|
};
|
|
14589
14589
|
|
|
14590
|
-
var css_248z$
|
|
14591
|
-
var styles$
|
|
14592
|
-
styleInject(css_248z$
|
|
14590
|
+
var css_248z$D = ".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: #FEE6E6;\n border-color: #E55454;\n}\n.style-module_informationBox--warning__10V-E {\n background-color: #FEFAEC;\n border-color: #F0D26F;\n}\n.style-module_informationBox--success__d3gTw {\n background-color: #E6FAF1;\n border-color: #85DCB4;\n}\n.style-module_informationBox--neutral__1XsMl {\n background-color: #fff;\n border-color: #fff;\n}";
|
|
14591
|
+
var styles$C = {"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"};
|
|
14592
|
+
styleInject(css_248z$D);
|
|
14593
14593
|
|
|
14594
14594
|
var InformationBox = function (_a) {
|
|
14595
14595
|
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;
|
|
@@ -14600,7 +14600,7 @@ var InformationBox = function (_a) {
|
|
|
14600
14600
|
information: 'blue-500',
|
|
14601
14601
|
neutral: 'neutral-900',
|
|
14602
14602
|
};
|
|
14603
|
-
return (jsxRuntime.jsx("div", { className: classNames(className, 'p16 br8 color-black', styles$
|
|
14603
|
+
return (jsxRuntime.jsx("div", { className: classNames(className, 'p16 br8 color-black', styles$C.informationBox, styles$C["informationBox--".concat(variant)]), role: "alert", children: jsxRuntime.jsxs("div", { className: "d-flex", children: [showIcon && (jsxRuntime.jsx("div", { "data-testid": "information-box-icon", className: 'mr8', children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$C.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }) })), jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", { "data-testid": "information-box-title", className: classNames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8'), children: title })), jsxRuntime.jsx("p", { className: size === 'default' ? 'p-p' : 'p-p--small', children: children })] })] }) }));
|
|
14604
14604
|
};
|
|
14605
14605
|
|
|
14606
14606
|
var IBAN_CHAR_LIMIT = 4;
|
|
@@ -14684,20 +14684,20 @@ var CurrencyInput = function (_a) {
|
|
|
14684
14684
|
} }, props)));
|
|
14685
14685
|
};
|
|
14686
14686
|
|
|
14687
|
-
var css_248z$
|
|
14688
|
-
var styles$
|
|
14689
|
-
styleInject(css_248z$
|
|
14687
|
+
var css_248z$C = ".style-module_badge__7H1Jt {\n border: 1px solid #fff;\n position: relative;\n gap: 6px;\n}\n.style-module_badge--xsmall__2lIav {\n padding: 4px 10px;\n}\n.style-module_badge--small__cHO6v {\n padding: 6px 12px;\n}\n.style-module_badge--medium__3CekE {\n padding: 6px 16px;\n}\n.style-module_badge--large__3_tWC {\n gap: 8px;\n padding: 8px 16px;\n}\n.style-module_badge--white__QtwA_ {\n background-color: #fff;\n border-color: #f7f7fd;\n}\n.style-module_badge--neutral__7yAYx {\n background-color: #f7f7fd;\n border-color: #f2f2f8;\n}\n.style-module_badge--neutralStrong__1JHph {\n background-color: #e7e7ed;\n border-color: #e7e7ed;\n}\n.style-module_badge--information__1tegJ {\n background-color: #E5F0FF;\n border-color: #DAE8FC;\n}\n.style-module_badge--warning__2UCOz, .style-module_badge--primary__1JGTF {\n background-color: #FEECD3;\n border-color: #FCDAAB;\n}\n.style-module_badge--error__1g5DA {\n background-color: #FEE6E6;\n border-color: #FED7D7;\n}\n.style-module_badge--success__YJJ9N {\n background-color: #E6FAF1;\n border-color: #D5F6E7;\n}\n.style-module_badge--black__sdqec {\n background-color: #26262e;\n border-color: #26262e;\n color: #fff;\n}\n.style-module_badge--secondary__1kblP {\n background-color: #EEEEFE;\n border-color: #E8E7FE;\n}\n.style-module_badge--secondaryStrong__33FDy {\n background-color: #8883D8;\n border-color: #8883D8;\n color: #fff;\n}\n\n.style-module_badgeDot__N2_h5 {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.style-module_badgeDot--primary__q-_rt, .style-module_badgeDot--warning__1xu_H {\n background-color: #C6824E;\n}\n.style-module_badgeDot--white__2Zi0j {\n background-color: #b8b8c0;\n}\n.style-module_badgeDot--neutral__3Y6Z9 {\n background-color: #919199;\n}\n.style-module_badgeDot--neutralStrong__3KzHS {\n background-color: #696971;\n}\n.style-module_badgeDot--information__1t-rb {\n background-color: #5F7BA0;\n}\n.style-module_badgeDot--error__3Lh5R {\n background-color: #C64848;\n}\n.style-module_badgeDot--success__7tHPA {\n background-color: #599278;\n}\n.style-module_badgeDot--black__2YWa7 {\n background-color: #fff;\n}\n.style-module_badgeDot--secondary__RU2iJ {\n background-color: #6A65AE;\n}\n.style-module_badgeDot--secondaryStrong__3AN6H {\n background-color: #fff;\n}";
|
|
14688
|
+
var styles$B = {"badge":"style-module_badge__7H1Jt","badge--xsmall":"style-module_badge--xsmall__2lIav","badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC","badge--white":"style-module_badge--white__QtwA_","badge--neutral":"style-module_badge--neutral__7yAYx","badge--neutralStrong":"style-module_badge--neutralStrong__1JHph","badge--information":"style-module_badge--information__1tegJ","badge--warning":"style-module_badge--warning__2UCOz","badge--primary":"style-module_badge--primary__1JGTF","badge--error":"style-module_badge--error__1g5DA","badge--success":"style-module_badge--success__YJJ9N","badge--black":"style-module_badge--black__sdqec","badge--secondary":"style-module_badge--secondary__1kblP","badge--secondaryStrong":"style-module_badge--secondaryStrong__33FDy","badgeDot":"style-module_badgeDot__N2_h5","badgeDot--primary":"style-module_badgeDot--primary__q-_rt","badgeDot--warning":"style-module_badgeDot--warning__1xu_H","badgeDot--white":"style-module_badgeDot--white__2Zi0j","badgeDot--neutral":"style-module_badgeDot--neutral__3Y6Z9","badgeDot--neutralStrong":"style-module_badgeDot--neutralStrong__3KzHS","badgeDot--information":"style-module_badgeDot--information__1t-rb","badgeDot--error":"style-module_badgeDot--error__3Lh5R","badgeDot--success":"style-module_badgeDot--success__7tHPA","badgeDot--black":"style-module_badgeDot--black__2YWa7","badgeDot--secondary":"style-module_badgeDot--secondary__RU2iJ","badgeDot--secondaryStrong":"style-module_badgeDot--secondaryStrong__3AN6H"};
|
|
14689
|
+
styleInject(css_248z$C);
|
|
14690
14690
|
|
|
14691
14691
|
var Badge = function (_a) {
|
|
14692
14692
|
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, _e = _a.showDot, showDot = _e === void 0 ? false : _e;
|
|
14693
|
-
return (jsxRuntime.jsxs("div", { role: "status", className: classNames(className, 'br8 d-inline-flex ai-center fw-bold p-p', styles$
|
|
14693
|
+
return (jsxRuntime.jsxs("div", { role: "status", className: classNames(className, 'br8 d-inline-flex ai-center fw-bold p-p', styles$B.badge, styles$B["badge--".concat(size)], styles$B["badge--".concat(variant)], {
|
|
14694
14694
|
'p-p--small': size === 'small' || size === 'xsmall',
|
|
14695
|
-
}), children: [showDot && (jsxRuntime.jsx("span", { className: classNames(styles$
|
|
14695
|
+
}), children: [showDot && (jsxRuntime.jsx("span", { className: classNames(styles$B.badgeDot, styles$B["badgeDot--".concat(variant)]) })), children] }));
|
|
14696
14696
|
};
|
|
14697
14697
|
|
|
14698
|
-
var css_248z$
|
|
14699
|
-
var styles$
|
|
14700
|
-
styleInject(css_248z$
|
|
14698
|
+
var css_248z$B = ".styles-module_container__3zJJC {\n max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n max-width: 424px;\n}";
|
|
14699
|
+
var styles$A = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
|
|
14700
|
+
styleInject(css_248z$B);
|
|
14701
14701
|
|
|
14702
14702
|
var Checkbox = function (_a) {
|
|
14703
14703
|
var _b;
|
|
@@ -14729,8 +14729,8 @@ var Checkbox = function (_a) {
|
|
|
14729
14729
|
var legend = fieldLegend !== null && fieldLegend !== void 0 ? fieldLegend : (Object.keys(options).length > 1
|
|
14730
14730
|
? 'Select one or more options'
|
|
14731
14731
|
: 'You may select this option');
|
|
14732
|
-
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
14733
|
-
_b[styles$
|
|
14732
|
+
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$A.container, 'd-flex gap8', (_b = {},
|
|
14733
|
+
_b[styles$A.narrow] = !wide,
|
|
14734
14734
|
_b['fd-row'] = inlineLayout,
|
|
14735
14735
|
_b['f-wrap'] = inlineLayout,
|
|
14736
14736
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -14748,18 +14748,18 @@ var Checkbox = function (_a) {
|
|
|
14748
14748
|
})] }));
|
|
14749
14749
|
};
|
|
14750
14750
|
|
|
14751
|
-
var css_248z$
|
|
14752
|
-
var styles$
|
|
14753
|
-
styleInject(css_248z$
|
|
14751
|
+
var css_248z$A = ".styles-module_container__3M-sc {\n max-width: 100%;\n}\n\n.styles-module_narrow__3VUzp {\n max-width: 424px;\n}\n\n.styles-module_wide__3nLhz {\n max-width: 736px;\n}";
|
|
14752
|
+
var styles$z = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
|
|
14753
|
+
styleInject(css_248z$A);
|
|
14754
14754
|
|
|
14755
14755
|
var Radio = function (_a) {
|
|
14756
14756
|
var _b;
|
|
14757
14757
|
var options = _a.options, value = _a.value, onChange = _a.onChange, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.inlineLayout, inlineLayout = _d === void 0 ? false : _d, _e = _a.inlineIcon, inlineIcon = _e === void 0 ? false : _e, classNamesObj = _a.classNames, _f = _a.bordered, bordered = _f === void 0 ? true : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.fieldLegend, fieldLegend = _h === void 0 ? 'Select an option' : _h, groupName = _a.groupName;
|
|
14758
14758
|
var entries = Object.entries(options);
|
|
14759
14759
|
var name = groupName !== null && groupName !== void 0 ? groupName : generateId();
|
|
14760
|
-
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
14761
|
-
_b[styles$
|
|
14762
|
-
_b[styles$
|
|
14760
|
+
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$z.container, 'd-flex gap8', (_b = {},
|
|
14761
|
+
_b[styles$z.wide] = wide,
|
|
14762
|
+
_b[styles$z.narrow] = !wide,
|
|
14763
14763
|
_b['fd-row'] = inlineLayout,
|
|
14764
14764
|
_b['f-wrap'] = inlineLayout,
|
|
14765
14765
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -14782,9 +14782,9 @@ var Radio = function (_a) {
|
|
|
14782
14782
|
})] }));
|
|
14783
14783
|
};
|
|
14784
14784
|
|
|
14785
|
-
var css_248z$
|
|
14786
|
-
var styles$
|
|
14787
|
-
styleInject(css_248z$
|
|
14785
|
+
var css_248z$z = "@keyframes style-module_appear-in__3U2lu {\n 0% {\n transform: translateY(100%);\n }\n 80% {\n transform: translateY(-2%);\n }\n 100% {\n transform: translateY(0);\n }\n}\n@keyframes style-module_disappear-out__6pOVr {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(100%);\n }\n}\n.style-module_wrapper__200Xu {\n position: relative;\n top: 0;\n overflow: hidden;\n}\n\n.style-module_container__aOENo {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n overflow: auto;\n max-height: 90vh;\n bottom: 0;\n position: fixed;\n animation-name: style-module_appear-in__3U2lu;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-in;\n}\n.style-module_containerClose__3-nqc {\n animation-name: style-module_disappear-out__6pOVr;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n@media (max-width: 34rem) {\n .style-module_body__3yNly {\n padding-bottom: 48px;\n }\n}";
|
|
14786
|
+
var styles$y = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","containerClose":"style-module_containerClose__3-nqc","body":"style-module_body__3yNly"};
|
|
14787
|
+
styleInject(css_248z$z);
|
|
14788
14788
|
|
|
14789
14789
|
var useOnClose = function (onClose, isOpen, dismissable) {
|
|
14790
14790
|
var _a = React.useState(false), isVisible = _a[0], setIsVisible = _a[1];
|
|
@@ -14842,9 +14842,9 @@ var useOnClose = function (onClose, isOpen, dismissable) {
|
|
|
14842
14842
|
};
|
|
14843
14843
|
};
|
|
14844
14844
|
|
|
14845
|
-
var css_248z$
|
|
14846
|
-
var styles$
|
|
14847
|
-
styleInject(css_248z$
|
|
14845
|
+
var css_248z$y = "@keyframes style-module_fade-in__f_VRg {\n 0% {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n}\n@keyframes style-module_fade-out__1tEwS {\n from {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n to {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n}\n.style-module_overlay__2f00R {\n z-index: 1000;\n overflow: hidden;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__f_VRg 0.3s both;\n}\n.style-module_overlayClose__1p313 {\n animation-delay: 0.1s;\n animation: style-module_fade-out__1tEwS 0.3s both;\n}\n\n.style-module_header__284Rz {\n position: sticky;\n top: 0;\n}\n\n.style-module_closeButton__1AbX8 {\n width: 32px;\n height: 32px;\n padding: 0;\n}\n\n.style-module_body__QtlTn {\n flex-grow: 1;\n overflow: auto;\n background: linear-gradient(#fff 30%, #fff), linear-gradient(#fff, #fff 70%), linear-gradient(#e7e7ed 30%, #e7e7ed), linear-gradient(#e7e7ed, #e7e7ed 70%);\n background-repeat: no-repeat;\n background-size: 100% 1px;\n background-attachment: local, local, scroll, scroll;\n}\n\n.style-module_footer__Sh5bv {\n position: sticky;\n bottom: 0;\n border-top: 1px solid #e7e7ed;\n}";
|
|
14846
|
+
var styles$x = {"overlay":"style-module_overlay__2f00R","overlayClose":"style-module_overlayClose__1p313","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
|
|
14847
|
+
styleInject(css_248z$y);
|
|
14848
14848
|
|
|
14849
14849
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
14850
14850
|
if (null == r) return {};
|
|
@@ -17665,16 +17665,16 @@ var InnerModal = function (_a) {
|
|
|
17665
17665
|
(_a = modalBodyRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleOnScroll);
|
|
17666
17666
|
};
|
|
17667
17667
|
}, []);
|
|
17668
|
-
return (jsxRuntime.jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.overlay, styles$
|
|
17669
|
-
_b[styles$
|
|
17668
|
+
return (jsxRuntime.jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.overlay, styles$x.overlay, (_b = {},
|
|
17669
|
+
_b[styles$x.overlayClose] = isClosing,
|
|
17670
17670
|
_b)), onAnimationEnd: handleOnCloseAnimationEnded, onClick: handleOnOverlayClick, children: jsxRuntime.jsx("div", { className: typeof (classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper) === 'string'
|
|
17671
17671
|
? classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper
|
|
17672
17672
|
: (_c = classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper) === null || _c === void 0 ? void 0 : _c.call(classNames$1, { isClosing: isClosing }), children: jsxRuntime.jsx(FocusLockCombination, { returnFocus: true, className: "m-auto", children: jsxRuntime.jsxs("div", { "aria-modal": "true", role: "dialog", className: typeof (classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container) === 'string'
|
|
17673
17673
|
? classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container
|
|
17674
|
-
: (_d = classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container) === null || _d === void 0 ? void 0 : _d.call(classNames$1, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classNames('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$
|
|
17674
|
+
: (_d = classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container) === null || _d === void 0 ? void 0 : _d.call(classNames$1, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classNames('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$x.header, {
|
|
17675
17675
|
'jc-between': !!title,
|
|
17676
17676
|
'jc-end': !title,
|
|
17677
|
-
}), children: [title && (jsxRuntime.jsx("div", { className: classNames(styles$
|
|
17677
|
+
}), children: [title && (jsxRuntime.jsx("div", { className: classNames(styles$x.title, titleSize === 'small' ? 'p-h4' : 'p-h2', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.title), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "neutral-800", className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.closeButtonIcon }), onClick: handleOnClose, type: "button", variant: "textBlack", className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.closeButton, 'p0', styles$x.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames('w100', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body, styles$x.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.footer, 'w100 bg-white', styles$x.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16 pb32", children: footer }) }))] }) }) }) }));
|
|
17678
17678
|
};
|
|
17679
17679
|
var GenericModal = function (props) {
|
|
17680
17680
|
var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;
|
|
@@ -17687,33 +17687,33 @@ var GenericModal = function (props) {
|
|
|
17687
17687
|
|
|
17688
17688
|
var BottomModal = function (_a) {
|
|
17689
17689
|
var className = _a.className, classNames$1 = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
|
|
17690
|
-
return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "default", classNames: __assign(__assign({}, classNames$1), { wrapper: classNames('w100', styles$
|
|
17690
|
+
return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "default", classNames: __assign(__assign({}, classNames$1), { wrapper: classNames('w100', styles$y.wrapper, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper), container: function (_a) {
|
|
17691
17691
|
var _b;
|
|
17692
17692
|
var isClosing = _a.isClosing;
|
|
17693
|
-
return classNames('bg-white d-flex fd-column w100', className, styles$
|
|
17694
|
-
_b[styles$
|
|
17693
|
+
return classNames('bg-white d-flex fd-column w100', className, styles$y.container, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container, (_b = {},
|
|
17694
|
+
_b[styles$y.containerClose] = isClosing,
|
|
17695
17695
|
_b));
|
|
17696
|
-
}, body: classNames(styles$
|
|
17696
|
+
}, body: classNames(styles$y.body, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body) }) }, rest)));
|
|
17697
17697
|
};
|
|
17698
17698
|
|
|
17699
|
-
var css_248z$
|
|
17700
|
-
var styles$
|
|
17701
|
-
styleInject(css_248z$
|
|
17699
|
+
var css_248z$x = "@keyframes style-module_appear-in__2ZMqz {\n 0% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n}\n@keyframes style-module_disappear-out__38TSV {\n 0% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n 100% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n}\n.style-module_wrapper__qQirD {\n position: relative;\n min-height: 100%;\n animation-name: style-module_appear-in__2ZMqz;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n.style-module_wrapperClose__2aXSB {\n animation-name: style-module_disappear-out__38TSV;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n.style-module_container__1XZj_ {\n max-height: 90vh;\n overflow: hidden;\n}";
|
|
17700
|
+
var styles$w = {"wrapper":"style-module_wrapper__qQirD","wrapperClose":"style-module_wrapperClose__2aXSB","container":"style-module_container__1XZj_"};
|
|
17701
|
+
styleInject(css_248z$x);
|
|
17702
17702
|
|
|
17703
17703
|
var RegularModal = function (_a) {
|
|
17704
17704
|
var _b = _a.className, className = _b === void 0 ? '' : _b, classNames$1 = _a.classNames, size = _a.size, rest = __rest$1(_a, ["className", "classNames", "size"]);
|
|
17705
17705
|
return (jsxRuntime.jsx(GenericModal, __assign({ classNames: __assign(__assign({}, classNames$1), { wrapper: function (_a) {
|
|
17706
17706
|
var _b;
|
|
17707
17707
|
var isClosing = _a.isClosing;
|
|
17708
|
-
return classNames('d-flex ai-center w90 mx-auto my0', className, styles$
|
|
17709
|
-
_b[styles$
|
|
17708
|
+
return classNames('d-flex ai-center w90 mx-auto my0', className, styles$w.wrapper, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, (_b = {},
|
|
17709
|
+
_b[styles$w.wrapperClose] = isClosing,
|
|
17710
17710
|
_b));
|
|
17711
|
-
}, container: classNames('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$
|
|
17711
|
+
}, container: classNames('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$w.container, size === 'large' ? 'wmx10' : 'wmx8', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container) }) }, rest)));
|
|
17712
17712
|
};
|
|
17713
17713
|
|
|
17714
|
-
var css_248z$
|
|
17715
|
-
var styles$
|
|
17716
|
-
styleInject(css_248z$
|
|
17714
|
+
var css_248z$w = "@media (min-width: 34rem) {\n .style-module_mobile__3k175 {\n display: none;\n }\n}\n@media (max-width: 34rem) {\n .style-module_mobile__3k175 {\n display: block !important;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_desktop__2lclr {\n display: none;\n }\n}";
|
|
17715
|
+
var styles$v = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
|
|
17716
|
+
styleInject(css_248z$w);
|
|
17717
17717
|
|
|
17718
17718
|
var BottomOrRegularModal = function (_a) {
|
|
17719
17719
|
var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
|
|
@@ -17732,27 +17732,27 @@ var BottomOrRegularModal = function (_a) {
|
|
|
17732
17732
|
window.removeEventListener('resize', handleResize);
|
|
17733
17733
|
};
|
|
17734
17734
|
}, []);
|
|
17735
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$
|
|
17735
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$v.mobile, ref: mobileRef, children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen })) }), visibleSize === 'desktop' && (jsxRuntime.jsx("div", { className: styles$v.desktop, children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen })) }))] }));
|
|
17736
17736
|
};
|
|
17737
17737
|
|
|
17738
|
-
var css_248z$
|
|
17739
|
-
var styles$
|
|
17740
|
-
styleInject(css_248z$
|
|
17738
|
+
var css_248z$v = "@keyframes style-module_appear-in__5YBuA {\n 0% {\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n opacity: 1;\n visibility: visible;\n }\n}\n@keyframes style-module_disappear-out__33q3c {\n 0% {\n opacity: 1;\n visibility: visible;\n }\n 100% {\n opacity: 0;\n visibility: hidden;\n }\n}\n.style-module_container__dyFzK {\n max-height: 100vh;\n top: 0;\n bottom: 0;\n position: fixed;\n animation-name: style-module_appear-in__5YBuA;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n.style-module_containerClose__39rB7 {\n animation-name: style-module_disappear-out__33q3c;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n@media (max-width: 34rem) {\n .style-module_body__3Fuui {\n padding-bottom: 48px;\n }\n}";
|
|
17739
|
+
var styles$u = {"container":"style-module_container__dyFzK","containerClose":"style-module_containerClose__39rB7","body":"style-module_body__3Fuui"};
|
|
17740
|
+
styleInject(css_248z$v);
|
|
17741
17741
|
|
|
17742
17742
|
var FullScreenModal = function (_a) {
|
|
17743
17743
|
var className = _a.className, classNames$1 = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
|
|
17744
17744
|
return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "small", classNames: __assign(__assign({}, classNames$1), { wrapper: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, 'w100'), container: function (_a) {
|
|
17745
17745
|
var _b;
|
|
17746
17746
|
var isClosing = _a.isClosing;
|
|
17747
|
-
return classNames('bg-white d-flex fd-column w100', className, styles$
|
|
17748
|
-
_b[styles$
|
|
17747
|
+
return classNames('bg-white d-flex fd-column w100', className, styles$u.container, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container, (_b = {},
|
|
17748
|
+
_b[styles$u.containerClose] = isClosing,
|
|
17749
17749
|
_b));
|
|
17750
|
-
}, body: classNames(styles$
|
|
17750
|
+
}, body: classNames(styles$u.body, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body) }) }, rest)));
|
|
17751
17751
|
};
|
|
17752
17752
|
|
|
17753
|
-
var css_248z$
|
|
17754
|
-
var styles$
|
|
17755
|
-
styleInject(css_248z$
|
|
17753
|
+
var css_248z$u = ".style-module_border-strong-default__3_zF3 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-strong-hover__2gkuG {\n border: 1px solid #919199;\n}\n\n.style-module_border-strong-active__3BFbj {\n border: 1px solid #26262e;\n}\n\n.style-module_border-medium-default__21dIE {\n border: 1px solid #e7e7ed;\n}\n\n.style-module_border-medium-hover__Pq6pQ {\n border: 1px solid #b8b8c0;\n}\n\n.style-module_border-medium-active__uLwlN {\n border: 1px solid #3f3f47;\n}\n\n.style-module_border-soft-default__398BS {\n border: 1px solid #f2f2f8;\n}\n\n.style-module_border-soft-hover__30OW0 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-soft-active__eUC5s {\n border: 1px solid #919199;\n}\n\n.style-module_border-focus__28f29 {\n border: 2px solid #26262e;\n}\n\n.style-module_wrapper__35C6V {\n background-color: #fff;\n border: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n}\n.style-module_wrapper--default__NYcwG {\n background-color: #fff;\n}\n.style-module_wrapper--defaultNoShadow__2x-zI {\n border: 1px solid #f2f2f8;\n}\n.style-module_wrapper--transparent__1M1sg {\n background-color: transparent;\n}\n.style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #d2d2d9;\n}\n.style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n}\n.style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n}\n\n.style-module_button__P-UIa {\n background-color: transparent;\n color: #26262e;\n outline: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n text-decoration: none;\n border-radius: 8px;\n border: 1px solid transparent;\n outline: 1px solid transparent;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--default__NYcwG {\n border: 1px solid #d2d2d9;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--transparent__1M1sg {\n background-color: #f9f9fd;\n border-color: transparent;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n border-color: #B8B4F3;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n border-color: #F2B873;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper__35C6V {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper--default__NYcwG {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper__35C6V {\n border-color: #b8b8c0;\n box-shadow: inset 0 0 0 1px #b8b8c0;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n border-color: transparent;\n box-shadow: none;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--primary__Sulin {\n border-color: #F2B873;\n box-shadow: inset 0 0 0 1px #F2B873;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--secondary__1l7bB {\n border-color: #8883D8;\n box-shadow: inset 0 0 0 1px #8883D8;\n}\n.style-module_buttonDisabled__3wmX3 {\n cursor: not-allowed;\n opacity: 0.6;\n}\n@media (pointer: coarse) {\n .style-module_button__P-UIa:hover .style-module_wrapper__35C6V, .style-module_button__P-UIa:active .style-module_wrapper__35C6V {\n background-color: #fff;\n border: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n }\n .style-module_button__P-UIa:hover .style-module_wrapper--default__NYcwG, .style-module_button__P-UIa:active .style-module_wrapper--default__NYcwG {\n background-color: #fff;\n }\n .style-module_button__P-UIa:hover .style-module_wrapper--defaultNoShadow__2x-zI, .style-module_button__P-UIa:active .style-module_wrapper--defaultNoShadow__2x-zI {\n border: 1px solid #f2f2f8;\n }\n .style-module_button__P-UIa:hover .style-module_wrapper--transparent__1M1sg, .style-module_button__P-UIa:active .style-module_wrapper--transparent__1M1sg {\n background-color: transparent;\n }\n .style-module_button__P-UIa:hover .style-module_wrapper--outline__3fBDi, .style-module_button__P-UIa:active .style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #d2d2d9;\n }\n .style-module_button__P-UIa:hover .style-module_wrapper--secondary__1l7bB, .style-module_button__P-UIa:active .style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n }\n .style-module_button__P-UIa:hover .style-module_wrapper--primary__Sulin, .style-module_button__P-UIa:active .style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n }\n}\n\n.style-module_smallPadding__19rsl {\n padding: 20px !important;\n}\n\n.style-module_icon__15X1c {\n margin-right: 12px;\n color: #26262e;\n}\n.style-module_iconDensity--small__3JnzO {\n margin-right: 14px;\n}\n.style-module_iconDensity--medium__2TmAl {\n margin-right: 16px;\n}\n.style-module_iconDensity--large__1YzHv {\n margin-right: 20px;\n}\n\n.style-module_actionIcon__3pnwR {\n color: #26262e;\n margin-left: 12px;\n}\n.style-module_actionIconDensity--small__37jvs {\n margin-right: 14px;\n}\n.style-module_actionIconDensity--medium__3SnW2 {\n margin-right: 16px;\n}\n.style-module_actionIconDensity--large__mZD03 {\n margin-right: 20px;\n}\n\n.style-module_description__ksrnP {\n color: #696971;\n}\n.style-module_description--primary__2h0cB {\n color: #3f3f47;\n}";
|
|
17754
|
+
var styles$t = {"border-strong-default":"style-module_border-strong-default__3_zF3","border-strong-hover":"style-module_border-strong-hover__2gkuG","border-strong-active":"style-module_border-strong-active__3BFbj","border-medium-default":"style-module_border-medium-default__21dIE","border-medium-hover":"style-module_border-medium-hover__Pq6pQ","border-medium-active":"style-module_border-medium-active__uLwlN","border-soft-default":"style-module_border-soft-default__398BS","border-soft-hover":"style-module_border-soft-hover__30OW0","border-soft-active":"style-module_border-soft-active__eUC5s","border-focus":"style-module_border-focus__28f29","wrapper":"style-module_wrapper__35C6V","wrapper--default":"style-module_wrapper--default__NYcwG","wrapper--defaultNoShadow":"style-module_wrapper--defaultNoShadow__2x-zI","wrapper--transparent":"style-module_wrapper--transparent__1M1sg","wrapper--outline":"style-module_wrapper--outline__3fBDi","wrapper--secondary":"style-module_wrapper--secondary__1l7bB","wrapper--primary":"style-module_wrapper--primary__Sulin","button":"style-module_button__P-UIa","buttonDisabled":"style-module_buttonDisabled__3wmX3","smallPadding":"style-module_smallPadding__19rsl","icon":"style-module_icon__15X1c","iconDensity--small":"style-module_iconDensity--small__3JnzO","iconDensity--medium":"style-module_iconDensity--medium__2TmAl","iconDensity--large":"style-module_iconDensity--large__1YzHv","actionIcon":"style-module_actionIcon__3pnwR","actionIconDensity--small":"style-module_actionIconDensity--small__37jvs","actionIconDensity--medium":"style-module_actionIconDensity--medium__3SnW2","actionIconDensity--large":"style-module_actionIconDensity--large__mZD03","description":"style-module_description__ksrnP","description--primary":"style-module_description--primary__2h0cB"};
|
|
17755
|
+
styleInject(css_248z$u);
|
|
17756
17756
|
|
|
17757
17757
|
var cardDefaultAs = 'section';
|
|
17758
17758
|
var Card = function (_a) {
|
|
@@ -17765,23 +17765,23 @@ var Card = function (_a) {
|
|
|
17765
17765
|
return (jsxRuntime.jsx(Tag, __assign({ className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.buttonWrapper, 'd-flex w100 ai-stretch', (_b = {
|
|
17766
17766
|
'c-pointer': propsWithActionIcon && !disabled
|
|
17767
17767
|
},
|
|
17768
|
-
_b[styles$
|
|
17769
|
-
_b[styles$
|
|
17768
|
+
_b[styles$t.button] = propsWithActionIcon,
|
|
17769
|
+
_b[styles$t.buttonDisabled] = propsWithActionIcon && disabled,
|
|
17770
17770
|
_b)) }, onClick && {
|
|
17771
17771
|
onClick: onClick,
|
|
17772
17772
|
type: "button"
|
|
17773
17773
|
}, { disabled: disabled }, rest, { children: jsxRuntime.jsxs("div", { className: classNames('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow && variant === 'default' }, {
|
|
17774
17774
|
xsmall: 'p16',
|
|
17775
|
-
small: styles$
|
|
17775
|
+
small: styles$t.smallPadding,
|
|
17776
17776
|
medium: 'p24',
|
|
17777
17777
|
large: 'p32',
|
|
17778
17778
|
}[density], {
|
|
17779
17779
|
top: 'jc-start',
|
|
17780
17780
|
center: 'jc-center',
|
|
17781
17781
|
bottom: 'jc-end',
|
|
17782
|
-
}[verticalAlignment], styles$
|
|
17783
|
-
_c[styles$
|
|
17784
|
-
_c), classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames("d-flex", styles$
|
|
17782
|
+
}[verticalAlignment], styles$t === null || styles$t === void 0 ? void 0 : styles$t.wrapper, styles$t === null || styles$t === void 0 ? void 0 : styles$t["wrapper--".concat(variant)], (_c = {},
|
|
17783
|
+
_c[styles$t === null || styles$t === void 0 ? void 0 : styles$t["wrapper--defaultNoShadow"]] = !dropShadow && variant === 'default',
|
|
17784
|
+
_c), classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames("d-flex", styles$t.icon, styles$t["iconDensity--".concat(density)], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon, {
|
|
17785
17785
|
top: 'ai-start',
|
|
17786
17786
|
center: 'ai-center',
|
|
17787
17787
|
bottom: 'ai-end',
|
|
@@ -17789,51 +17789,51 @@ var Card = function (_a) {
|
|
|
17789
17789
|
large: 'p-h3',
|
|
17790
17790
|
medium: 'p-h4',
|
|
17791
17791
|
small: 'p-p',
|
|
17792
|
-
}[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames(styles$
|
|
17792
|
+
}[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames(styles$t.description, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p', styles$t === null || styles$t === void 0 ? void 0 : styles$t["description--".concat(variant)]), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames(styles$t.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$t["actionIconDensity--".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.children, children: children })] }) })));
|
|
17793
17793
|
};
|
|
17794
17794
|
|
|
17795
|
-
var css_248z$
|
|
17796
|
-
var styles$
|
|
17797
|
-
styleInject(css_248z$
|
|
17795
|
+
var css_248z$t = ".style-module_bs-xs__2s8AD {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n padding-top: 124px;\n}\n\n.style-module_wrapper__rVPyi {\n border-radius: 12px;\n border: 1px solid #e7e7ed;\n}\n\n.style-module_buttonWrapper__-dmFc {\n border-radius: 12px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n border-color: #696971;\n box-shadow: 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n overflow: hidden;\n border-color: #26262e;\n box-shadow: 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n position: absolute;\n width: 80px;\n height: 80px;\n border-radius: 12px;\n left: 50%;\n transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n opacity: 0.25;\n}\n\n.style-module_topIconImage__3NQMd {\n width: 80px;\n height: 80px;\n border-radius: 12px;\n background-color: #FDF2E2;\n overflow: hidden;\n}\n.style-module_topIconImage__3NQMd img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 12px;\n}\n\n.style-module_topIconBanner__31-Hc {\n position: absolute;\n top: -123px;\n left: -15px;\n right: -15px;\n height: 124px;\n width: calc(100% + 30px);\n overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n position: absolute;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n min-width: 100%;\n min-height: 100%;\n}\n\n.style-module_title__31OJa {\n margin-top: 20px;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n position: relative;\n}\n\n.style-module_disabled__1u28- {\n opacity: 0.25;\n cursor: not-allowed;\n}";
|
|
17796
|
+
var styles$s = {"bannerWrapper":"style-module_bannerWrapper__1m3mn","wrapper":"style-module_wrapper__rVPyi","buttonWrapper":"style-module_buttonWrapper__-dmFc","topIconWrapper":"style-module_topIconWrapper__VYKR7","topIconImage":"style-module_topIconImage__3NQMd","topIconBanner":"style-module_topIconBanner__31-Hc","title":"style-module_title__31OJa","contentWrapper":"style-module_contentWrapper__B1Dn1","floatingLabel":"style-module_floatingLabel__1iIBj","disabled":"style-module_disabled__1u28-"};
|
|
17797
|
+
styleInject(css_248z$t);
|
|
17798
17798
|
|
|
17799
17799
|
var InfoCard = function (_a) {
|
|
17800
17800
|
var _b, _c, _d, _e;
|
|
17801
17801
|
_a.className; var _f = _a.showIcon, showIcon = _f === void 0 ? true : _f, title = _a.title, children = _a.children, topIcon = _a.topIcon, topIconType = _a.topIconType, _g = _a.disabled, disabled = _g === void 0 ? false : _g, onClick = _a.onClick, cardProps = __rest$1(_a, ["className", "showIcon", "title", "children", "topIcon", "topIconType", "disabled", "onClick"]);
|
|
17802
17802
|
var isIconType = topIconType === 'icon' || topIconType === 'iconWithBackground';
|
|
17803
17803
|
var isFloatingType = isIconType;
|
|
17804
|
-
return (jsxRuntime.jsx(Card, __assign({}, cardProps, { label: topIcon && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isIconType ? (jsxRuntime.jsx("div", { className: classNames('d-flex ai-center jc-center p16 bg-orange-200', styles$
|
|
17805
|
-
_d[styles$
|
|
17806
|
-
_d[styles$
|
|
17804
|
+
return (jsxRuntime.jsx(Card, __assign({}, cardProps, { label: topIcon && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isIconType ? (jsxRuntime.jsx("div", { className: classNames('d-flex ai-center jc-center p16 bg-orange-200', styles$s.topIconWrapper), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames('d-flex ai-center jc-center', (_b = {}, _b[styles$s.topIconBanner] = topIconType === 'banner', _b), (_c = {}, _c[styles$s.topIconImage] = topIconType === 'image', _c)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', dropShadow: false, actionIcon: null, showActionIcon: false, classNames: __assign({ buttonWrapper: styles$s.buttonWrapper, wrapper: classNames((_d = {},
|
|
17805
|
+
_d[styles$s.wrapper] = true,
|
|
17806
|
+
_d[styles$s.disabled] = disabled,
|
|
17807
17807
|
_d['pt40'] = topIcon && isFloatingType,
|
|
17808
17808
|
_d['mt40'] = topIcon && isFloatingType,
|
|
17809
|
-
_d[styles$
|
|
17809
|
+
_d[styles$s.bannerWrapper] = topIcon && topIconType === 'banner',
|
|
17810
17810
|
_d)), label: classNames('d-flex jc-center', (_e = {},
|
|
17811
|
-
_e[styles$
|
|
17812
|
-
_e)), title: classNames({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center ta-center mb8', styles$
|
|
17811
|
+
_e[styles$s.floatingLabel] = topIcon && (isFloatingType || topIconType === 'banner'),
|
|
17812
|
+
_e)), title: classNames({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center ta-center mb8', styles$s.title), description: 'ta-center', contentWrapper: styles$s.contentWrapper }, (cardProps === null || cardProps === void 0 ? void 0 : cardProps.classNames) || {}), variant: 'default', onClick: disabled ? undefined : onClick, density: 'xsmall' })));
|
|
17813
17813
|
};
|
|
17814
17814
|
|
|
17815
|
-
var css_248z$
|
|
17816
|
-
var styles$
|
|
17817
|
-
styleInject(css_248z$
|
|
17815
|
+
var css_248z$s = ".style-module_containerDisabled__2j9_N {\n pointer-events: none;\n opacity: 0.25;\n}\n\n.style-module_contentWrapper__EkTN9 {\n gap: 4px !important;\n}";
|
|
17816
|
+
var styles$r = {"containerDisabled":"style-module_containerDisabled__2j9_N","contentWrapper":"style-module_contentWrapper__EkTN9"};
|
|
17817
|
+
styleInject(css_248z$s);
|
|
17818
17818
|
|
|
17819
17819
|
var CardButton = function (_a) {
|
|
17820
17820
|
var _b;
|
|
17821
17821
|
var title = _a.title, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, href = _a.href;
|
|
17822
17822
|
return (jsxRuntime.jsx(Card, __assign({ as: href ? 'a' : 'button', classNames: {
|
|
17823
|
-
buttonWrapper: classNames('c-pointer ta-left w100', className, (_b = {}, _b[styles$
|
|
17823
|
+
buttonWrapper: classNames('c-pointer ta-left w100', className, (_b = {}, _b[styles$r.containerDisabled] = disabled, _b)),
|
|
17824
17824
|
label: 'tc-neutral-900',
|
|
17825
17825
|
description: 'tc-neutral-700 p-p',
|
|
17826
|
-
contentWrapper: styles$
|
|
17827
|
-
}, density: 'xsmall', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'neutral-900', className: styles$
|
|
17826
|
+
contentWrapper: styles$r.contentWrapper
|
|
17827
|
+
}, density: 'xsmall', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'neutral-900', className: styles$r.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
|
|
17828
17828
|
};
|
|
17829
17829
|
|
|
17830
|
-
var css_248z$
|
|
17831
|
-
var styles$
|
|
17832
|
-
styleInject(css_248z$
|
|
17830
|
+
var css_248z$r = ".style-module_chip__3LMgV {\n background: var(--ds-purple-300);\n border: 2px solid var(--ds-purple-300);\n border-radius: 8px;\n padding: 4px 8px;\n width: fit-content;\n width: -moz-fit-content;\n display: flex;\n align-items: center;\n animation-name: style-module_appearInAnimation__33Ebn;\n animation-duration: 0.5s;\n animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n transition: 0.2s ease-in;\n border: 2px solid var(--ds-purple-600);\n}\n\n.style-module_chip-image__2vVqF {\n width: 24px;\n height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n color: #B8B4F3;\n position: relative;\n width: 16px;\n height: 16px;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n text-align: inherit;\n outline: none;\n box-shadow: none;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n color: #8883D8;\n}\n.style-module_chip-button-container__3gSRY:focus-visible {\n outline: 2px solid var(--ds-purple-600);\n border-radius: 2px;\n}\n\n.style-module_chip-remove-button__3LK7e {\n margin: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n from {\n opacity: 0;\n transform: translateX(16px);\n }\n to {\n opacity: 1;\n }\n}";
|
|
17831
|
+
var styles$q = {"chip":"style-module_chip__3LMgV","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
|
|
17832
|
+
styleInject(css_248z$r);
|
|
17833
17833
|
|
|
17834
17834
|
var Chip = (function (_a) {
|
|
17835
17835
|
var className = _a.className, value = _a.value, onRemove = _a.onRemove;
|
|
17836
|
-
return (jsxRuntime.jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$
|
|
17836
|
+
return (jsxRuntime.jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$q['chip']), children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 ".concat(styles$q['chip-image']), src: value.leftIcon, alt: value.value })), jsxRuntime.jsx("div", { className: "mr8", children: value.value }), jsxRuntime.jsx("button", { className: "c-pointer ".concat(styles$q['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, "aria-label": "Remove ".concat(value.value, " option"), children: jsxRuntime.jsx(XIcon, { className: styles$q['chip-remove-button'] }) })] }));
|
|
17837
17837
|
});
|
|
17838
17838
|
|
|
17839
17839
|
var Autosuggest$1 = {};
|
|
@@ -20052,21 +20052,21 @@ function requireDist$1 () {
|
|
|
20052
20052
|
var distExports$1 = requireDist$1();
|
|
20053
20053
|
var Autosuggest = /*@__PURE__*/getDefaultExportFromCjs(distExports$1);
|
|
20054
20054
|
|
|
20055
|
-
var css_248z$
|
|
20056
|
-
var styles$
|
|
20057
|
-
styleInject(css_248z$
|
|
20055
|
+
var css_248z$q = "@keyframes style-module_appearInAnimation__yvH4A {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n }\n}\n.style-module_suggestionsContainer__2yVXd {\n position: relative;\n}\n\n.style-module_suggestionsList__11o48 {\n position: absolute;\n z-index: 100;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid var(--ds-neutral-600);\n width: 100%;\n height: fit-content;\n max-height: 216px;\n overflow-y: scroll;\n background-color: white;\n animation-name: style-module_appearInAnimation__yvH4A;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform: translateY(8px);\n}\n\n.style-module_suggestion-option__z7pqG {\n display: flex;\n align-items: center;\n cursor: pointer;\n position: relative;\n margin: 0;\n padding: 12px 16px;\n color: var(--ds-neutral-900);\n min-height: 48px;\n line-height: 24px;\n}\n\n.style-module_suggestion-img__1TfiA {\n width: 32px;\n height: 24px;\n border-radius: 2px;\n}\n\n.style-module_suggestion-text__7wL31 {\n flex: 1;\n}\n\n.style-module_nowrap__uks9c {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.style-module_suggestionHighlighted__2zu5h {\n background-color: var(--ds-orange-100);\n}";
|
|
20056
|
+
var styles$p = {"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"};
|
|
20057
|
+
styleInject(css_248z$q);
|
|
20058
20058
|
|
|
20059
20059
|
var AutoSuggestInput = function (_a) {
|
|
20060
20060
|
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;
|
|
20061
20061
|
var renderSuggestion = function (suggestion) {
|
|
20062
20062
|
var _a;
|
|
20063
|
-
return (jsxRuntime.jsxs("div", { className: "".concat(styles$
|
|
20064
|
-
_a[styles$
|
|
20063
|
+
return (jsxRuntime.jsxs("div", { className: "".concat(styles$p['suggestion-option']), children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 ".concat(styles$p['suggestion-img']), src: suggestion.leftIcon, alt: suggestion.value })), jsxRuntime.jsx("div", { className: classNames(styles$p['suggestion-text'], (_a = {},
|
|
20064
|
+
_a[styles$p.nowrap] = !wrapText,
|
|
20065
20065
|
_a)), children: suggestion.value })] }));
|
|
20066
20066
|
};
|
|
20067
20067
|
var getSuggestionValue = function (suggestion) { return suggestion.value; };
|
|
20068
20068
|
var renderInputComponent = function (autoSuggestInputProps) { return (jsxRuntime.jsx(Input, __assign({}, autoSuggestInputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }))); };
|
|
20069
|
-
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(Autosuggest, { theme: styles$
|
|
20069
|
+
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(Autosuggest, { theme: styles$p, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: __assign(__assign({}, inputProps), { value: currentOption, onChange: function (_, _a) {
|
|
20070
20070
|
var newValue = _a.newValue;
|
|
20071
20071
|
onChange(newValue);
|
|
20072
20072
|
} }), onSuggestionSelected: function (_, _a) {
|
|
@@ -20075,9 +20075,9 @@ var AutoSuggestInput = function (_a) {
|
|
|
20075
20075
|
}, renderInputComponent: renderInputComponent }) }));
|
|
20076
20076
|
};
|
|
20077
20077
|
|
|
20078
|
-
var css_248z$
|
|
20079
|
-
var styles$
|
|
20080
|
-
styleInject(css_248z$
|
|
20078
|
+
var css_248z$p = ".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}";
|
|
20079
|
+
var styles$o = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
|
|
20080
|
+
styleInject(css_248z$p);
|
|
20081
20081
|
|
|
20082
20082
|
var AutoSuggestMultiSelect = function (_a) {
|
|
20083
20083
|
var _b;
|
|
@@ -20085,8 +20085,8 @@ var AutoSuggestMultiSelect = function (_a) {
|
|
|
20085
20085
|
var _c = React.useState([]), suggestions = _c[0], setSuggestions = _c[1];
|
|
20086
20086
|
var _d = React.useState(''), currentOption = _d[0], setCurrentOption = _d[1];
|
|
20087
20087
|
var hasChips = Boolean(selectedValues && selectedValues.length > 0);
|
|
20088
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: classNames(styles$
|
|
20089
|
-
_b[styles$
|
|
20088
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: classNames(styles$o['chip-container'], chipsListClassName, (_b = {},
|
|
20089
|
+
_b[styles$o.appearIn] = hasChips,
|
|
20090
20090
|
_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) {
|
|
20091
20091
|
var newValues = __spreadArray([], selectedValues, true).filter(function (selectedValue) { return selectedValue.value !== value.value; });
|
|
20092
20092
|
setValues(newValues);
|
|
@@ -21640,9 +21640,9 @@ function requireDist () {
|
|
|
21640
21640
|
|
|
21641
21641
|
var distExports = requireDist();
|
|
21642
21642
|
|
|
21643
|
-
var css_248z$
|
|
21644
|
-
var styles$
|
|
21645
|
-
styleInject(css_248z$
|
|
21643
|
+
var css_248z$o = ".AccordionItem-module_container__29xle {\n width: min-content;\n width: var(--growContent, min-content);\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n border: none;\n border-bottom: 1px solid #e7e7ed;\n background: white;\n color: #26262e;\n column-gap: 16px;\n cursor: pointer;\n font-family: inherit;\n outline: none;\n padding: 24px 0;\n position: relative;\n text-align: inherit;\n transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n@media (min-width: 34rem) {\n .AccordionItem-module_headerButton__1C03u {\n padding: 24px;\n }\n}\n.AccordionItem-module_headerButton__1C03u[aria-expanded=true] {\n border-bottom-color: transparent;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n color: #696971;\n}\n.AccordionItem-module_headerButton__1C03u:hover .p-h3 {\n color: #696971;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n filter: brightness(0.425);\n}";
|
|
21644
|
+
var styles$n = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
|
|
21645
|
+
styleInject(css_248z$o);
|
|
21646
21646
|
|
|
21647
21647
|
var ChevronSVG = function (_a) {
|
|
21648
21648
|
var className = _a.className;
|
|
@@ -21673,7 +21673,7 @@ var AccordionItem = function (_a) {
|
|
|
21673
21673
|
window.scrollTo({ top: top_1, behavior: 'smooth' });
|
|
21674
21674
|
}
|
|
21675
21675
|
};
|
|
21676
|
-
return (jsxRuntime.jsxs("section", { ref: sectionRef, className: "d-flex fd-column ".concat(styles$
|
|
21676
|
+
return (jsxRuntime.jsxs("section", { ref: sectionRef, className: "d-flex fd-column ".concat(styles$n.container, " ").concat(className), children: [jsxRuntime.jsxs("button", { "aria-expanded": isOpen, className: "d-flex ai-center jc-between ".concat(styles$n.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsxRuntime.jsx("div", { className: "d-flex ai-center ".concat(styles$n.iconAndTextContainer), children: typeof label === 'string' ? (jsxRuntime.jsx("h4", { className: "p-h3", children: label })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label })) }), jsxRuntime.jsx(ChevronSVG, { className: "".concat(styles$n.chevron, " ").concat(!isOpen && styles$n.chevronClosed) })] }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, onHeightAnimationEnd: handleAnimationEnd, children: children })] }));
|
|
21677
21677
|
};
|
|
21678
21678
|
|
|
21679
21679
|
var Chevron = function (_a) {
|
|
@@ -21681,19 +21681,19 @@ var Chevron = function (_a) {
|
|
|
21681
21681
|
return (jsxRuntime.jsx("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#26262e", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
21682
21682
|
};
|
|
21683
21683
|
|
|
21684
|
-
var css_248z$
|
|
21685
|
-
var styles$
|
|
21686
|
-
styleInject(css_248z$
|
|
21684
|
+
var css_248z$n = ".style-module_row__3IzmA {\n border-bottom: 1px solid #e7e7ed;\n}\n.style-module_row__3IzmA:last-child {\n border-bottom: none;\n}\n\n.style-module_header__32rw- {\n position: relative;\n}\n.style-module_header__32rw- .style-module_cell__1NoZ6 {\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- .style-module_cell__1NoZ6 {\n justify-content: flex-start;\n text-align: left;\n }\n}\n.style-module_header__32rw- > div {\n width: var(--tableWidth);\n max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n margin: 0;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- > div {\n width: 211px;\n width: var(--cellWidth, 211px);\n max-width: var(--tableWidth);\n scroll-snap-align: unset;\n }\n}\n\n.style-module_cell__1NoZ6 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n scroll-snap-align: end;\n line-height: 24px;\n padding: 16px 8px;\n}\n.style-module_cell__1NoZ6:first-child {\n padding: 16px 8px 16px 0;\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6:first-child {\n padding: 16px 8px 16px 16px;\n }\n}\n.style-module_cell__1NoZ6 {\n color: #26262e;\n width: 50vw;\n max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n background-color: white;\n /** Add scroll snap to every column except the first one */\n scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: unset;\n }\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6 {\n flex: 1 0 211px;\n flex: 1 0 var(--cellWidth, 211px);\n width: 211px;\n width: var(--cellWidth, 211px);\n }\n .style-module_cell__1NoZ6:first-child {\n padding: 24px 8px 24px 24px;\n }\n .style-module_cell__1NoZ6 {\n padding: 24px 8px;\n }\n}\n\nh4.style-module_cell__1NoZ6 {\n max-width: min(212px, var(--tableWidth) / 2);\n max-width: min(var(--firstColumnWidth, 212px), var(--tableWidth) / 2);\n}\n\n.style-module_title__1xYvu {\n position: relative;\n color: #26262e;\n display: none;\n}\n@media (min-width: 34rem) {\n .style-module_title__1xYvu {\n display: flex;\n }\n}\n\n.style-module_sticky__2T5jm {\n position: sticky;\n justify-content: flex-start;\n z-index: 1;\n top: 0;\n left: 0;\n width: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_sticky__2T5jm {\n flex: 1 0 288px;\n }\n}\n\nh4.style-module_addon__CPf60 {\n max-width: calc(100vw - 64px);\n width: 100%;\n}\n@media (min-width: 64rem) {\n h4.style-module_addon__CPf60 {\n max-width: 976px;\n }\n}";
|
|
21685
|
+
var styles$m = {"row":"style-module_row__3IzmA","header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
|
|
21686
|
+
styleInject(css_248z$n);
|
|
21687
21687
|
|
|
21688
21688
|
var Row = function (props) {
|
|
21689
21689
|
var _a, _b;
|
|
21690
21690
|
var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId, cellClassName = props.cellClassName;
|
|
21691
21691
|
return (jsxRuntime.jsxs("div", { className: classNames('d-flex w-100', (_a = {},
|
|
21692
|
-
_a[styles$
|
|
21693
|
-
_a[styles$
|
|
21694
|
-
_a)), children: [jsxRuntime.jsx("h4", { className: classNames(styles$
|
|
21695
|
-
_b["p-h2 p--serif ".concat(styles$
|
|
21696
|
-
_b[styles$
|
|
21692
|
+
_a[styles$m.header] = isRowHeader,
|
|
21693
|
+
_a[styles$m.row] = !isRowHeader,
|
|
21694
|
+
_a)), children: [jsxRuntime.jsx("h4", { className: classNames(styles$m.cell, styles$m.sticky, (_b = {},
|
|
21695
|
+
_b["p-h2 p--serif ".concat(styles$m.title)] = isRowHeader,
|
|
21696
|
+
_b[styles$m.addon] = typeof cell.key === 'undefined',
|
|
21697
21697
|
_b), cellClassName), children: cell.label }), Array.isArray(data) &&
|
|
21698
21698
|
data.map(function (item) {
|
|
21699
21699
|
/**
|
|
@@ -21704,7 +21704,7 @@ var Row = function (props) {
|
|
|
21704
21704
|
return null;
|
|
21705
21705
|
if (typeof item[cell.key] === 'undefined')
|
|
21706
21706
|
return null;
|
|
21707
|
-
return (jsxRuntime.jsx("div", { className: classNames('ta-left', styles$
|
|
21707
|
+
return (jsxRuntime.jsx("div", { className: classNames('ta-left', styles$m.cell, cellClassName), children:
|
|
21708
21708
|
/**
|
|
21709
21709
|
* Return a function if `render` option is present
|
|
21710
21710
|
* else print the current data source value
|
|
@@ -21721,39 +21721,39 @@ var ArrowIcon = function (_a) {
|
|
|
21721
21721
|
return (jsxRuntime.jsx("svg", { width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
21722
21722
|
};
|
|
21723
21723
|
|
|
21724
|
-
var css_248z$
|
|
21725
|
-
var styles$
|
|
21726
|
-
styleInject(css_248z$
|
|
21724
|
+
var css_248z$m = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 8px;\n justify-content: space-between;\n align-items: stretch;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 56px;\n z-index: 3;\n padding: 0;\n border-radius: 8px;\n background-color: #f7f7fd;\n justify-content: center;\n align-items: center;\n stroke: #b8b8c0;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f7f7fd;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #26262e;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f7f7fd;\n cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n visibility: hidden;\n pointer-events: none;\n}";
|
|
21725
|
+
var styles$l = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB","noPointerEvents":"style-module_noPointerEvents__21KuB"};
|
|
21726
|
+
styleInject(css_248z$m);
|
|
21727
21727
|
|
|
21728
21728
|
var TableArrows = function (props) {
|
|
21729
21729
|
var _a, _b;
|
|
21730
21730
|
var active = props.active, onClick = props.onClick;
|
|
21731
21731
|
var handleButtonClick = function (value) { return function () { return onClick(value); }; };
|
|
21732
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
21733
|
-
_a[styles$
|
|
21734
|
-
_a[styles$
|
|
21735
|
-
_a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$
|
|
21736
|
-
_b[styles$
|
|
21737
|
-
_b[styles$
|
|
21732
|
+
return (jsxRuntime.jsxs("div", { className: styles$l.container, children: [jsxRuntime.jsx("button", { onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles$l.prev, styles$l.arrow, (_a = {},
|
|
21733
|
+
_a[styles$l.active] = active.left,
|
|
21734
|
+
_a[styles$l.noPointerEvents] = !active.left,
|
|
21735
|
+
_a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$l.next, styles$l.arrow, (_b = {},
|
|
21736
|
+
_b[styles$l.active] = active.right,
|
|
21737
|
+
_b[styles$l.noPointerEvents] = !active.right,
|
|
21738
21738
|
_b)), children: jsxRuntime.jsx(ArrowIcon, {}) })] }));
|
|
21739
21739
|
};
|
|
21740
21740
|
|
|
21741
|
-
var css_248z$
|
|
21742
|
-
var styles$
|
|
21743
|
-
styleInject(css_248z$
|
|
21741
|
+
var css_248z$l = ".style-module_wrapper__1s115 {\n position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n position: absolute;\n right: -32px;\n top: 0;\n}";
|
|
21742
|
+
var styles$k = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
|
|
21743
|
+
styleInject(css_248z$l);
|
|
21744
21744
|
|
|
21745
|
-
var css_248z$
|
|
21746
|
-
var styles$
|
|
21747
|
-
styleInject(css_248z$
|
|
21745
|
+
var css_248z$k = ".style-module_button__3TkNT {\n padding: 0;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: bottom;\n border-radius: 12px;\n width: 24px;\n height: 24px;\n transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n background-color: transparent;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n fill: #919199;\n}\n.style-module_button__3TkNT svg path {\n fill: #d2d2d9;\n}\n.style-module_button__3TkNT svg {\n transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n box-shadow: 0 0 0 2px #26262e;\n}";
|
|
21746
|
+
var styles$j = {"button":"style-module_button__3TkNT"};
|
|
21747
|
+
styleInject(css_248z$k);
|
|
21748
21748
|
|
|
21749
21749
|
var TableInfoButton = function (_a) {
|
|
21750
21750
|
var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
21751
|
-
return (jsxRuntime.jsx("button", { className: "p-btn--secondary ".concat(styles$
|
|
21751
|
+
return (jsxRuntime.jsx("button", { className: "p-btn--secondary ".concat(styles$j.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, "aria-label": "View more information", title: "View more information", children: jsxRuntime.jsx(InfoIcon, { size: 20 }) }));
|
|
21752
21752
|
};
|
|
21753
21753
|
|
|
21754
21754
|
var TableButton = function (_a) {
|
|
21755
21755
|
var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
21756
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
21756
|
+
return (jsxRuntime.jsxs("div", { className: styles$k.wrapper, children: [children, jsxRuntime.jsx(TableInfoButton, { className: "".concat(styles$k.infoButton, " ").concat(className), "data-testid": "ds-table-button", onClick: onClick })] }));
|
|
21757
21757
|
};
|
|
21758
21758
|
|
|
21759
21759
|
var StarIcon = function (_a) {
|
|
@@ -21766,9 +21766,9 @@ var ZapIcon = function (_a) {
|
|
|
21766
21766
|
return (jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.492 1.124A1 1 0 005.732.36l-5 6A1 1 0 001.5 8h3.367l-.36 2.876a1 1 0 001.761.764l5-6A1 1 0 0010.5 4H7.133l.36-2.876z" }) }));
|
|
21767
21767
|
};
|
|
21768
21768
|
|
|
21769
|
-
var css_248z$
|
|
21770
|
-
var styles$
|
|
21771
|
-
styleInject(css_248z$
|
|
21769
|
+
var css_248z$j = ".style-module_icon__1ep7- {\n margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n fill: #26262e;\n}\n\n.style-module_empty__Ikg_s {\n fill: #d2d2d9;\n}";
|
|
21770
|
+
var styles$i = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
|
|
21771
|
+
styleInject(css_248z$j);
|
|
21772
21772
|
|
|
21773
21773
|
var getRatingIcon = function (type) {
|
|
21774
21774
|
var iconDictionary = {
|
|
@@ -21781,16 +21781,16 @@ var VALID_VALUES = [1, 2, 3];
|
|
|
21781
21781
|
var TableRating = function (props) {
|
|
21782
21782
|
var rating = props.rating, type = props.type;
|
|
21783
21783
|
var SelectedIcon = getRatingIcon(type);
|
|
21784
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$
|
|
21784
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$i.icon, value <= rating ? styles$i.filled : styles$i.empty) }, value)); }) }));
|
|
21785
21785
|
};
|
|
21786
21786
|
|
|
21787
|
-
var css_248z$
|
|
21788
|
-
var styles$
|
|
21789
|
-
styleInject(css_248z$
|
|
21787
|
+
var css_248z$i = ".style-module_icon__30Nor {\n min-width: 20px;\n}";
|
|
21788
|
+
var styles$h = {"icon":"style-module_icon__30Nor"};
|
|
21789
|
+
styleInject(css_248z$i);
|
|
21790
21790
|
|
|
21791
21791
|
var TableRowHeader = function (_a) {
|
|
21792
21792
|
var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
|
|
21793
|
-
return (jsxRuntime.jsxs("div", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$
|
|
21793
|
+
return (jsxRuntime.jsxs("div", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$h.icon), children: icon }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: "p-p d-inline", children: [jsxRuntime.jsx("span", { className: classNames({
|
|
21794
21794
|
mr8: onClickInfo,
|
|
21795
21795
|
}), children: label }), onClickInfo && jsxRuntime.jsx(TableInfoButton, { onClick: onClickInfo })] }), subtitle && jsxRuntime.jsx("p", { className: "p-p--small tc-neutral-600", children: subtitle })] })] }));
|
|
21796
21796
|
};
|
|
@@ -21915,9 +21915,9 @@ var useComparisonTable = function (_a) {
|
|
|
21915
21915
|
};
|
|
21916
21916
|
};
|
|
21917
21917
|
|
|
21918
|
-
var css_248z$
|
|
21918
|
+
var css_248z$h = ".style-module_card__2KGDn {\n border: 1px solid #f2f2f8;\n border-radius: 12px;\n padding: 24px;\n}\n.style-module_card__2KGDn section:last-of-type > button {\n border-bottom: none;\n}\n\n.style-module_container__xHPlk {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n .style-module_container__xHPlk {\n scroll-snap-type: unset;\n }\n}\n\n.style-module_noScrollBars__1ri_E {\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n /* WebKit */\n width: 0;\n height: 0;\n}\n\n@media (max-width: 34rem) {\n .style-module_noScrollBarsMobile__1txeg * {\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n }\n .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n /* WebKit */\n width: 0;\n height: 0;\n display: none;\n }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n margin-top: 48px;\n}\n@media (min-width: 34rem) {\n .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n margin-top: 72px;\n }\n}\n\n.style-module_overflow-container__oBPQw {\n width: max-content;\n min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n display: flex;\n flex-flow: column;\n width: max-content;\n width: var(--growContent, max-content);\n margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n width: 100%;\n background-color: #FAF8F5;\n border-radius: 8px;\n}\n.style-module_group-title__2vvRm > h4 {\n padding: 24px;\n display: inline-block;\n}\n\n.style-module_sticky__2Xmbl {\n position: sticky;\n justify-content: flex-start;\n z-index: 1;\n top: 0;\n left: 0;\n}\n\n.style-module_header__23SZy {\n position: sticky;\n top: 0;\n top: var(--stickyHeaderTopOffset, 0);\n z-index: 2;\n background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n width: 100%;\n border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n font-family: inherit;\n background-color: #FAF8F5;\n border: none;\n border-radius: 8px;\n height: 64px;\n justify-content: center;\n align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n margin-left: 8px;\n}\n.style-module_show-details-button__3HR-p:hover {\n background-color: #FCF7EF;\n}\n\n.style-module_icon-inverted__1SnO1 {\n transform: rotate(180deg);\n transition: all 0.25s ease;\n}";
|
|
21919
21919
|
var baseStyles = {"card":"style-module_card__2KGDn","container":"style-module_container__xHPlk","noScrollBars":"style-module_noScrollBars__1ri_E","noScrollBarsMobile":"style-module_noScrollBarsMobile__1txeg","section":"style-module_section__1bf_0","overflow-container":"style-module_overflow-container__oBPQw","group-container":"style-module_group-container__2G6Ix","group-title":"style-module_group-title__2vvRm","sticky":"style-module_sticky__2Xmbl","header":"style-module_header__23SZy","show-details-container":"style-module_show-details-container__1smn4","show-details-button":"style-module_show-details-button__3HR-p","icon-inverted":"style-module_icon-inverted__1SnO1"};
|
|
21920
|
-
styleInject(css_248z$
|
|
21920
|
+
styleInject(css_248z$h);
|
|
21921
21921
|
|
|
21922
21922
|
var ComparisonTable = function (props) {
|
|
21923
21923
|
var _a;
|
|
@@ -21968,9 +21968,9 @@ var ComparisonTable = function (props) {
|
|
|
21968
21968
|
}), hideDetails && (jsxRuntime.jsx("div", { className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", { className: classNames('w100 d-flex p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
|
|
21969
21969
|
};
|
|
21970
21970
|
|
|
21971
|
-
var css_248z$
|
|
21972
|
-
var styles$
|
|
21973
|
-
styleInject(css_248z$
|
|
21971
|
+
var css_248z$g = ".style-module_background-container__2Gjka {\n position: relative;\n display: inline-block;\n background-color: var(--ds-purple-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.style-module_chip__3rgLT:focus {\n outline-color: var(--ds-purple-600);\n outline-offset: 2px;\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}";
|
|
21972
|
+
var styles$g = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
|
|
21973
|
+
styleInject(css_248z$g);
|
|
21974
21974
|
|
|
21975
21975
|
var SegmentedControl = function (_a) {
|
|
21976
21976
|
var _b = _a.className, className = _b === void 0 ? '' : _b, values = _a.values, selectedIndex = _a.selectedIndex, onChange = _a.onChange;
|
|
@@ -21984,17 +21984,17 @@ var SegmentedControl = function (_a) {
|
|
|
21984
21984
|
var width = selectedChip.offsetWidth;
|
|
21985
21985
|
setSelectedChipBackgroundWidthLeft({ left: left, width: width });
|
|
21986
21986
|
}, [selectedIndex]);
|
|
21987
|
-
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$
|
|
21987
|
+
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$g['background-container'], children: [jsxRuntime.jsx("div", { ref: chipContainer, className: styles$g['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
|
|
21988
21988
|
return (jsxRuntime.jsx("div", { role: "button", tabIndex: 0, onKeyDown: function (e) {
|
|
21989
21989
|
if (e.key === 'Enter' || e.code === 'Space') {
|
|
21990
21990
|
onChange(index);
|
|
21991
21991
|
}
|
|
21992
21992
|
}, onClick: function () {
|
|
21993
21993
|
onChange(index);
|
|
21994
|
-
}, className: styles$
|
|
21994
|
+
}, className: styles$g.chip, children: typeof value === 'string' ? (jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value.title }), jsxRuntime.jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
|
|
21995
21995
|
? 'tc-neutral-600'
|
|
21996
21996
|
: 'tc-purple-600'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
|
|
21997
|
-
}) }), jsxRuntime.jsx("div", { className: styles$
|
|
21997
|
+
}) }), jsxRuntime.jsx("div", { className: styles$g['select-chip-background'], style: {
|
|
21998
21998
|
width: "".concat(selectedChipBackgroundWidthLeft.width, "px"),
|
|
21999
21999
|
height: "".concat(height - 16, "px"),
|
|
22000
22000
|
left: "".concat(selectedChipBackgroundWidthLeft.left, "px"),
|
|
@@ -22038,9 +22038,9 @@ var useEscapeKey = function (callback) {
|
|
|
22038
22038
|
}, [handleOnEscape]);
|
|
22039
22039
|
};
|
|
22040
22040
|
|
|
22041
|
-
var css_248z$
|
|
22042
|
-
var styles$
|
|
22043
|
-
styleInject(css_248z$
|
|
22041
|
+
var css_248z$f = ".style-module_bs-xs__2KEsk {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__3u9QM {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__2LfxW {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__2Qx0R {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__kaOuM {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_container__2064q {\n position: relative;\n}\n\n.style-module_selectTrigger__1GiSB {\n padding: 10px 12px;\n border: 1px solid #e7e7ed;\n}\n.style-module_selectTrigger__1GiSB:hover {\n border-color: #b8b8c0;\n}\n.style-module_selectTrigger__1GiSB:focus-visible {\n outline: 1px solid #26262e;\n outline-offset: 1px;\n}\n.style-module_selectTriggerOpen__29Kor {\n border-color: #26262e;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_disabled__2BlO- {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.style-module_chevronOpen__Ot3RV {\n transform: rotate(180deg);\n}\n\n.style-module_condensed__GDq0d {\n width: auto;\n padding: 8px 10px;\n gap: 8px;\n}\n\n.style-module_bordered__tRh9H {\n border: 1px solid #e7e7ed;\n}\n.style-module_bordered__tRh9H:hover {\n border-color: #b8b8c0;\n}\n\n.style-module_dropdown__1A-wl {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n min-width: 280px;\n border: 1px solid #e7e7ed;\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n z-index: 10;\n}\n\n.style-module_dropdownXRight__2LIci {\n left: auto;\n right: 0;\n}\n\n.style-module_dropdownYTop__Amnit {\n top: auto;\n bottom: calc(100% + 4px);\n}\n.style-module_dropdownYTop__Amnit .style-module_searchContainer__4O1qv {\n order: 2;\n padding-bottom: 0;\n padding-top: 8px;\n}\n.style-module_dropdownYTop__Amnit .style-module_optionList__-2I8l {\n order: 1;\n}\n\n.style-module_optionList__-2I8l {\n max-height: 308px;\n overflow-y: auto;\n scrollbar-width: none;\n}\n.style-module_optionList__-2I8l::-webkit-scrollbar {\n display: none;\n}\n\n.style-module_optionWrapper__3GVCB {\n position: relative;\n}\n\n.style-module_optionRadio__3GBog {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n.style-module_optionRadio__3GBog:focus-visible + label {\n outline: 2px solid #26262e;\n outline-offset: -2px;\n border-radius: 8px;\n}\n\n.style-module_option__1HkKR {\n padding: 10px 12px;\n border: none;\n background-color: transparent;\n}\n.style-module_option__1HkKR:hover {\n background-color: #f7f7fd;\n}\n.style-module_optionSelected__2pPt9 {\n background-color: #F6F6FE;\n}\n.style-module_optionSelected__2pPt9:hover {\n background-color: #F6F6FE;\n}\n\n.style-module_optionIcon__2hBSY {\n flex-shrink: 0;\n}\n\n.style-module_noResults__18exv {\n padding: 10px 12px;\n}";
|
|
22042
|
+
var styles$f = {"container":"style-module_container__2064q","selectTrigger":"style-module_selectTrigger__1GiSB","selectTriggerOpen":"style-module_selectTriggerOpen__29Kor","disabled":"style-module_disabled__2BlO-","chevronOpen":"style-module_chevronOpen__Ot3RV","condensed":"style-module_condensed__GDq0d","bordered":"style-module_bordered__tRh9H","dropdown":"style-module_dropdown__1A-wl","dropdownXRight":"style-module_dropdownXRight__2LIci","dropdownYTop":"style-module_dropdownYTop__Amnit","optionList":"style-module_optionList__-2I8l","optionWrapper":"style-module_optionWrapper__3GVCB","optionRadio":"style-module_optionRadio__3GBog","option":"style-module_option__1HkKR","optionSelected":"style-module_optionSelected__2pPt9","optionIcon":"style-module_optionIcon__2hBSY","noResults":"style-module_noResults__18exv"};
|
|
22043
|
+
styleInject(css_248z$f);
|
|
22044
22044
|
|
|
22045
22045
|
var SearchableDropdown = function (_a) {
|
|
22046
22046
|
var _b, _c, _d;
|
|
@@ -22151,17 +22151,17 @@ var SearchableDropdown = function (_a) {
|
|
|
22151
22151
|
closeAndRestoreFocus();
|
|
22152
22152
|
}
|
|
22153
22153
|
};
|
|
22154
|
-
return (jsxRuntime.jsxs("div", { className: classNames(styles$
|
|
22155
|
-
_b[styles$
|
|
22156
|
-
_b[styles$
|
|
22157
|
-
_b[styles$
|
|
22158
|
-
_b[styles$
|
|
22159
|
-
_b)), onClick: handleTriggerClick, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": isOpen ? dropdownId : undefined, children: [jsxRuntime.jsxs("span", { className: 'd-flex ai-center gap8', children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) && (jsxRuntime.jsx("span", { className: styles$
|
|
22154
|
+
return (jsxRuntime.jsxs("div", { className: classNames(styles$f.container, { 'd-inline-block': condensed }), ref: containerRef, children: [jsxRuntime.jsxs("button", { ref: triggerRef, type: "button", className: classNames('d-flex ai-center jc-between w100 br8 bg-white c-pointer ta-left tc-neutral-900', styles$f.selectTrigger, (_b = {},
|
|
22155
|
+
_b[styles$f.selectTriggerOpen] = isOpen,
|
|
22156
|
+
_b[styles$f.condensed] = condensed,
|
|
22157
|
+
_b[styles$f.bordered] = bordered,
|
|
22158
|
+
_b[styles$f.disabled] = disabled,
|
|
22159
|
+
_b)), onClick: handleTriggerClick, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": isOpen ? dropdownId : undefined, children: [jsxRuntime.jsxs("span", { className: 'd-flex ai-center gap8', children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) && (jsxRuntime.jsx("span", { className: styles$f.optionIcon, children: selectedOption.icon })), !condensed && (jsxRuntime.jsx("span", { className: "p-p", children: (_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _e !== void 0 ? _e : triggerPlaceholder }))] }), showChevron && (jsxRuntime.jsx(ChevronDownIcon, { className: classNames('ml8', (_c = {}, _c[styles$f.chevronOpen] = isOpen, _c)), size: 20, noMargin: true, color: "neutral-600" }))] }), isOpen && (jsxRuntime.jsxs("div", { id: dropdownId, ref: dropdownRef, className: classNames(styles$f.dropdown, 'bg-white br8 p8 d-flex fd-column', (_d = {}, _d[styles$f.dropdownYTop] = dropUp || alignY === 'top', _d[styles$f.dropdownXRight] = alignX === 'right', _d)), children: [searchable && (jsxRuntime.jsx("div", { className: "pb8 bg-white", children: jsxRuntime.jsx(Input, { ref: searchInputRef, type: "text", placeholder: placeholder, value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); }, label: placeholder, hideLabel: true, onKeyDown: handleSearchKeyDown }) })), jsxRuntime.jsxs("div", { className: styles$f.optionList, role: "radiogroup", "aria-label": groupName, children: [filteredOptions.map(function (option) {
|
|
22160
22160
|
var _a;
|
|
22161
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
22162
|
-
_a[styles$
|
|
22163
|
-
_a)), children: [option.icon && (jsxRuntime.jsx("span", { className: styles$
|
|
22164
|
-
}), filteredOptions.length === 0 && (jsxRuntime.jsx("p", { className: "p-p tc-neutral-500 ".concat(styles$
|
|
22161
|
+
return (jsxRuntime.jsxs("div", { className: styles$f.optionWrapper, children: [jsxRuntime.jsx("input", { type: "radio", id: "".concat(groupName, "-").concat(option.id), name: groupName, value: option.id, checked: option.id === localValue, onChange: function () { return setLocalValue(option.id); }, onClick: function () { return handleOptionClick(option.id); }, tabIndex: option.id === localValue ? 0 : -1, className: styles$f.optionRadio, ref: function (el) { return handleOptionRef(option.id, el); }, onKeyDown: function (e) { return handleOptionKeyDown(e, option.id); } }), jsxRuntime.jsxs("label", { htmlFor: "".concat(groupName, "-").concat(option.id), className: classNames('d-flex ai-center gap8 w100 br8 c-pointer ta-left tc-neutral-900', styles$f.option, (_a = {},
|
|
22162
|
+
_a[styles$f.optionSelected] = option.id === localValue,
|
|
22163
|
+
_a)), children: [option.icon && (jsxRuntime.jsx("span", { className: styles$f.optionIcon, children: option.icon })), jsxRuntime.jsx("span", { className: "p-p", children: option.label })] })] }, option.id));
|
|
22164
|
+
}), filteredOptions.length === 0 && (jsxRuntime.jsx("p", { className: "p-p tc-neutral-500 ".concat(styles$f.noResults), children: noResultsText }))] })] }))] }));
|
|
22165
22165
|
};
|
|
22166
22166
|
|
|
22167
22167
|
var Link = function (_a) {
|
|
@@ -22331,9 +22331,9 @@ var Spinner = function (_a) {
|
|
|
22331
22331
|
return (jsxRuntime.jsx("div", { "aria-live": 'polite', className: classNames('ds-spinner', "ds-spinner__".concat(size)), "data-testid": "ds-spinner" }));
|
|
22332
22332
|
};
|
|
22333
22333
|
|
|
22334
|
-
var css_248z$
|
|
22335
|
-
var styles$
|
|
22336
|
-
styleInject(css_248z$
|
|
22334
|
+
var css_248z$e = ".styles-module_container__F0d5Q {\n max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n position: relative;\n width: 40px;\n height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--ds-neutral-400);\n transition: all 0.3s ease-in-out;\n border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n position: absolute;\n content: \"\";\n height: 20px;\n width: 20px;\n left: 0;\n bottom: -4px;\n background: var(--ds-neutral-500);\n transition: 0.3s ease-in-out;\n transition-property: background-color, outline, transform;\n outline-color: var(--ds-neutral-500);\n border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n background: var(--ds-purple-400);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n background: var(--ds-purple-600);\n}\n.styles-module_input__2sUF3:checked:focus-visible ~ .styles-module_toggle__2sL88:before {\n outline: 3px solid var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n cursor: not-allowed;\n opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n outline: 3px solid var(--ds-neutral-600);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n transform: translateX(20px);\n}";
|
|
22335
|
+
var styles$e = {"container":"styles-module_container__F0d5Q","toggleContainer":"styles-module_toggleContainer__2yz_j","label":"styles-module_label__3EAX_","toggle":"styles-module_toggle__2sL88","input":"styles-module_input__2sUF3"};
|
|
22336
|
+
styleInject(css_248z$e);
|
|
22337
22337
|
|
|
22338
22338
|
var Toggle = function (_a) {
|
|
22339
22339
|
var options = _a.options, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, _c = _a.inlineLayout, inlineLayout = _c === void 0 ? false : _c, _d = _a.bordered, bordered = _d === void 0 ? true : _d, classNamesObj = _a.classNames, disabled = _a.disabled;
|
|
@@ -22362,22 +22362,22 @@ var Toggle = function (_a) {
|
|
|
22362
22362
|
onChange(newValues);
|
|
22363
22363
|
};
|
|
22364
22364
|
var entries = Object.entries(options);
|
|
22365
|
-
return (jsxRuntime.jsx("div", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
22365
|
+
return (jsxRuntime.jsx("div", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$e.container, 'd-flex gap8', {
|
|
22366
22366
|
'fd-row': inlineLayout,
|
|
22367
22367
|
'f-wrap': inlineLayout,
|
|
22368
22368
|
'fd-column': !inlineLayout,
|
|
22369
22369
|
}), children: entries.map(function (_a) {
|
|
22370
22370
|
var currentValue = _a[0], label = _a[1];
|
|
22371
22371
|
var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
|
|
22372
|
-
return (jsxRuntime.jsx("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: jsxRuntime.jsxs("label", { className: classNames(styles$
|
|
22372
|
+
return (jsxRuntime.jsx("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: jsxRuntime.jsxs("label", { className: classNames(styles$e.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
|
|
22373
22373
|
'p-label--bordered': bordered,
|
|
22374
|
-
}), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxRuntime.jsxs("span", { className: classNames(styles$
|
|
22374
|
+
}), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxRuntime.jsxs("span", { className: classNames(styles$e.toggleContainer, 'd-inline-block'), children: [jsxRuntime.jsx("input", { checked: checked, className: styles$e.input, "data-testid": "toggle-input-".concat(currentValue), onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }), jsxRuntime.jsx("span", { className: styles$e.toggle })] }), isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-neutral-700", children: label.description })] })) : label] }) }, currentValue));
|
|
22375
22375
|
}) }));
|
|
22376
22376
|
};
|
|
22377
22377
|
|
|
22378
|
-
var css_248z$
|
|
22379
|
-
var styles$
|
|
22380
|
-
styleInject(css_248z$
|
|
22378
|
+
var css_248z$d = ".style-module_toastWrapper__1SC4C {\n margin: 0;\n padding: 0;\n}\n\n.style-module_toast__NY8bo {\n position: relative;\n margin: 0;\n padding: 0;\n width: 392px;\n overflow: hidden;\n}\n\n.style-module_toastContent__3RHpU {\n padding: 4px 0 4px 8px;\n}\n\n.style-module_toastSidebar__NUxSa {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 8px;\n}\n.style-module_toastSidebar--information__2nKT_ {\n background-color: #8BB4EA;\n}\n.style-module_toastSidebar--error__15Vwo {\n background-color: #E55454;\n}\n.style-module_toastSidebar--warning__33N9y {\n background-color: #F0D26F;\n}\n.style-module_toastSidebar--success__27652 {\n background-color: #85DCB4;\n}\n\n.style-module_closeButton__3S_5n {\n background-color: transparent;\n color: #d2d2d9;\n min-width: 24px;\n}\n.style-module_closeButton__3S_5n:hover {\n color: #696971;\n}\n\n.style-module_actionButton__3ziRG {\n background-color: transparent;\n}\n.style-module_actionButton--warning__2I0LT {\n color: #C5A33E;\n}\n.style-module_actionButton--warning__2I0LT:hover {\n color: #483D18;\n}\n.style-module_actionButton--error__1kJIR {\n color: #E55454;\n}\n.style-module_actionButton--error__1kJIR:hover {\n color: #C64848;\n}\n.style-module_actionButton--success__y96NI {\n color: #599278;\n}\n.style-module_actionButton--success__y96NI:hover {\n color: #2B4639;\n}\n.style-module_actionButton--information__1oeAG {\n color: #5F7BA0;\n}\n.style-module_actionButton--information__1oeAG:hover {\n color: #2D394A;\n}";
|
|
22379
|
+
var styles$d = {"toastWrapper":"style-module_toastWrapper__1SC4C","toast":"style-module_toast__NY8bo","toastContent":"style-module_toastContent__3RHpU","toastSidebar":"style-module_toastSidebar__NUxSa","toastSidebar--information":"style-module_toastSidebar--information__2nKT_","toastSidebar--error":"style-module_toastSidebar--error__15Vwo","toastSidebar--warning":"style-module_toastSidebar--warning__33N9y","toastSidebar--success":"style-module_toastSidebar--success__27652","closeButton":"style-module_closeButton__3S_5n","actionButton":"style-module_actionButton__3ziRG","actionButton--warning":"style-module_actionButton--warning__2I0LT","actionButton--error":"style-module_actionButton--error__1kJIR","actionButton--success":"style-module_actionButton--success__y96NI","actionButton--information":"style-module_actionButton--information__1oeAG"};
|
|
22380
|
+
styleInject(css_248z$d);
|
|
22381
22381
|
|
|
22382
22382
|
let e={data:""},t=t=>"object"==typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,a=/\/\*[^]*?\*\/| +/g,n$1=/\n+/g,o=(e,t)=>{let r="",l="",a="";for(let n in e){let c=e[n];"@"==n[0]?"i"==n[1]?r=n+" "+c+";":l+="f"==n[1]?o(c,n):n+"{"+o(c,"k"==n[1]?"":t)+"}":"object"==typeof c?l+=o(c,t?t.replace(/([^,])+/g,e=>n.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):n):null!=c&&(n=/^--/.test(n)?n:n.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=o.p?o.p(n,c):n+":"+c+";");}return r+(t&&a?t+"{"+a+"}":a)+l},c={},s=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+s(e[r]);return t}return e},i=(e,t,r,i,p)=>{let u=s(e),d=c[u]||(c[u]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(u));if(!c[d]){let t=u!==e?e:(e=>{let t,r,o=[{}];for(;t=l.exec(e.replace(a,""));)t[4]?o.shift():t[3]?(r=t[3].replace(n$1," ").trim(),o.unshift(o[0][r]=o[0][r]||{})):o[0][t[1]]=t[2].replace(n$1," ").trim();return o[0]})(e);c[d]=o(p?{["@keyframes "+d]:t}:t,r?"":"."+d);}let f=r&&c.g?c.g:null;return r&&(c.g=c[d]),((e,t,r,l)=>{l?t.data=t.data.replace(l,e):-1===t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(c[d],t,i,f),d},p=(e,t,r)=>e.reduce((e,l,a)=>{let n=t[a];if(n&&n.call){let e=n(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;n=t?"."+t:e&&"object"==typeof e?e.props?"":o(e,""):false===e?"":e;}return e+l+(null==n?"":n)},"");function u$1(e){let r=this||{},l=e.call?e(r.p):e;return i(l.unshift?l.raw?p(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>Object.assign(e,t&&t.call?t(r.p):t),{}):l,t(r.target),r.g,r.o,r.k)}let d,f,g;u$1.bind({g:1});let h$1=u$1.bind({k:1});function m(e,t,r,l){o.p=t,d=e,f=r,g=l;}function j(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let c=Object.assign({},n),s=c.className||a.className;r.p=Object.assign({theme:f&&f()},c),r.o=/ *go\d+/.test(s),c.className=u$1.apply(r,l)+(s?" "+s:"");let i=e;return e[0]&&(i=c.as||e,delete c.as),g&&i[0]&&g(c),d(i,c)}return a}}
|
|
22383
22383
|
|
|
@@ -22562,24 +22562,24 @@ to {
|
|
|
22562
22562
|
var Toaster = function (_a) {
|
|
22563
22563
|
var toasterClassNames = _a.classNames;
|
|
22564
22564
|
return (jsxRuntime.jsx(Ie, { containerClassName: toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.wrapper, toastOptions: {
|
|
22565
|
-
className: classNames(styles$
|
|
22565
|
+
className: classNames(styles$d.toast, 'bs-lg', toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.toast),
|
|
22566
22566
|
} }));
|
|
22567
22567
|
};
|
|
22568
22568
|
var Toast = function (_a) {
|
|
22569
22569
|
var action = _a.action, description = _a.description, onDismiss = _a.onDismiss, title = _a.title, _b = _a.type, type = _b === void 0 ? "success" : _b;
|
|
22570
|
-
return (jsxRuntime.jsxs("div", { className: classNames(styles$
|
|
22570
|
+
return (jsxRuntime.jsxs("div", { className: classNames(styles$d.toastContent, 'd-flex jc-between w100'), children: [jsxRuntime.jsx("div", { className: classNames(styles$d.toastSidebar, styles$d["toastSidebar--".concat(type)]) }), jsxRuntime.jsxs("div", { className: 'd-flex fd-column jc-center ta-left mr8', children: [jsxRuntime.jsx("h4", { className: 'p-h4', children: title }), description && (jsxRuntime.jsx("p", { className: 'p-p p-p--small mt8 tc-neutral-700', children: description })), action && (jsxRuntime.jsx("button", { className: classNames(styles$d.actionButton, styles$d["actionButton--".concat(type)], 'mt8 c-pointer ta-left'), onClick: function () {
|
|
22571
22571
|
action.onClick();
|
|
22572
22572
|
onDismiss();
|
|
22573
|
-
}, type: "button", children: action.title }))] }), jsxRuntime.jsx("div", { className: 'd-flex ai-center', children: jsxRuntime.jsx("button", { className: classNames(styles$
|
|
22573
|
+
}, type: "button", children: action.title }))] }), jsxRuntime.jsx("div", { className: 'd-flex ai-center', children: jsxRuntime.jsx("button", { className: classNames(styles$d.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button", children: jsxRuntime.jsx(XIcon, { size: 24 }) }) })] }));
|
|
22574
22574
|
};
|
|
22575
22575
|
var toast = function (title, _a) {
|
|
22576
22576
|
var _b = _a.duration, duration = _b === void 0 ? 3000 : _b, toastOptions = __rest$1(_a, ["duration"]);
|
|
22577
22577
|
return (n(function (t) { return (jsxRuntime.jsx(Toast, __assign({ title: title, onDismiss: function () { return n.dismiss(t.id); } }, toastOptions))); }, { duration: duration }));
|
|
22578
22578
|
};
|
|
22579
22579
|
|
|
22580
|
-
var css_248z$
|
|
22581
|
-
var styles$
|
|
22582
|
-
styleInject(css_248z$
|
|
22580
|
+
var css_248z$c = ".style-module_wrapperBordered__1BsXF {\n border: 1px solid #e7e7ed;\n}\n\n.style-module_container__37ni0 {\n border-bottom: 1px solid #e7e7ed;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n color: #26262e;\n}\n.style-module_question__2bC30:hover {\n color: #8883D8;\n}\n\n.style-module_chevron__2nixo {\n color: #3f3f47;\n transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n background-color: transparent !important;\n color: #26262e;\n outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0 {\n color: #26262e !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo {\n color: #26262e;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n outline: 0 solid transparent !important;\n}";
|
|
22581
|
+
var styles$c = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","icon":"style-module_icon__jyQp0"};
|
|
22582
|
+
styleInject(css_248z$c);
|
|
22583
22583
|
|
|
22584
22584
|
var Accordion = function (_a) {
|
|
22585
22585
|
var _b;
|
|
@@ -22607,39 +22607,39 @@ var Accordion = function (_a) {
|
|
|
22607
22607
|
return (jsxRuntime.jsx("div", { className: classNames((_b = {
|
|
22608
22608
|
'br8': !isDefaultVariant
|
|
22609
22609
|
},
|
|
22610
|
-
_b[styles$
|
|
22610
|
+
_b[styles$c.wrapperBordered] = !isDefaultVariant,
|
|
22611
22611
|
_b)), children: items.map(function (questionData) {
|
|
22612
22612
|
var _a, _b, _c, _d, _e;
|
|
22613
22613
|
var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
|
|
22614
22614
|
var isOpen = selectedQuestionId.includes(id);
|
|
22615
|
-
return (jsxRuntime.jsxs("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.questionWrapper, styles$
|
|
22616
|
-
_b[styles$
|
|
22617
|
-
_b)), wrapper: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.question, styles$
|
|
22618
|
-
_d[styles$
|
|
22615
|
+
return (jsxRuntime.jsxs("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.questionWrapper, styles$c.container, (_a = {}, _a[styles$c.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'xsmall', variant: 'transparent', icon: icon, classNames: __assign({ icon: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon, styles$c.icon, 'tc-neutral-800'), buttonWrapper: classNames('py8 my8', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.buttonWrapper, styles$c.buttonWrapper, (_b = {},
|
|
22616
|
+
_b[styles$c.buttonWrapperDefault] = isDefaultVariant,
|
|
22617
|
+
_b)), wrapper: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.question, styles$c.question, (_c = {}, _c[styles$c.questionOpen] = isOpen, _c)) }, classNames$1), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsxRuntime.jsx(ChevronDownIcon, { className: classNames(styles$c.chevron, (_d = {},
|
|
22618
|
+
_d[styles$c.chevronOpen] = isOpen,
|
|
22619
22619
|
_d)), size: 20, noMargin: true }) }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsxRuntime.jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.answer, 'tc-neutral-700 pr16 pb24', (_e = {
|
|
22620
22620
|
'pl16': !isDefaultVariant
|
|
22621
22621
|
},
|
|
22622
|
-
_e[styles$
|
|
22623
|
-
_e[styles$
|
|
22622
|
+
_e[styles$c === null || styles$c === void 0 ? void 0 : styles$c.answerIcon] = !isDefaultVariant && icon,
|
|
22623
|
+
_e[styles$c === null || styles$c === void 0 ? void 0 : styles$c.answerIconDefault] = isDefaultVariant && icon,
|
|
22624
22624
|
_e)), children: renderAnswer ? renderAnswer(answer) : answer }) })] }, id));
|
|
22625
22625
|
}) }));
|
|
22626
22626
|
};
|
|
22627
22627
|
|
|
22628
|
-
var css_248z$
|
|
22629
|
-
var styles$
|
|
22628
|
+
var css_248z$b = ".TableCell-module_th__2rjCU {\n vertical-align: middle;\n scroll-snap-align: end;\n width: 50%;\n padding: 28px 24px;\n}\n@media (min-width: 34rem) {\n .TableCell-module_th__2rjCU {\n width: auto;\n scroll-snap-align: unset;\n }\n}\n.TableCell-module_thNavigation__qZ2sY {\n width: 100%;\n}\n@media (min-width: 34rem) {\n .TableCell-module_thNavigation__qZ2sY {\n width: auto;\n }\n}\n\n.TableCell-module_navigationTitle__2FiRB {\n padding-left: 0;\n}\n\n.TableCell-module_headerCell__aVTIn {\n vertical-align: top;\n}\n\n.TableCell-module_fixedCell__cL3-m {\n position: sticky;\n left: 0;\n z-index: 2;\n padding-left: 0;\n}\n\n.TableCell-module_selectedColumnTop__1GcJz {\n border-radius: 16px 16px 0 0;\n}\n\n.TableCell-module_selectedColumnBottom__qiMke {\n border-radius: 0 0 16px 16px;\n}\n\n.TableCell-module_fixedCard__2LO8s {\n position: sticky;\n left: 0;\n right: 0;\n z-index: 2;\n width: 100%;\n}";
|
|
22629
|
+
var styles$b = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","navigationTitle":"TableCell-module_navigationTitle__2FiRB","headerCell":"TableCell-module_headerCell__aVTIn","fixedCell":"TableCell-module_fixedCell__cL3-m","selectedColumnTop":"TableCell-module_selectedColumnTop__1GcJz","selectedColumnBottom":"TableCell-module_selectedColumnBottom__qiMke","fixedCard":"TableCell-module_fixedCard__2LO8s"};
|
|
22630
|
+
styleInject(css_248z$b);
|
|
22631
|
+
|
|
22632
|
+
var css_248z$a = "@media (max-width: 34rem) {\n .BaseCell-module_maxWidth__14Cly {\n max-width: calc(100% - 64px);\n }\n}\n\n.BaseCell-module_icon__1775U {\n margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n word-break: break-word;\n}";
|
|
22633
|
+
var styles$a = {"maxWidth":"BaseCell-module_maxWidth__14Cly","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe"};
|
|
22630
22634
|
styleInject(css_248z$a);
|
|
22631
22635
|
|
|
22632
|
-
var css_248z$9 = "
|
|
22633
|
-
var styles$9 = {"
|
|
22636
|
+
var css_248z$9 = ".MiniProgressBar-module_progressBar__2K07F {\n margin-top: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n fill: #f2f2f8;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n fill: #696971;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n fill: #26262e;\n}";
|
|
22637
|
+
var styles$9 = {"progressBar":"MiniProgressBar-module_progressBar__2K07F","filledBars1":"MiniProgressBar-module_filledBars1__ZhQbV","filledBars2":"MiniProgressBar-module_filledBars2__2lH_z","filledBars3":"MiniProgressBar-module_filledBars3__1OKUj","filledBars4":"MiniProgressBar-module_filledBars4__T9kuj","filledBars5":"MiniProgressBar-module_filledBars5__WxVpb"};
|
|
22634
22638
|
styleInject(css_248z$9);
|
|
22635
22639
|
|
|
22636
|
-
var css_248z$8 = ".MiniProgressBar-module_progressBar__2K07F {\n margin-top: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n fill: #f2f2f8;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n fill: #696971;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n fill: #26262e;\n}";
|
|
22637
|
-
var styles$8 = {"progressBar":"MiniProgressBar-module_progressBar__2K07F","filledBars1":"MiniProgressBar-module_filledBars1__ZhQbV","filledBars2":"MiniProgressBar-module_filledBars2__2lH_z","filledBars3":"MiniProgressBar-module_filledBars3__1OKUj","filledBars4":"MiniProgressBar-module_filledBars4__T9kuj","filledBars5":"MiniProgressBar-module_filledBars5__WxVpb"};
|
|
22638
|
-
styleInject(css_248z$8);
|
|
22639
|
-
|
|
22640
22640
|
var MiniProgressBar = function (_a) {
|
|
22641
22641
|
var nFilledBars = _a.nFilledBars;
|
|
22642
|
-
return (jsxRuntime.jsxs("svg", { className: classNames(styles$
|
|
22642
|
+
return (jsxRuntime.jsxs("svg", { className: classNames(styles$9.progressBar, styles$9["filledBars".concat(nFilledBars)]), width: "40", height: "6", viewBox: "0 0 40 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_37507_20658)", children: [jsxRuntime.jsx("rect", { id: "r1", x: "0.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r2", x: "8.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r3", x: "16.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r4", x: "24.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r5", x: "32.5", y: "0.5", width: "7", height: "5", rx: "1" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_37507_20658", children: jsxRuntime.jsx("rect", { width: "39", height: "5", fill: "white", transform: "translate(0.5 0.5)" }) }) })] }));
|
|
22643
22643
|
};
|
|
22644
22644
|
|
|
22645
22645
|
var progressLookup = {
|
|
@@ -22670,18 +22670,18 @@ var BaseCell = function (_a) {
|
|
|
22670
22670
|
return (jsxRuntime.jsx("div", { className: classNames(className, 'd-flex gap8 ai-center', {
|
|
22671
22671
|
'jc-center': align === 'center',
|
|
22672
22672
|
}), children: jsxRuntime.jsxs("div", { className: classNames('d-flex fd-column', alignClassName, (_b = {},
|
|
22673
|
-
_b[styles$
|
|
22674
|
-
_b)), children: [jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [(rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'neutral-900' : 'neutral-400', className: styles$
|
|
22673
|
+
_b[styles$a.maxWidth] = modalContent && align === 'center',
|
|
22674
|
+
_b)), children: [jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [(rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'neutral-900' : 'neutral-400', className: styles$a.icon, size: (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? 16 : 14 }, value)); }) })), checkmarkValue !== undefined && (jsxRuntime.jsx("span", { className: 'd-inline-block mx8', title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckThickIcon, { noMargin: true, "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "neutral-900" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "neutral-500" })) })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: classNames("p-p d-inline", { 'ml8': align !== 'left' }), "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h2 tc-neutral-900", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'TITLE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: "tc-grey-800 p-h2 p--serif", children: text })), modalContent && openModal && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
|
|
22675
22675
|
return openModal({
|
|
22676
22676
|
title: modalTitle,
|
|
22677
22677
|
body: modalContent,
|
|
22678
22678
|
});
|
|
22679
|
-
} }) }))] })] }), progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), description && (jsxRuntime.jsx("div", { className: classNames(styles$
|
|
22679
|
+
} }) }))] })] }), progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), description && (jsxRuntime.jsx("div", { className: classNames(styles$a.description, 'd-flex p-p--small tc-neutral-600', alignClassName), children: description }))] }) }));
|
|
22680
22680
|
};
|
|
22681
22681
|
|
|
22682
|
-
var css_248z$
|
|
22683
|
-
var styles$
|
|
22684
|
-
styleInject(css_248z$
|
|
22682
|
+
var css_248z$8 = ".CTACell-module_button__38ozg {\n max-width: 176px;\n}\n\n.CTACell-module_narrow__1EPPT {\n height: 40px;\n padding: 8px !important;\n}";
|
|
22683
|
+
var styles$8 = {"button":"CTACell-module_button__38ozg","narrow":"CTACell-module_narrow__1EPPT"};
|
|
22684
|
+
styleInject(css_248z$8);
|
|
22685
22685
|
|
|
22686
22686
|
var IconRenderer = function (_a) {
|
|
22687
22687
|
var icon = _a.icon, imageComponent = _a.imageComponent, _b = _a.width, width = _b === void 0 ? 24 : _b;
|
|
@@ -22702,11 +22702,11 @@ var CTACell = function (_a) {
|
|
|
22702
22702
|
href: href,
|
|
22703
22703
|
target: '_blank',
|
|
22704
22704
|
rel: 'noopener noreferrer',
|
|
22705
|
-
}, { className: classNames('mt16 w100', styles$
|
|
22705
|
+
}, { className: classNames('mt16 w100', styles$8.button, (_b = {
|
|
22706
22706
|
'p-btn--primary': !grey,
|
|
22707
22707
|
'p-btn--secondary-grey': grey
|
|
22708
22708
|
},
|
|
22709
|
-
_b[styles$
|
|
22709
|
+
_b[styles$8.narrow] = narrow,
|
|
22710
22710
|
_b)), children: buttonCaption }))] }));
|
|
22711
22711
|
};
|
|
22712
22712
|
|
|
@@ -22716,18 +22716,17 @@ var CardCell = function (_a) {
|
|
|
22716
22716
|
return (jsxRuntime.jsx("div", { className: "ta-left", children: jsxRuntime.jsx(Card, __assign({ title: title, description: description, density: "medium", icon: renderedIcon, onClick: onClick }, (href && { href: href, as: 'a' }), { actionIcon: null, showActionIcon: false })) }));
|
|
22717
22717
|
};
|
|
22718
22718
|
|
|
22719
|
-
var css_248z$
|
|
22720
|
-
var styles$
|
|
22721
|
-
styleInject(css_248z$
|
|
22719
|
+
var css_248z$7 = ".ButtonCell-module_buttonCell__x4NNi {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: calc(100% + 48px);\n margin-left: -24px;\n margin-right: -24px;\n padding: 16px 24px;\n border-radius: 8px;\n border: 1px solid transparent;\n background-color: transparent;\n color: #26262e;\n cursor: pointer;\n transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;\n text-align: left;\n}\n.ButtonCell-module_buttonCell__x4NNi:hover:not(:disabled):not(.ButtonCell-module_selected__22pF_) {\n background-color: #FAF8F5;\n}\n.ButtonCell-module_buttonCell__x4NNi:focus-visible {\n outline: 1px solid #26262e;\n outline-offset: 0;\n}\n@media (max-width: 34rem) {\n .ButtonCell-module_buttonCell__x4NNi {\n pointer-events: none;\n }\n}\n\n.ButtonCell-module_selected__22pF_ {\n border: 1px solid #26262e;\n background-color: #FAF8F5;\n}\n\n.ButtonCell-module_disabled__1TmtK {\n background-color: #f7f7fd;\n cursor: default;\n opacity: 1;\n pointer-events: none;\n}";
|
|
22720
|
+
var styles$7 = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","selected":"ButtonCell-module_selected__22pF_","disabled":"ButtonCell-module_disabled__1TmtK"};
|
|
22721
|
+
styleInject(css_248z$7);
|
|
22722
22722
|
|
|
22723
22723
|
var ButtonCell = function (_a) {
|
|
22724
22724
|
var _b;
|
|
22725
22725
|
var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId;
|
|
22726
|
-
return (jsxRuntime.jsx("div", { className: classNames("w100 d-flex fd-column ai-start jc-center gap8", className), "data-cy": dataCy, "data-testid": dataTestId, children: jsxRuntime.jsxs(
|
|
22727
|
-
_b[styles$
|
|
22728
|
-
_b[styles$
|
|
22729
|
-
_b[
|
|
22730
|
-
_b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsxRuntime.jsx("span", { className: "p-p", children: price })] }) }));
|
|
22726
|
+
return (jsxRuntime.jsx("div", { className: classNames("w100 d-flex fd-column ai-start jc-center gap8", className), "data-cy": dataCy, "data-testid": dataTestId, children: jsxRuntime.jsxs("button", { className: classNames('w100 wmx5', styles$7.buttonCell, (_b = {},
|
|
22727
|
+
_b[styles$7.selected] = isSelected,
|
|
22728
|
+
_b[styles$7.disabled] = disabled,
|
|
22729
|
+
_b)), type: "button", onClick: onClick, disabled: disabled, children: [jsxRuntime.jsxs("div", { className: "d-flex fd-column ai-start", children: [jsxRuntime.jsx("span", { className: "p-p fw-bold", children: buttonCaption }), price && jsxRuntime.jsx("span", { className: "p-p", children: price })] }), !disabled && (isSelected ? (jsxRuntime.jsx(CircleSelectedIcon, { size: 16 })) : (jsxRuntime.jsx(CircleUnselectedIcon, { size: 16 })))] }) }));
|
|
22731
22730
|
};
|
|
22732
22731
|
|
|
22733
22732
|
var TableCell = React.memo(function (_a) {
|
|
@@ -22745,28 +22744,28 @@ var TableCell = React.memo(function (_a) {
|
|
|
22745
22744
|
var scope = {
|
|
22746
22745
|
scope: thScope,
|
|
22747
22746
|
};
|
|
22748
|
-
return (jsxRuntime.jsxs(Tag, __assign({}, scope, { className: classNames(isSelectedColumn ? 'bg-orange-50' : 'bg-white', styles$
|
|
22747
|
+
return (jsxRuntime.jsxs(Tag, __assign({}, scope, { className: classNames(isSelectedColumn ? 'bg-orange-50' : 'bg-white', styles$b.th, (_b = {
|
|
22749
22748
|
'ta-left': isFirstCellInRow
|
|
22750
22749
|
},
|
|
22751
|
-
_b[styles$
|
|
22752
|
-
_b[styles$
|
|
22753
|
-
_b[styles$
|
|
22754
|
-
_b[styles$
|
|
22755
|
-
_b[styles$
|
|
22756
|
-
_b[styles$
|
|
22757
|
-
_b[styles$
|
|
22750
|
+
_b[styles$b.headerCell] = isHeader,
|
|
22751
|
+
_b[styles$b.thNavigation] = isNavigation,
|
|
22752
|
+
_b[styles$b.navigationTitle] = isNavigation && isTopLeftCell,
|
|
22753
|
+
_b[styles$b.fixedCell] = isFirstCellInRow && colSpan < 1,
|
|
22754
|
+
_b[styles$b.fixedCard] = cellProps.type === 'CARD',
|
|
22755
|
+
_b[styles$b.selectedColumnTop] = selectedColumnPosition === 'top',
|
|
22756
|
+
_b[styles$b.selectedColumnBottom] = selectedColumnPosition === 'bottom',
|
|
22758
22757
|
_b)), colSpan: isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan, children: [!cellProps.type && (jsxRuntime.jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
|
|
22759
22758
|
? 'TITLE'
|
|
22760
22759
|
: (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && (jsxRuntime.jsx(CTACell, __assign({}, cellProps, { centered: isNavigation }))), cellProps.type === 'BUTTON' && jsxRuntime.jsx(ButtonCell, __assign({}, cellProps)), cellProps.type === 'CARD' && jsxRuntime.jsx(CardCell, __assign({}, cellProps))] })));
|
|
22761
22760
|
});
|
|
22762
22761
|
|
|
22763
|
-
var css_248z$
|
|
22764
|
-
var styles$
|
|
22765
|
-
styleInject(css_248z$
|
|
22762
|
+
var css_248z$6 = ".Table-module_wrapper__2MMNq {\n position: relative;\n border: 1px solid #f2f2f8;\n border-radius: 12px;\n padding: 24px;\n}\n\n.Table-module_container__3VFLP {\n overflow-x: auto;\n overflow-y: hidden;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n}\n.Table-module_container__3VFLP::-webkit-scrollbar {\n display: none;\n}\n@media (min-width: 34rem) {\n .Table-module_container__3VFLP {\n scroll-snap-type: unset;\n }\n}\n\n.Table-module_cardButton__3aMuL div {\n background-color: #FAF8F5;\n}\n.Table-module_cardButton__3aMuL:hover div {\n border-color: transparent !important;\n outline-color: transparent !important;\n box-shadow: none !important;\n background-color: #FCF7EF !important;\n}\n.Table-module_cardButton__3aMuL:focus-visible div {\n background-color: #FCF7EF !important;\n}\n\n.Table-module_stickyHeader__2uEpP {\n display: flex;\n position: sticky;\n z-index: 9;\n}\n\n@media (max-width: 34rem) {\n .Table-module_modalContent__1PNgv {\n min-width: initial;\n }\n}";
|
|
22763
|
+
var styles$6 = {"wrapper":"Table-module_wrapper__2MMNq","container":"Table-module_container__3VFLP","cardButton":"Table-module_cardButton__3aMuL","stickyHeader":"Table-module_stickyHeader__2uEpP","modalContent":"Table-module_modalContent__1PNgv"};
|
|
22764
|
+
styleInject(css_248z$6);
|
|
22766
22765
|
|
|
22767
|
-
var css_248z$
|
|
22768
|
-
var styles$
|
|
22769
|
-
styleInject(css_248z$
|
|
22766
|
+
var css_248z$5 = ".TableSection-module_table__sNbDq {\n border-collapse: collapse;\n table-layout: fixed;\n}\n\n@media (min-width: 34rem) {\n .TableSection-module_tableMultiplePlans__gaWQS {\n min-width: 845px;\n }\n}\n\n.TableSection-module_tr__UbkbE {\n min-height: 72px;\n border-bottom: 1px solid #e7e7ed;\n}\n.TableSection-module_tr__UbkbE:last-child {\n border-bottom: none;\n}";
|
|
22767
|
+
var styles$5 = {"table":"TableSection-module_table__sNbDq","tableMultiplePlans":"TableSection-module_tableMultiplePlans__gaWQS","tr":"TableSection-module_tr__UbkbE"};
|
|
22768
|
+
styleInject(css_248z$5);
|
|
22770
22769
|
|
|
22771
22770
|
var isBaseCell = function (tableCellData) {
|
|
22772
22771
|
return !tableCellData.type;
|
|
@@ -22807,8 +22806,8 @@ var TableSection = function (_a) {
|
|
|
22807
22806
|
var isVisibleColumn = React.useCallback(function (cellIndex) { return !hideColumns.includes(cellIndex); }, [hideColumns]);
|
|
22808
22807
|
var isVisibleRow = React.useCallback(function (rowIndex) { return !hideRows.includes(rowIndex); }, [hideRows]);
|
|
22809
22808
|
var visibleColumnsLength = (_c = headerRow === null || headerRow === void 0 ? void 0 : headerRow.filter(function (_, cellIndex) { return isVisibleColumn(cellIndex); }).length) !== null && _c !== void 0 ? _c : 0;
|
|
22810
|
-
return (jsxRuntime.jsxs("table", { className: classNames(className, 'w100', styles$
|
|
22811
|
-
_b[styles$
|
|
22809
|
+
return (jsxRuntime.jsxs("table", { className: classNames(className, 'w100', styles$5.table, (_b = {},
|
|
22810
|
+
_b[styles$5.tableMultiplePlans] = visibleColumnsLength > 2,
|
|
22812
22811
|
_b)), width: width, children: [jsxRuntime.jsx("caption", { className: "sr-only", children: title }), headerRow && (jsxRuntime.jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsxRuntime.jsx("tr", { children: headerRow.map(function (tableCellData, cellIndex) {
|
|
22813
22812
|
var isFirstCellInRow = cellIndex === 0;
|
|
22814
22813
|
var cellReplacementData = (tableCellData.cellId &&
|
|
@@ -22822,7 +22821,7 @@ var TableSection = function (_a) {
|
|
|
22822
22821
|
});
|
|
22823
22822
|
return (isVisibleColumn(cellIndex) && (jsxRuntime.jsx(TableCell, __assign({ isBelowDesktop: isBelowDesktop, isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow, isSelectedColumn: selectedColumn === cellIndex, selectedColumnPosition: selectedColumn === cellIndex ? 'top' : undefined }, cellProps, { imageComponent: imageComponent }), cellIndex)));
|
|
22824
22823
|
}) }) })), jsxRuntime.jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
|
|
22825
|
-
return rowIndex > 0 && isVisibleRow(rowIndex) && (jsxRuntime.jsx("tr", { className: styles$
|
|
22824
|
+
return rowIndex > 0 && isVisibleRow(rowIndex) && (jsxRuntime.jsx("tr", { className: styles$5.tr, children: row.map(function (tableCellData, cellIndex) {
|
|
22826
22825
|
var key = "".concat(rowIndex, "-").concat(cellIndex);
|
|
22827
22826
|
var isFirstCellInRow = cellIndex === 0;
|
|
22828
22827
|
var titleFromRow = getModalTitleFromRowHeader(row);
|
|
@@ -22849,13 +22848,13 @@ var TableSection = function (_a) {
|
|
|
22849
22848
|
}) })] }));
|
|
22850
22849
|
};
|
|
22851
22850
|
|
|
22852
|
-
var css_248z$
|
|
22853
|
-
var styles$
|
|
22854
|
-
styleInject(css_248z$
|
|
22851
|
+
var css_248z$4 = ".TableContents-module_sectionButtonWrapper__12yA7 {\n height: 74px;\n}\n\n.TableContents-module_sectionButton__1pY12 {\n position: absolute;\n left: 24px;\n right: 24px;\n z-index: 3;\n height: 74px;\n border: none;\n border-bottom: 1px solid #e7e7ed;\n color: #26262e;\n padding: 0;\n}\n.TableContents-module_sectionButton__1pY12[aria-expanded=true] {\n border-bottom-color: transparent;\n}\n\nbutton.TableContents-module_sectionButton__1pY12 {\n cursor: pointer;\n}\nbutton.TableContents-module_sectionButton__1pY12:hover {\n color: #696971;\n}\nbutton.TableContents-module_sectionButton__1pY12:hover .p-h3 {\n color: #696971;\n}\n\ndiv:last-child > .TableContents-module_sectionButtonWrapper__12yA7 > .TableContents-module_sectionButton__1pY12 {\n border-bottom: none;\n}";
|
|
22852
|
+
var styles$4 = {"sectionButtonWrapper":"TableContents-module_sectionButtonWrapper__12yA7","sectionButton":"TableContents-module_sectionButton__1pY12"};
|
|
22853
|
+
styleInject(css_248z$4);
|
|
22855
22854
|
|
|
22856
|
-
var css_248z$
|
|
22857
|
-
var styles$
|
|
22858
|
-
styleInject(css_248z$
|
|
22855
|
+
var css_248z$3 = ".Collapsible-module_collapsible__2wWKs {\n display: flow-root;\n transition: max-height 0.3s ease-in-out;\n overflow-y: clip;\n}";
|
|
22856
|
+
var styles$3 = {"collapsible":"Collapsible-module_collapsible__2wWKs"};
|
|
22857
|
+
styleInject(css_248z$3);
|
|
22859
22858
|
|
|
22860
22859
|
var Collapsible = function (_a) {
|
|
22861
22860
|
var _b;
|
|
@@ -22885,8 +22884,8 @@ var Collapsible = function (_a) {
|
|
|
22885
22884
|
(_b = observerRef.current) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
22886
22885
|
};
|
|
22887
22886
|
}, [containerRef.current]);
|
|
22888
|
-
return (jsxRuntime.jsx("div", { className: classNames(styles$
|
|
22889
|
-
_b[styles$
|
|
22887
|
+
return (jsxRuntime.jsx("div", { className: classNames(styles$3.collapsible, (_b = {},
|
|
22888
|
+
_b[styles$3.hideDelayed] = !isExpanded,
|
|
22890
22889
|
_b)), ref: containerRef, style: {
|
|
22891
22890
|
maxHeight: isExpanded ? height : '0px',
|
|
22892
22891
|
}, onTransitionEnd: isExpanded ? onTransitionEnd : undefined, children: children }));
|
|
@@ -22894,8 +22893,8 @@ var Collapsible = function (_a) {
|
|
|
22894
22893
|
|
|
22895
22894
|
var TableContents = function (_a) {
|
|
22896
22895
|
var _b, _c;
|
|
22897
|
-
var className = _a.className, collapsibleSections = _a.collapsibleSections, scrollOnOpen = _a.scrollOnOpen, _d = _a.scrollTopOffset, scrollTopOffset = _d === void 0 ? 0 : _d, stickyHeaderRef = _a.stickyHeaderRef, tableData = _a.tableData, _e = _a.hideColumns, hideColumns = _e === void 0 ? [] : _e, hideDetails = _a.hideDetails, _f = _a.hideRows, hideRows = _f === void 0 ? [] : _f, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent, selectedColumn = _a.selectedColumn;
|
|
22898
|
-
var
|
|
22896
|
+
var className = _a.className, collapsibleSections = _a.collapsibleSections, scrollOnOpen = _a.scrollOnOpen, _d = _a.scrollTopOffset, scrollTopOffset = _d === void 0 ? 0 : _d, stickyHeaderRef = _a.stickyHeaderRef, tableData = _a.tableData, _e = _a.hideColumns, hideColumns = _e === void 0 ? [] : _e, hideDetails = _a.hideDetails, _f = _a.hideRows, hideRows = _f === void 0 ? [] : _f, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent, selectedColumn = _a.selectedColumn, _g = _a.showHeader, showHeader = _g === void 0 ? false : _g;
|
|
22897
|
+
var _h = React.useState(null), isSectionOpen = _h[0], setOpenSection = _h[1];
|
|
22899
22898
|
var lastToggledSection = React.useRef(null);
|
|
22900
22899
|
var sectionRefs = React.useRef({});
|
|
22901
22900
|
var firstHeadRow = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0];
|
|
@@ -22931,9 +22930,9 @@ var TableContents = function (_a) {
|
|
|
22931
22930
|
var sectionHideRows = hideRows
|
|
22932
22931
|
.map(function (globalRowIndex) { return globalRowIndex - globalRowOffset; })
|
|
22933
22932
|
.filter(function (localRowIndex) { return localRowIndex >= 0 && localRowIndex < rows.length; });
|
|
22934
|
-
var result = (isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { ref: function (el) { sectionRefs.current[index] = el; }, children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$
|
|
22933
|
+
var result = (isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { ref: function (el) { sectionRefs.current[index] = el; }, children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$4.sectionButtonWrapper, children: collapsibleSections ? (jsxRuntime.jsxs("button", { type: "button", "aria-expanded": isExpanded, className: classNames('d-flex ai-center jc-between ta-left bg-white', styles$4.sectionButton), onClick: function () { return handleToggleSection(index); }, children: [jsxRuntime.jsxs("span", { className: "d-flex ai-center gap8", children: [renderedIcon, jsxRuntime.jsx("span", { className: "p-h3", children: section.title })] }), isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 20 }))] })) : (jsxRuntime.jsx("div", { className: classNames('d-flex ai-center jc-between ta-left bg-white', styles$4.sectionButton), children: jsxRuntime.jsxs("span", { className: "d-flex ai-center gap8", children: [renderedIcon, jsxRuntime.jsx("span", { className: "p-h3", children: section.title })] }) })) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, onTransitionEnd: function () { return handleScrollToSection(index); }, children: jsxRuntime.jsx(TableSection, { className: classNames(className, 'mb16', {
|
|
22935
22934
|
mt16: !!(section === null || section === void 0 ? void 0 : section.title),
|
|
22936
|
-
}), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader:
|
|
22935
|
+
}), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader: !showHeader, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent, selectedColumn: selectedColumn }) })] }, index));
|
|
22937
22936
|
// Update global offset for next section (excluding header row for non-first sections)
|
|
22938
22937
|
globalRowOffset += rows.length;
|
|
22939
22938
|
return result;
|
|
@@ -22990,14 +22989,14 @@ var useTableNavigation = function (_a) {
|
|
|
22990
22989
|
};
|
|
22991
22990
|
};
|
|
22992
22991
|
|
|
22993
|
-
var css_248z$
|
|
22994
|
-
var styles$
|
|
22995
|
-
styleInject(css_248z$
|
|
22992
|
+
var css_248z$2 = ".TableControls-module_stickyHeader__1f6Ta {\n display: flex;\n position: sticky;\n left: 0;\n right: 0;\n min-height: 72px;\n z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n width: 32px;\n height: 100%;\n padding: 0;\n min-width: 32px;\n}\n.TableControls-module_controlButtonHidden__1YsHA {\n visibility: hidden;\n pointer-events: none;\n}";
|
|
22993
|
+
var styles$2 = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG","controlButtonHidden":"TableControls-module_controlButtonHidden__1YsHA"};
|
|
22994
|
+
styleInject(css_248z$2);
|
|
22996
22995
|
|
|
22997
22996
|
var TableControls = function (_a) {
|
|
22998
22997
|
var _b, _c;
|
|
22999
22998
|
var activeSection = _a.activeSection, children = _a.children, columnsLength = _a.columnsLength, stickyHeaderTopOffset = _a.stickyHeaderTopOffset, navigateTable = _a.navigateTable;
|
|
23000
|
-
return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: classNames('d-flex ai-stretch jc-between bg-white', styles$
|
|
22999
|
+
return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: classNames('d-flex ai-stretch jc-between bg-white', styles$2.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames((_b = {}, _b[styles$2.controlButtonHidden] = activeSection <= 1, _b), 'br8', styles$2.controlButton), disabled: activeSection <= 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", style: { height: '100%' }, children: "Previous section" }) }), children, jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames((_c = {}, _c[styles$2.controlButtonHidden] = activeSection >= columnsLength - 1, _c), 'br8', styles$2.controlButton), disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" }) })] }));
|
|
23001
23000
|
};
|
|
23002
23001
|
|
|
23003
23002
|
var useScrollSync = function (sourceRef, targetRef, enabled) {
|
|
@@ -23028,29 +23027,75 @@ var useScrollSync = function (sourceRef, targetRef, enabled) {
|
|
|
23028
23027
|
}, [enabled, sourceRef, targetRef]);
|
|
23029
23028
|
};
|
|
23030
23029
|
|
|
23030
|
+
var css_248z$1 = ".Tabs-module_fw-normal__11b64 {\n font-weight: 400 !important;\n}\n\n.Tabs-module_fw-bold__2B416 {\n font-weight: 600 !important;\n}\n\n.Tabs-module_tabs__1Orza {\n display: flex;\n column-gap: 24px;\n}\n\n.Tabs-module_tab__3b1j3 {\n border: none;\n border-bottom: 2px solid transparent;\n font-weight: 600;\n padding: 0 0 4px;\n color: #b8b8c0;\n}\n.Tabs-module_tab__3b1j3:hover, .Tabs-module_tabActive__ZvZyX {\n color: #26262e;\n border-bottom-color: #26262e;\n}\n.Tabs-module_tab__3b1j3:focus-visible {\n outline: 1px solid #26262e;\n outline-offset: 2px;\n border-radius: 2px;\n}";
|
|
23031
|
+
var styles$1 = {"tabs":"Tabs-module_tabs__1Orza","tab":"Tabs-module_tab__3b1j3","tabActive":"Tabs-module_tabActive__ZvZyX"};
|
|
23032
|
+
styleInject(css_248z$1);
|
|
23033
|
+
|
|
23034
|
+
var Tabs = function (_a) {
|
|
23035
|
+
var tabs = _a.tabs, activeIndex = _a.activeIndex, onTabChange = _a.onTabChange, className = _a.className;
|
|
23036
|
+
var tabRefs = React.useRef([]);
|
|
23037
|
+
var setTabRef = React.useCallback(function (index) { return function (el) {
|
|
23038
|
+
tabRefs.current[index] = el;
|
|
23039
|
+
}; }, []);
|
|
23040
|
+
var handleKeyDown = function (e, index) {
|
|
23041
|
+
var _a;
|
|
23042
|
+
var count = tabs.length;
|
|
23043
|
+
var nextIndex = null;
|
|
23044
|
+
if (e.key === 'ArrowRight')
|
|
23045
|
+
nextIndex = (index + 1) % count;
|
|
23046
|
+
if (e.key === 'ArrowLeft')
|
|
23047
|
+
nextIndex = (index - 1 + count) % count;
|
|
23048
|
+
if (nextIndex !== null) {
|
|
23049
|
+
e.preventDefault();
|
|
23050
|
+
onTabChange(nextIndex);
|
|
23051
|
+
(_a = tabRefs.current[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
|
|
23052
|
+
}
|
|
23053
|
+
};
|
|
23054
|
+
return (jsxRuntime.jsx("div", { className: classNames(styles$1.tabs, className), role: "tablist", children: tabs.map(function (tab, index) {
|
|
23055
|
+
var _a;
|
|
23056
|
+
return (jsxRuntime.jsx("button", { ref: setTabRef(index), type: "button", role: "tab", "aria-selected": activeIndex === index, tabIndex: activeIndex === index ? 0 : -1, className: classNames('p-p bg-transparent c-pointer', styles$1.tab, (_a = {},
|
|
23057
|
+
_a[styles$1.tabActive] = activeIndex === index,
|
|
23058
|
+
_a)), onClick: function () { return onTabChange(index); }, onKeyDown: function (e) { return handleKeyDown(e, index); }, children: tab.label }, tab.id));
|
|
23059
|
+
}) }));
|
|
23060
|
+
};
|
|
23061
|
+
|
|
23031
23062
|
var defaultTextOverrides = {
|
|
23032
23063
|
showDetails: 'Show details',
|
|
23033
23064
|
hideDetails: 'Hide details',
|
|
23034
23065
|
};
|
|
23035
23066
|
var Table = function (_a) {
|
|
23036
|
-
var _b, _c, _d, _e, _f
|
|
23037
|
-
var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections,
|
|
23067
|
+
var _b, _c, _d, _e, _f;
|
|
23068
|
+
var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections, _g = _a.hideColumns, hideColumns = _g === void 0 ? [] : _g, hideDetails = _a.hideDetails, _h = _a.hideRows, hideRows = _h === void 0 ? [] : _h, imageComponent = _a.imageComponent, modalContentRenderer = _a.modalContentRenderer, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, scrollOnOpen = _a.scrollOnOpen, _j = _a.scrollTopOffset, scrollTopOffset = _j === void 0 ? 0 : _j, _k = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _k === void 0 ? 0 : _k, tableData = _a.tableData, definedTextOverrides = _a.textOverrides, title = _a.title, externalActiveSection = _a.activeSection, _l = _a.hideTableNavigation, hideTableNavigation = _l === void 0 ? false : _l, _m = _a.hideStickyHeader, hideStickyHeader = _m === void 0 ? false : _m, _o = _a.showSelectedColumn, showSelectedColumn = _o === void 0 ? false : _o, _p = _a.mobileNavigationMode, mobileNavigationMode = _p === void 0 ? 'arrows' : _p;
|
|
23038
23069
|
var textOverrides = __assign(__assign({}, defaultTextOverrides), definedTextOverrides);
|
|
23039
23070
|
var isMobile = useMediaQuery('BELOW_MOBILE');
|
|
23040
|
-
var
|
|
23041
|
-
var
|
|
23071
|
+
var _q = React.useState(null), infoModalData = _q[0], setInfoModalData = _q[1];
|
|
23072
|
+
var _r = React.useState(true), shouldHideDetails = _r[0], setShouldHideDetails = _r[1];
|
|
23042
23073
|
var containerRef = React.useRef(null);
|
|
23043
23074
|
var headerRef = React.useRef(null);
|
|
23044
23075
|
var stickyHeaderRef = React.useRef(null);
|
|
23045
23076
|
var columnsLength = tableData[0].rows[0].length;
|
|
23046
23077
|
useScrollSync(headerRef, containerRef, !isMobile);
|
|
23047
|
-
var
|
|
23078
|
+
var useTabs = isMobile && mobileNavigationMode === 'tabs';
|
|
23079
|
+
var _s = useTableNavigation({
|
|
23048
23080
|
enabled: isMobile,
|
|
23049
23081
|
containerRef: containerRef,
|
|
23050
23082
|
onSelectionChanged: onSelectionChanged,
|
|
23051
|
-
}), activeSection =
|
|
23052
|
-
var
|
|
23053
|
-
var
|
|
23083
|
+
}), activeSection = _s.activeSection, navigateTable = _s.navigateTable, setActiveSection = _s.setActiveSection;
|
|
23084
|
+
var headerRow = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0];
|
|
23085
|
+
var titleCell = __assign({ text: '' }, ((headerRow === null || headerRow === void 0 ? void 0 : headerRow[0]) || {}));
|
|
23086
|
+
var currentActiveSection = headerRow === null || headerRow === void 0 ? void 0 : headerRow[activeSection];
|
|
23087
|
+
var mobileTabs = useTabs
|
|
23088
|
+
? (_d = headerRow === null || headerRow === void 0 ? void 0 : headerRow.slice(1).map(function (cell, index) {
|
|
23089
|
+
var label = '';
|
|
23090
|
+
if (!cell.type)
|
|
23091
|
+
label = String(cell.text || '');
|
|
23092
|
+
else if (cell.type === 'CTA')
|
|
23093
|
+
label = String(cell.title || '');
|
|
23094
|
+
else if (cell.type === 'BUTTON')
|
|
23095
|
+
label = String(cell.buttonCaption || '');
|
|
23096
|
+
return { id: String(index), label: label };
|
|
23097
|
+
})) !== null && _d !== void 0 ? _d : []
|
|
23098
|
+
: [];
|
|
23054
23099
|
var currentActiveSectionReplacements = ((currentActiveSection === null || currentActiveSection === void 0 ? void 0 : currentActiveSection.cellId) &&
|
|
23055
23100
|
(cellReplacements === null || cellReplacements === void 0 ? void 0 : cellReplacements[currentActiveSection.cellId])) ||
|
|
23056
23101
|
{};
|
|
@@ -23065,7 +23110,7 @@ var Table = function (_a) {
|
|
|
23065
23110
|
setActiveSection(externalActiveSection - 1);
|
|
23066
23111
|
}
|
|
23067
23112
|
}, [externalActiveSection]);
|
|
23068
|
-
return (jsxRuntime.jsxs("div", { className: classNames(styles$
|
|
23113
|
+
return (jsxRuntime.jsxs("div", { className: classNames(styles$6.wrapper, 'bg-white'), children: [isMobile ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!useTabs && (titleCell === null || titleCell === void 0 ? void 0 : titleCell.text) && (jsxRuntime.jsx(TableCell, __assign({}, titleCell, { align: "left", isNavigation: true, isTopLeftCell: true, type: undefined }))), !hideTableNavigation && currentActiveSection && (useTabs ? (jsxRuntime.jsx("div", { className: classNames('bg-white', styles$6.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx(Tabs, { tabs: mobileTabs, activeIndex: activeSection - 1, onTabChange: function (index) { return setActiveSection(index); }, className: "mb16" }) })) : (jsxRuntime.jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsxRuntime.jsx(TableCell, __assign({}, (isBaseCell(currentActiveSection)
|
|
23069
23114
|
? {
|
|
23070
23115
|
openModal: function (body) {
|
|
23071
23116
|
return handleOpenModal({
|
|
@@ -23074,12 +23119,12 @@ var Table = function (_a) {
|
|
|
23074
23119
|
});
|
|
23075
23120
|
},
|
|
23076
23121
|
}
|
|
23077
|
-
: {}), activeCellProps, { imageComponent: imageComponent, isNavigation: true })) }))] })) : (!hideStickyHeader && (jsxRuntime.jsx("div", { ref: stickyHeaderRef, "aria-hidden": true, className: styles$
|
|
23078
|
-
buttonWrapper: classNames(styles$
|
|
23122
|
+
: {}), activeCellProps, { imageComponent: imageComponent, isNavigation: true })) })))] })) : (!hideStickyHeader && (jsxRuntime.jsx("div", { ref: stickyHeaderRef, "aria-hidden": true, className: styles$6.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$6.container, ref: headerRef, children: jsxRuntime.jsx(TableSection, { cellReplacements: cellReplacements, className: className, hideColumns: hideColumns, hideRows: hideRows, openModal: handleOpenModal, tableCellRows: [(_f = (_e = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _e === void 0 ? void 0 : _e.rows) === null || _f === void 0 ? void 0 : _f[0]], title: title, imageComponent: imageComponent }) }) }))), jsxRuntime.jsx("div", { ref: containerRef, className: classNames(styles$6.container, 'pb8'), children: jsxRuntime.jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, scrollOnOpen: scrollOnOpen, scrollTopOffset: scrollTopOffset, stickyHeaderRef: stickyHeaderRef, hideColumns: hideColumns, hideDetails: hideDetails, hideRows: hideRows, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal, cellReplacements: cellReplacements, imageComponent: imageComponent, selectedColumn: showSelectedColumn ? activeSection : undefined, showHeader: useTabs }) }), (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 1 && hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
|
|
23123
|
+
buttonWrapper: classNames(styles$6.cardButton, 'm8 mt32'),
|
|
23079
23124
|
title: 'd-flex gap8 ai-center jc-center fw-bold',
|
|
23080
23125
|
}, title: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldHideDetails
|
|
23081
23126
|
? textOverrides.showDetails
|
|
23082
|
-
: textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 20 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "xsmall", onClick: function () { return setShouldHideDetails(function (current) { return !current; }); } })), jsxRuntime.jsx(BottomOrRegularModal, { isOpen: (infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body) ? true : false, title: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.title, onClose: function () { return setInfoModalData(null); }, children: jsxRuntime.jsx("div", { className: classNames(styles$
|
|
23127
|
+
: textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 20 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "xsmall", onClick: function () { return setShouldHideDetails(function (current) { return !current; }); } })), jsxRuntime.jsx(BottomOrRegularModal, { isOpen: (infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body) ? true : false, title: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.title, onClose: function () { return setInfoModalData(null); }, children: jsxRuntime.jsx("div", { className: classNames(styles$6.modalContent, 'pt8 p24 wmn6'), children: modalContentRenderer
|
|
23083
23128
|
? modalContentRenderer(infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body)
|
|
23084
23129
|
: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body }) })] }));
|
|
23085
23130
|
};
|
|
@@ -23235,9 +23280,9 @@ exports.ChevronsUpIcon = ChevronsUp;
|
|
|
23235
23280
|
exports.Chip = Chip;
|
|
23236
23281
|
exports.ChromeIcon = Chrome;
|
|
23237
23282
|
exports.CircleIcon = Circle;
|
|
23238
|
-
exports.CircleSelectedIcon =
|
|
23283
|
+
exports.CircleSelectedIcon = CircleSelectedIcon;
|
|
23239
23284
|
exports.CircleSmallIcon = CircleSmall;
|
|
23240
|
-
exports.CircleUnselectedIcon =
|
|
23285
|
+
exports.CircleUnselectedIcon = CircleUnselectedIcon;
|
|
23241
23286
|
exports.ClipboardIcon = Clipboard;
|
|
23242
23287
|
exports.ClockTimeIcon = ClockTime;
|
|
23243
23288
|
exports.CloudDrizzleIcon = CloudDrizzle;
|
|
@@ -23511,6 +23556,7 @@ exports.TableRating = TableRating;
|
|
|
23511
23556
|
exports.TableRowHeader = TableRowHeader;
|
|
23512
23557
|
exports.TableTrueFalse = TableTrueFalse;
|
|
23513
23558
|
exports.TabletIcon = Tablet;
|
|
23559
|
+
exports.Tabs = Tabs;
|
|
23514
23560
|
exports.TagIcon = Tag;
|
|
23515
23561
|
exports.TargetIcon = Target;
|
|
23516
23562
|
exports.TerminalIcon = Terminal;
|