@popsure/dirty-swan 0.65.0 → 0.66.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agent-documentation.md +35 -0
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js +334 -209
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/searchableDropdown/index.d.ts +22 -0
- package/dist/cjs/lib/components/searchableDropdown/index.stories.d.ts +108 -0
- package/dist/cjs/lib/components/searchableDropdown/index.test.d.ts +1 -0
- package/dist/cjs/lib/index.d.ts +3 -2
- package/dist/esm/{Calendar-C7I0F5Gv.js → Calendar-8rhyapMz.js} +3 -19
- package/dist/esm/Calendar-8rhyapMz.js.map +1 -0
- package/dist/esm/components/dateSelector/components/Calendar.js +2 -1
- package/dist/esm/components/dateSelector/components/Calendar.js.map +1 -1
- package/dist/esm/components/dateSelector/index.js +2 -1
- package/dist/esm/components/dateSelector/index.js.map +1 -1
- package/dist/esm/components/dateSelector/index.stories.js +2 -1
- package/dist/esm/components/dateSelector/index.stories.js.map +1 -1
- package/dist/esm/components/dateSelector/index.test.js +2 -1
- package/dist/esm/components/dateSelector/index.test.js.map +1 -1
- package/dist/esm/components/searchableDropdown/index.js +13 -0
- package/dist/esm/components/searchableDropdown/index.js.map +1 -0
- package/dist/esm/components/searchableDropdown/index.stories.js +201 -0
- package/dist/esm/components/searchableDropdown/index.stories.js.map +1 -0
- package/dist/esm/components/searchableDropdown/index.test.js +607 -0
- package/dist/esm/components/searchableDropdown/index.test.js.map +1 -0
- package/dist/esm/components/toast/index.js +1 -1
- package/dist/esm/components/toast/index.stories.js +1 -1
- package/dist/esm/components/toast/index.test.js +1 -1
- package/dist/esm/{index-C4IAMlRE.js → index-CT0_LjIR.js} +2 -2
- package/dist/esm/{index-C4IAMlRE.js.map → index-CT0_LjIR.js.map} +1 -1
- package/dist/esm/index-DgTZdYln.js +148 -0
- package/dist/esm/index-DgTZdYln.js.map +1 -0
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +7 -17
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/searchableDropdown/index.d.ts +22 -0
- package/dist/esm/lib/components/searchableDropdown/index.stories.d.ts +108 -0
- package/dist/esm/lib/components/searchableDropdown/index.test.d.ts +1 -0
- package/dist/esm/lib/index.d.ts +3 -2
- package/dist/esm/useOnClickOutside-B5hujnpp.js +21 -0
- package/dist/esm/useOnClickOutside-B5hujnpp.js.map +1 -0
- package/dist/esm/util/images/index.stories.js +2 -1
- package/dist/esm/util/images/index.stories.js.map +1 -1
- package/package.json +3 -2
- package/src/index.tsx +3 -0
- package/src/lib/components/searchableDropdown/index.stories.tsx +286 -0
- package/src/lib/components/searchableDropdown/index.test.tsx +355 -0
- package/src/lib/components/searchableDropdown/index.tsx +262 -0
- package/src/lib/components/searchableDropdown/style.module.scss +132 -0
- package/src/lib/index.tsx +8 -0
- package/dist/esm/Calendar-C7I0F5Gv.js.map +0 -1
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$N = ".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$K = {"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$N);
|
|
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$M = ".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$J = {"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$M);
|
|
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$J.container, " ").concat(className !== null && className !== void 0 ? className : ''), children: [label && !labelInsideInput && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames('p-p', styles$J.label, (_b = {},
|
|
347
|
+
_b[styles$J['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$J.input
|
|
353
|
+
: styles$J['input--no-placeholder'], (_c = {},
|
|
354
|
+
_c[styles$J['input--with-prefix']] = prefix,
|
|
355
|
+
_c[styles$J['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$J.prefix, (_d = {}, _d[styles$J['prefix--with-error']] = error, _d), (_e = {}, _e[styles$J['prefix--disabled']] = disabled, _e), (_f = {}, _f[styles$J['prefix--with-value']] = props.value, _f)), children: prefix })), (!label || labelInsideInput) && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames(styles$J.placeholder, (_g = {}, _g[styles$J['placeholder--with-prefix']] = prefix, _g), (_h = {}, _h[styles$J['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$J.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$K = "/* 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$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";
|
|
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$L);
|
|
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$K = ".styles-module_wrapper__1_lY0 {\n margin: 4px;\n}";
|
|
8302
|
+
var styles$I = {"wrapper":"styles-module_wrapper__1_lY0"};
|
|
8303
|
+
styleInject(css_248z$K);
|
|
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$I.wrapper] = !noMargin,
|
|
8311
8311
|
_b)), style: {
|
|
8312
8312
|
minWidth: "".concat(size, "px"),
|
|
8313
8313
|
width: "".concat(size, "px"),
|
|
@@ -9879,13 +9879,13 @@ var ZoomOut = (function (props) {
|
|
|
9879
9879
|
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" }));
|
|
9880
9880
|
});
|
|
9881
9881
|
|
|
9882
|
-
var css_248z$
|
|
9883
|
-
var styles$
|
|
9884
|
-
styleInject(css_248z$
|
|
9882
|
+
var css_248z$J = ".style-module_container__3SY_g {\n position: relative;\n}";
|
|
9883
|
+
var styles$H = {"container":"style-module_container__3SY_g"};
|
|
9884
|
+
styleInject(css_248z$J);
|
|
9885
9885
|
|
|
9886
|
-
var css_248z$
|
|
9886
|
+
var css_248z$I = ".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_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}";
|
|
9887
9887
|
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","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"};
|
|
9888
|
-
styleInject(css_248z$
|
|
9888
|
+
styleInject(css_248z$I);
|
|
9889
9889
|
|
|
9890
9890
|
var buttonTypeClassNameMap = {
|
|
9891
9891
|
filledBlack: 'p-btn--secondary-black',
|
|
@@ -9947,7 +9947,7 @@ var Calendar = function (_a) {
|
|
|
9947
9947
|
if (!displayCalendar) {
|
|
9948
9948
|
return null;
|
|
9949
9949
|
}
|
|
9950
|
-
return (jsxRuntime.jsxs("div", { className: "".concat(styles$
|
|
9950
|
+
return (jsxRuntime.jsxs("div", { className: "".concat(styles$H.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) {
|
|
9951
9951
|
if (!dayjs(date).isValid()) {
|
|
9952
9952
|
return;
|
|
9953
9953
|
}
|
|
@@ -10092,12 +10092,12 @@ var DateSelector = function (_a) {
|
|
|
10092
10092
|
};
|
|
10093
10093
|
var getInputProps = function (key, index) {
|
|
10094
10094
|
var _a, _b;
|
|
10095
|
-
return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$
|
|
10095
|
+
return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$K["".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) {
|
|
10096
10096
|
var target = _a.target;
|
|
10097
10097
|
return handleOnChange(key, target.value);
|
|
10098
10098
|
} }, (inputProps === null || inputProps === void 0 ? void 0 : inputProps(key)) || {}));
|
|
10099
10099
|
};
|
|
10100
|
-
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex", children: [jsxRuntime.jsxs("div", { className: classNames(styles$
|
|
10100
|
+
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex", children: [jsxRuntime.jsxs("div", { className: classNames(styles$K.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: {
|
|
10101
10101
|
default: placeholders.error,
|
|
10102
10102
|
afterMax: placeholders.errorAfterMaxYear || "Please choose a date before ".concat(yearBoundaries.max + 1),
|
|
10103
10103
|
beforeMin: placeholders.errorBeforeMinYear || "Please choose a date after ".concat(yearBoundaries.min - 1),
|
|
@@ -10598,9 +10598,9 @@ let SignaturePad$1 = class SignaturePad {
|
|
|
10598
10598
|
}
|
|
10599
10599
|
};
|
|
10600
10600
|
|
|
10601
|
-
var css_248z$
|
|
10602
|
-
var styles$
|
|
10603
|
-
styleInject(css_248z$
|
|
10601
|
+
var css_248z$H = ".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}";
|
|
10602
|
+
var styles$G = {"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"};
|
|
10603
|
+
styleInject(css_248z$H);
|
|
10604
10604
|
|
|
10605
10605
|
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";
|
|
10606
10606
|
|
|
@@ -10629,11 +10629,11 @@ var SignaturePad = /** @class */ (function (_super) {
|
|
|
10629
10629
|
SignaturePad.prototype.render = function () {
|
|
10630
10630
|
var hasContent = this.state.hasContent;
|
|
10631
10631
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
|
|
10632
|
-
__html: ".".concat(styles$
|
|
10633
|
-
} }), jsxRuntime.jsxs("div", { className: styles$
|
|
10632
|
+
__html: ".".concat(styles$G.reset, "::before { \n -webkit-mask-image: url(\"").concat(reset, "\");\n mask-image: url(\"").concat(reset, "\");\n }"),
|
|
10633
|
+
} }), jsxRuntime.jsxs("div", { className: styles$G.container, children: [jsxRuntime.jsx("canvas", { className: styles$G.canvas, ref: this.canvasRef }), jsxRuntime.jsx("div", { className: styles$G.separator }), jsxRuntime.jsx("div", { className: styles$G.sign, style: {
|
|
10634
10634
|
WebkitMaskImage: "url(\"".concat(sign, "\")"),
|
|
10635
10635
|
maskImage: "url(\"".concat(sign, "\")"),
|
|
10636
|
-
} }), jsxRuntime.jsx("button", { className: styles$
|
|
10636
|
+
} }), jsxRuntime.jsx("button", { className: styles$G.reset, onClick: this.clear, disabled: !hasContent, children: "Reset" })] })] }));
|
|
10637
10637
|
};
|
|
10638
10638
|
SignaturePad.prototype.notifyOnChange = function () {
|
|
10639
10639
|
var onChange = this.props.onChange;
|
|
@@ -11078,9 +11078,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
11078
11078
|
return toReturn;
|
|
11079
11079
|
};
|
|
11080
11080
|
|
|
11081
|
-
var css_248z$
|
|
11082
|
-
var styles$
|
|
11083
|
-
styleInject(css_248z$
|
|
11081
|
+
var css_248z$G = "@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}";
|
|
11082
|
+
var styles$F = {"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"};
|
|
11083
|
+
styleInject(css_248z$G);
|
|
11084
11084
|
|
|
11085
11085
|
var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
|
|
11086
11086
|
var GERMANY_ALPHA_CODE = 'DE';
|
|
@@ -11214,10 +11214,10 @@ var AutocompleteAddress = function (_a) {
|
|
|
11214
11214
|
}
|
|
11215
11215
|
};
|
|
11216
11216
|
};
|
|
11217
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames("wmx8 bg-neutral-600 ".concat(styles$
|
|
11218
|
-
_b[styles$
|
|
11219
|
-
_b)), children: [jsxRuntime.jsx("div", { className: styles$
|
|
11220
|
-
'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$
|
|
11217
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames("wmx8 bg-neutral-600 ".concat(styles$F['map-container']), (_b = {},
|
|
11218
|
+
_b[styles$F['map-container--hidden']] = place === null,
|
|
11219
|
+
_b)), children: [jsxRuntime.jsx("div", { className: styles$F.map, id: "map", "aria-hidden": "true" }), isLoading && (jsxRuntime.jsx("div", { className: styles$F['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$F['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$F['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$F['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) ||
|
|
11220
|
+
'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$F['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' })] }))] }));
|
|
11221
11221
|
};
|
|
11222
11222
|
|
|
11223
11223
|
var propTypes$2 = {exports: {}};
|
|
@@ -14276,13 +14276,13 @@ const AnimateHeight = (_a) => {
|
|
|
14276
14276
|
React.createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
14277
14277
|
};
|
|
14278
14278
|
|
|
14279
|
-
var css_248z$
|
|
14280
|
-
var styles$
|
|
14281
|
-
styleInject(css_248z$
|
|
14279
|
+
var css_248z$F = ".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}";
|
|
14280
|
+
var styles$E = {"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"};
|
|
14281
|
+
styleInject(css_248z$F);
|
|
14282
14282
|
|
|
14283
|
-
var css_248z$
|
|
14284
|
-
var styles$
|
|
14285
|
-
styleInject(css_248z$
|
|
14283
|
+
var css_248z$E = ".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}";
|
|
14284
|
+
var styles$D = {"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"};
|
|
14285
|
+
styleInject(css_248z$E);
|
|
14286
14286
|
|
|
14287
14287
|
var UploadFileCell = function (_a) {
|
|
14288
14288
|
var _b, _c;
|
|
@@ -14301,11 +14301,11 @@ var UploadFileCell = function (_a) {
|
|
|
14301
14301
|
COMPLETE: name,
|
|
14302
14302
|
ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
|
|
14303
14303
|
}[uploadStatus];
|
|
14304
|
-
return (jsxRuntime.jsxs("div", { className: classNames("mt8 ".concat(styles$
|
|
14305
|
-
_b[styles$
|
|
14306
|
-
_b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$
|
|
14307
|
-
_c[styles$
|
|
14308
|
-
_c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$
|
|
14304
|
+
return (jsxRuntime.jsxs("div", { className: classNames("mt8 ".concat(styles$D['upload-file-cell']), (_b = {},
|
|
14305
|
+
_b[styles$D['upload-file-cell-error']] = hasError,
|
|
14306
|
+
_b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$D['cell-left-section']), children: [jsxRuntime.jsx(FileIcon, { className: classNames("".concat(styles$D['main-icon'], " ").concat(styles$D.icon)), color: mapFileIconColor[uploadStatus], size: 24 }), jsxRuntime.jsxs("div", { className: "w100", children: [jsxRuntime.jsx("div", { className: "p-p ".concat(styles$D['upload-display-text']), title: displayText, children: displayText }), isUploading && showProgressBar && (jsxRuntime.jsxs("div", { className: "mt8 w100 ".concat(styles$D['progress-bar-container']), children: [jsxRuntime.jsx("div", { className: "".concat(styles$D['progress-bar']) }), jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "".concat(styles$D['progress-bar-filler']), style: { width: "".concat(progress, "%") } })] }))] })] }), jsxRuntime.jsx("div", { className: classNames(styles$D['cell-right-section'], (_c = {},
|
|
14307
|
+
_c[styles$D['cell-right-section-complete']] = isComplete,
|
|
14308
|
+
_c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$D.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$D.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$D.button, leftIcon: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'neutral-600', size: 24, noMargin: true }), hideLabel: true, variant: "textBlack", children: "Delete file" }))] })) })] }));
|
|
14309
14309
|
};
|
|
14310
14310
|
|
|
14311
14311
|
var k = 1024;
|
|
@@ -14539,10 +14539,10 @@ var MultiDropzone = function (_a) {
|
|
|
14539
14539
|
var instructionsText = isNonDesktopDevice
|
|
14540
14540
|
? instructionsTextMobile
|
|
14541
14541
|
: instructionsTextDesktop;
|
|
14542
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
14543
|
-
_b[styles$
|
|
14544
|
-
_b[styles$
|
|
14545
|
-
_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$
|
|
14542
|
+
return (jsxRuntime.jsxs("div", { className: styles$E.container, children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer ".concat(styles$E.dropzoneContainer), (_b = {},
|
|
14543
|
+
_b[styles$E['dropzoneContainerDisabled']] = uploading,
|
|
14544
|
+
_b[styles$E['dropzoneContainerCondensed']] = isCondensed,
|
|
14545
|
+
_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$E.textInline : ''), children: jsxRuntime.jsxs("div", { className: 'd-flex ai-center jc-center w100', children: [isCondensed && (jsxRuntime.jsx(UploadCloudIcon, { className: classNames('mr16', styles$E.img), size: 20, color: 'neutral-900' })), uploading
|
|
14546
14546
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
14547
14547
|
'Please wait while uploading file...'
|
|
14548
14548
|
: 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) {
|
|
@@ -14557,17 +14557,17 @@ var MultiDropzone = function (_a) {
|
|
|
14557
14557
|
"You can upload maximum ".concat(maxFiles, " files.") }) })] }));
|
|
14558
14558
|
};
|
|
14559
14559
|
|
|
14560
|
-
var css_248z$
|
|
14561
|
-
var styles$
|
|
14562
|
-
styleInject(css_248z$
|
|
14560
|
+
var css_248z$D = ".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}";
|
|
14561
|
+
var styles$C = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
14562
|
+
styleInject(css_248z$D);
|
|
14563
14563
|
|
|
14564
14564
|
var InitialButton = function (_a) {
|
|
14565
14565
|
var onDownload = _a.onDownload;
|
|
14566
|
-
return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$
|
|
14566
|
+
return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$C.button), leftIcon: jsxRuntime.jsx(DownloadIcon, {}), onClick: onDownload, "data-cy": "download-documents-button", children: "Download" }));
|
|
14567
14567
|
};
|
|
14568
14568
|
// TODO: Allow setting loading to true to display text
|
|
14569
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$
|
|
14570
|
-
var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$
|
|
14569
|
+
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$C.button), loading: true, children: "Generating" })); };
|
|
14570
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$C['chip-complete'], children: [jsxRuntime.jsx(CheckIcon, { color: 'neutral-600', size: 16 }), jsxRuntime.jsx("div", { className: "p-h4 tc-neutral-600 ml8", children: "Download complete" })] })); };
|
|
14571
14571
|
var DownloadButton = function (_a) {
|
|
14572
14572
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
14573
14573
|
var mapDownloadButton = {
|
|
@@ -14579,9 +14579,9 @@ var DownloadButton = function (_a) {
|
|
|
14579
14579
|
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.' }))] }));
|
|
14580
14580
|
};
|
|
14581
14581
|
|
|
14582
|
-
var css_248z$
|
|
14583
|
-
var styles$
|
|
14584
|
-
styleInject(css_248z$
|
|
14582
|
+
var css_248z$C = ".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}";
|
|
14583
|
+
var styles$B = {"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"};
|
|
14584
|
+
styleInject(css_248z$C);
|
|
14585
14585
|
|
|
14586
14586
|
var InformationBox = function (_a) {
|
|
14587
14587
|
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;
|
|
@@ -14592,7 +14592,7 @@ var InformationBox = function (_a) {
|
|
|
14592
14592
|
information: 'blue-500',
|
|
14593
14593
|
neutral: 'neutral-900',
|
|
14594
14594
|
};
|
|
14595
|
-
return (jsxRuntime.jsx("div", { className: classNames(className, 'p16 br8 color-black', styles$
|
|
14595
|
+
return (jsxRuntime.jsx("div", { className: classNames(className, 'p16 br8 color-black', styles$B.informationBox, styles$B["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$B.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 })] })] }) }));
|
|
14596
14596
|
};
|
|
14597
14597
|
|
|
14598
14598
|
var IBAN_CHAR_LIMIT = 4;
|
|
@@ -14676,20 +14676,20 @@ var CurrencyInput = function (_a) {
|
|
|
14676
14676
|
} }, props)));
|
|
14677
14677
|
};
|
|
14678
14678
|
|
|
14679
|
-
var css_248z$
|
|
14680
|
-
var styles$
|
|
14681
|
-
styleInject(css_248z$
|
|
14679
|
+
var css_248z$B = ".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}";
|
|
14680
|
+
var styles$A = {"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"};
|
|
14681
|
+
styleInject(css_248z$B);
|
|
14682
14682
|
|
|
14683
14683
|
var Badge = function (_a) {
|
|
14684
14684
|
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;
|
|
14685
|
-
return (jsxRuntime.jsxs("div", { role: "status", className: classNames(className, 'br8 d-inline-flex ai-center fw-bold p-p', styles$
|
|
14685
|
+
return (jsxRuntime.jsxs("div", { role: "status", className: classNames(className, 'br8 d-inline-flex ai-center fw-bold p-p', styles$A.badge, styles$A["badge--".concat(size)], styles$A["badge--".concat(variant)], {
|
|
14686
14686
|
'p-p--small': size === 'small' || size === 'xsmall',
|
|
14687
|
-
}), children: [showDot && (jsxRuntime.jsx("span", { className: classNames(styles$
|
|
14687
|
+
}), children: [showDot && (jsxRuntime.jsx("span", { className: classNames(styles$A.badgeDot, styles$A["badgeDot--".concat(variant)]) })), children] }));
|
|
14688
14688
|
};
|
|
14689
14689
|
|
|
14690
|
-
var css_248z$
|
|
14691
|
-
var styles$
|
|
14692
|
-
styleInject(css_248z$
|
|
14690
|
+
var css_248z$A = ".styles-module_container__3zJJC {\n max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n max-width: 424px;\n}";
|
|
14691
|
+
var styles$z = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
|
|
14692
|
+
styleInject(css_248z$A);
|
|
14693
14693
|
|
|
14694
14694
|
var Checkbox = function (_a) {
|
|
14695
14695
|
var _b;
|
|
@@ -14721,8 +14721,8 @@ var Checkbox = function (_a) {
|
|
|
14721
14721
|
var legend = fieldLegend !== null && fieldLegend !== void 0 ? fieldLegend : (Object.keys(options).length > 1
|
|
14722
14722
|
? 'Select one or more options'
|
|
14723
14723
|
: 'You may select this option');
|
|
14724
|
-
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
14725
|
-
_b[styles$
|
|
14724
|
+
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$z.container, 'd-flex gap8', (_b = {},
|
|
14725
|
+
_b[styles$z.narrow] = !wide,
|
|
14726
14726
|
_b['fd-row'] = inlineLayout,
|
|
14727
14727
|
_b['f-wrap'] = inlineLayout,
|
|
14728
14728
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -14740,18 +14740,18 @@ var Checkbox = function (_a) {
|
|
|
14740
14740
|
})] }));
|
|
14741
14741
|
};
|
|
14742
14742
|
|
|
14743
|
-
var css_248z$
|
|
14744
|
-
var styles$
|
|
14745
|
-
styleInject(css_248z$
|
|
14743
|
+
var css_248z$z = ".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}";
|
|
14744
|
+
var styles$y = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
|
|
14745
|
+
styleInject(css_248z$z);
|
|
14746
14746
|
|
|
14747
14747
|
var Radio = function (_a) {
|
|
14748
14748
|
var _b;
|
|
14749
14749
|
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;
|
|
14750
14750
|
var entries = Object.entries(options);
|
|
14751
14751
|
var name = groupName !== null && groupName !== void 0 ? groupName : generateId();
|
|
14752
|
-
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
14753
|
-
_b[styles$
|
|
14754
|
-
_b[styles$
|
|
14752
|
+
return (jsxRuntime.jsxs("fieldset", { className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$y.container, 'd-flex gap8', (_b = {},
|
|
14753
|
+
_b[styles$y.wide] = wide,
|
|
14754
|
+
_b[styles$y.narrow] = !wide,
|
|
14755
14755
|
_b['fd-row'] = inlineLayout,
|
|
14756
14756
|
_b['f-wrap'] = inlineLayout,
|
|
14757
14757
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -14774,9 +14774,9 @@ var Radio = function (_a) {
|
|
|
14774
14774
|
})] }));
|
|
14775
14775
|
};
|
|
14776
14776
|
|
|
14777
|
-
var css_248z$
|
|
14778
|
-
var styles$
|
|
14779
|
-
styleInject(css_248z$
|
|
14777
|
+
var css_248z$y = "@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}";
|
|
14778
|
+
var styles$x = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","containerClose":"style-module_containerClose__3-nqc","body":"style-module_body__3yNly"};
|
|
14779
|
+
styleInject(css_248z$y);
|
|
14780
14780
|
|
|
14781
14781
|
var useOnClose = function (onClose, isOpen, dismissable) {
|
|
14782
14782
|
var _a = React.useState(false), isVisible = _a[0], setIsVisible = _a[1];
|
|
@@ -14834,9 +14834,9 @@ var useOnClose = function (onClose, isOpen, dismissable) {
|
|
|
14834
14834
|
};
|
|
14835
14835
|
};
|
|
14836
14836
|
|
|
14837
|
-
var css_248z$
|
|
14838
|
-
var styles$
|
|
14839
|
-
styleInject(css_248z$
|
|
14837
|
+
var css_248z$x = "@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}";
|
|
14838
|
+
var styles$w = {"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"};
|
|
14839
|
+
styleInject(css_248z$x);
|
|
14840
14840
|
|
|
14841
14841
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
14842
14842
|
if (null == r) return {};
|
|
@@ -17657,16 +17657,16 @@ var InnerModal = function (_a) {
|
|
|
17657
17657
|
(_a = modalBodyRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleOnScroll);
|
|
17658
17658
|
};
|
|
17659
17659
|
}, []);
|
|
17660
|
-
return (jsxRuntime.jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.overlay, styles$
|
|
17661
|
-
_b[styles$
|
|
17660
|
+
return (jsxRuntime.jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.overlay, styles$w.overlay, (_b = {},
|
|
17661
|
+
_b[styles$w.overlayClose] = isClosing,
|
|
17662
17662
|
_b)), onAnimationEnd: handleOnCloseAnimationEnded, onClick: handleOnOverlayClick, children: jsxRuntime.jsx("div", { className: typeof (classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper) === 'string'
|
|
17663
17663
|
? classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper
|
|
17664
17664
|
: (_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'
|
|
17665
17665
|
? classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container
|
|
17666
|
-
: (_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$
|
|
17666
|
+
: (_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$w.header, {
|
|
17667
17667
|
'jc-between': !!title,
|
|
17668
17668
|
'jc-end': !title,
|
|
17669
|
-
}), children: [title && (jsxRuntime.jsx("div", { className: classNames(styles$
|
|
17669
|
+
}), children: [title && (jsxRuntime.jsx("div", { className: classNames(styles$w.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$w.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames('w100', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body, styles$w.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$w.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16 pb32", children: footer }) }))] }) }) }) }));
|
|
17670
17670
|
};
|
|
17671
17671
|
var GenericModal = function (props) {
|
|
17672
17672
|
var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;
|
|
@@ -17679,33 +17679,33 @@ var GenericModal = function (props) {
|
|
|
17679
17679
|
|
|
17680
17680
|
var BottomModal = function (_a) {
|
|
17681
17681
|
var className = _a.className, classNames$1 = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
|
|
17682
|
-
return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "default", classNames: __assign(__assign({}, classNames$1), { wrapper: classNames('w100', styles$
|
|
17682
|
+
return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "default", classNames: __assign(__assign({}, classNames$1), { wrapper: classNames('w100', styles$x.wrapper, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper), container: function (_a) {
|
|
17683
17683
|
var _b;
|
|
17684
17684
|
var isClosing = _a.isClosing;
|
|
17685
|
-
return classNames('bg-white d-flex fd-column w100', className, styles$
|
|
17686
|
-
_b[styles$
|
|
17685
|
+
return classNames('bg-white d-flex fd-column w100', className, styles$x.container, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container, (_b = {},
|
|
17686
|
+
_b[styles$x.containerClose] = isClosing,
|
|
17687
17687
|
_b));
|
|
17688
|
-
}, body: classNames(styles$
|
|
17688
|
+
}, body: classNames(styles$x.body, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body) }) }, rest)));
|
|
17689
17689
|
};
|
|
17690
17690
|
|
|
17691
|
-
var css_248z$
|
|
17692
|
-
var styles$
|
|
17693
|
-
styleInject(css_248z$
|
|
17691
|
+
var css_248z$w = "@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}";
|
|
17692
|
+
var styles$v = {"wrapper":"style-module_wrapper__qQirD","wrapperClose":"style-module_wrapperClose__2aXSB","container":"style-module_container__1XZj_"};
|
|
17693
|
+
styleInject(css_248z$w);
|
|
17694
17694
|
|
|
17695
17695
|
var RegularModal = function (_a) {
|
|
17696
17696
|
var _b = _a.className, className = _b === void 0 ? '' : _b, classNames$1 = _a.classNames, size = _a.size, rest = __rest$1(_a, ["className", "classNames", "size"]);
|
|
17697
17697
|
return (jsxRuntime.jsx(GenericModal, __assign({ classNames: __assign(__assign({}, classNames$1), { wrapper: function (_a) {
|
|
17698
17698
|
var _b;
|
|
17699
17699
|
var isClosing = _a.isClosing;
|
|
17700
|
-
return classNames('d-flex ai-center w90 mx-auto my0', className, styles$
|
|
17701
|
-
_b[styles$
|
|
17700
|
+
return classNames('d-flex ai-center w90 mx-auto my0', className, styles$v.wrapper, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, (_b = {},
|
|
17701
|
+
_b[styles$v.wrapperClose] = isClosing,
|
|
17702
17702
|
_b));
|
|
17703
|
-
}, container: classNames('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$
|
|
17703
|
+
}, container: classNames('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$v.container, size === 'large' ? 'wmx10' : 'wmx8', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container) }) }, rest)));
|
|
17704
17704
|
};
|
|
17705
17705
|
|
|
17706
|
-
var css_248z$
|
|
17707
|
-
var styles$
|
|
17708
|
-
styleInject(css_248z$
|
|
17706
|
+
var css_248z$v = "@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}";
|
|
17707
|
+
var styles$u = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
|
|
17708
|
+
styleInject(css_248z$v);
|
|
17709
17709
|
|
|
17710
17710
|
var BottomOrRegularModal = function (_a) {
|
|
17711
17711
|
var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
|
|
@@ -17724,27 +17724,27 @@ var BottomOrRegularModal = function (_a) {
|
|
|
17724
17724
|
window.removeEventListener('resize', handleResize);
|
|
17725
17725
|
};
|
|
17726
17726
|
}, []);
|
|
17727
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$
|
|
17727
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$u.mobile, ref: mobileRef, children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen })) }), visibleSize === 'desktop' && (jsxRuntime.jsx("div", { className: styles$u.desktop, children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen })) }))] }));
|
|
17728
17728
|
};
|
|
17729
17729
|
|
|
17730
|
-
var css_248z$
|
|
17731
|
-
var styles$
|
|
17732
|
-
styleInject(css_248z$
|
|
17730
|
+
var css_248z$u = "@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}";
|
|
17731
|
+
var styles$t = {"container":"style-module_container__dyFzK","containerClose":"style-module_containerClose__39rB7","body":"style-module_body__3Fuui"};
|
|
17732
|
+
styleInject(css_248z$u);
|
|
17733
17733
|
|
|
17734
17734
|
var FullScreenModal = function (_a) {
|
|
17735
17735
|
var className = _a.className, classNames$1 = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
|
|
17736
17736
|
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) {
|
|
17737
17737
|
var _b;
|
|
17738
17738
|
var isClosing = _a.isClosing;
|
|
17739
|
-
return classNames('bg-white d-flex fd-column w100', className, styles$
|
|
17740
|
-
_b[styles$
|
|
17739
|
+
return classNames('bg-white d-flex fd-column w100', className, styles$t.container, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container, (_b = {},
|
|
17740
|
+
_b[styles$t.containerClose] = isClosing,
|
|
17741
17741
|
_b));
|
|
17742
|
-
}, body: classNames(styles$
|
|
17742
|
+
}, body: classNames(styles$t.body, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body) }) }, rest)));
|
|
17743
17743
|
};
|
|
17744
17744
|
|
|
17745
|
-
var css_248z$
|
|
17746
|
-
var styles$
|
|
17747
|
-
styleInject(css_248z$
|
|
17745
|
+
var css_248z$t = ".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}";
|
|
17746
|
+
var styles$s = {"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"};
|
|
17747
|
+
styleInject(css_248z$t);
|
|
17748
17748
|
|
|
17749
17749
|
var cardDefaultAs = 'section';
|
|
17750
17750
|
var Card = function (_a) {
|
|
@@ -17757,23 +17757,23 @@ var Card = function (_a) {
|
|
|
17757
17757
|
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 = {
|
|
17758
17758
|
'c-pointer': propsWithActionIcon && !disabled
|
|
17759
17759
|
},
|
|
17760
|
-
_b[styles$
|
|
17761
|
-
_b[styles$
|
|
17760
|
+
_b[styles$s.button] = propsWithActionIcon,
|
|
17761
|
+
_b[styles$s.buttonDisabled] = propsWithActionIcon && disabled,
|
|
17762
17762
|
_b)) }, onClick && {
|
|
17763
17763
|
onClick: onClick,
|
|
17764
17764
|
type: "button"
|
|
17765
17765
|
}, { disabled: disabled }, rest, { children: jsxRuntime.jsxs("div", { className: classNames('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow && variant === 'default' }, {
|
|
17766
17766
|
xsmall: 'p16',
|
|
17767
|
-
small: styles$
|
|
17767
|
+
small: styles$s.smallPadding,
|
|
17768
17768
|
medium: 'p24',
|
|
17769
17769
|
large: 'p32',
|
|
17770
17770
|
}[density], {
|
|
17771
17771
|
top: 'jc-start',
|
|
17772
17772
|
center: 'jc-center',
|
|
17773
17773
|
bottom: 'jc-end',
|
|
17774
|
-
}[verticalAlignment], styles$
|
|
17775
|
-
_c[styles$
|
|
17776
|
-
_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$
|
|
17774
|
+
}[verticalAlignment], styles$s === null || styles$s === void 0 ? void 0 : styles$s.wrapper, styles$s === null || styles$s === void 0 ? void 0 : styles$s["wrapper--".concat(variant)], (_c = {},
|
|
17775
|
+
_c[styles$s === null || styles$s === void 0 ? void 0 : styles$s["wrapper--defaultNoShadow"]] = !dropShadow && variant === 'default',
|
|
17776
|
+
_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$s.icon, styles$s["iconDensity--".concat(density)], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon, {
|
|
17777
17777
|
top: 'ai-start',
|
|
17778
17778
|
center: 'ai-center',
|
|
17779
17779
|
bottom: 'ai-end',
|
|
@@ -17781,52 +17781,52 @@ var Card = function (_a) {
|
|
|
17781
17781
|
large: 'p-h3',
|
|
17782
17782
|
medium: 'p-h4',
|
|
17783
17783
|
small: 'p-p',
|
|
17784
|
-
}[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames(styles$
|
|
17784
|
+
}[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames(styles$s.description, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p', styles$s === null || styles$s === void 0 ? void 0 : styles$s["description--".concat(variant)]), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames(styles$s.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$s["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 })] }) })));
|
|
17785
17785
|
};
|
|
17786
17786
|
|
|
17787
|
-
var css_248z$
|
|
17788
|
-
var styles$
|
|
17789
|
-
styleInject(css_248z$
|
|
17787
|
+
var css_248z$s = ".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_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n border-color: #696971;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 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 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n position: absolute;\n width: 80px;\n height: 80px;\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_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: 6px;\n border-top-right-radius: 6px;\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_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}";
|
|
17788
|
+
var styles$r = {"bannerWrapper":"style-module_bannerWrapper__1m3mn","buttonWrapper":"style-module_buttonWrapper__-dmFc","wrapper":"style-module_wrapper__rVPyi","topIconWrapper":"style-module_topIconWrapper__VYKR7","topIconBanner":"style-module_topIconBanner__31-Hc","contentWrapper":"style-module_contentWrapper__B1Dn1","floatingLabel":"style-module_floatingLabel__1iIBj","disabled":"style-module_disabled__1u28-"};
|
|
17789
|
+
styleInject(css_248z$s);
|
|
17790
17790
|
|
|
17791
17791
|
var InfoCard = function (_a) {
|
|
17792
17792
|
var _b, _c, _d;
|
|
17793
17793
|
_a.className; var _e = _a.showIcon, showIcon = _e === void 0 ? true : _e, title = _a.title, children = _a.children, topIcon = _a.topIcon, topIconType = _a.topIconType, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick, cardProps = __rest$1(_a, ["className", "showIcon", "title", "children", "topIcon", "topIconType", "disabled", "onClick"]);
|
|
17794
17794
|
var isIconType = topIconType === 'icon' || topIconType === 'iconWithBackground';
|
|
17795
|
-
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 br-circle p16', styles$
|
|
17795
|
+
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 br-circle p16', styles$r.topIconWrapper, {
|
|
17796
17796
|
'bg-orange-200': topIconType === 'iconWithBackground'
|
|
17797
|
-
}), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames('d-flex ai-center jc-center', (_b = {}, _b[styles$
|
|
17798
|
-
_c[styles$
|
|
17799
|
-
_c[styles$
|
|
17797
|
+
}), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames('d-flex ai-center jc-center', (_b = {}, _b[styles$r.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: __assign({ buttonWrapper: styles$r.buttonWrapper, wrapper: classNames((_c = {},
|
|
17798
|
+
_c[styles$r.wrapper] = true,
|
|
17799
|
+
_c[styles$r.disabled] = disabled,
|
|
17800
17800
|
_c['pt40'] = topIcon && isIconType,
|
|
17801
17801
|
_c['mt40'] = topIcon && isIconType,
|
|
17802
|
-
_c[styles$
|
|
17802
|
+
_c[styles$r.bannerWrapper] = topIcon && topIconType === 'banner',
|
|
17803
17803
|
_c)), label: classNames((_d = {},
|
|
17804
|
-
_d[styles$
|
|
17805
|
-
_d)), title: classNames({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center ta-center my8'), description: 'ta-center', contentWrapper: styles$
|
|
17804
|
+
_d[styles$r.floatingLabel] = topIcon && topIconType !== 'image',
|
|
17805
|
+
_d)), title: classNames({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center ta-center my8'), description: 'ta-center', contentWrapper: styles$r.contentWrapper }, (cardProps === null || cardProps === void 0 ? void 0 : cardProps.classNames) || {}), variant: 'default', onClick: disabled ? undefined : onClick, density: 'xsmall' })));
|
|
17806
17806
|
};
|
|
17807
17807
|
|
|
17808
|
-
var css_248z$
|
|
17809
|
-
var styles$
|
|
17810
|
-
styleInject(css_248z$
|
|
17808
|
+
var css_248z$r = ".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}";
|
|
17809
|
+
var styles$q = {"containerDisabled":"style-module_containerDisabled__2j9_N","contentWrapper":"style-module_contentWrapper__EkTN9"};
|
|
17810
|
+
styleInject(css_248z$r);
|
|
17811
17811
|
|
|
17812
17812
|
var CardButton = function (_a) {
|
|
17813
17813
|
var _b;
|
|
17814
17814
|
var title = _a.title, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, href = _a.href;
|
|
17815
17815
|
return (jsxRuntime.jsx(Card, __assign({ as: href ? 'a' : 'button', classNames: {
|
|
17816
|
-
buttonWrapper: classNames('c-pointer ta-left w100', className, (_b = {}, _b[styles$
|
|
17816
|
+
buttonWrapper: classNames('c-pointer ta-left w100', className, (_b = {}, _b[styles$q.containerDisabled] = disabled, _b)),
|
|
17817
17817
|
label: 'tc-neutral-900',
|
|
17818
17818
|
description: 'tc-neutral-700 p-p',
|
|
17819
|
-
contentWrapper: styles$
|
|
17820
|
-
}, density: 'xsmall', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'neutral-900', className: styles$
|
|
17819
|
+
contentWrapper: styles$q.contentWrapper
|
|
17820
|
+
}, density: 'xsmall', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'neutral-900', className: styles$q.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
|
|
17821
17821
|
};
|
|
17822
17822
|
|
|
17823
|
-
var css_248z$
|
|
17824
|
-
var styles$
|
|
17825
|
-
styleInject(css_248z$
|
|
17823
|
+
var css_248z$q = ".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}";
|
|
17824
|
+
var styles$p = {"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"};
|
|
17825
|
+
styleInject(css_248z$q);
|
|
17826
17826
|
|
|
17827
17827
|
var Chip = (function (_a) {
|
|
17828
17828
|
var className = _a.className, value = _a.value, onRemove = _a.onRemove;
|
|
17829
|
-
return (jsxRuntime.jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$
|
|
17829
|
+
return (jsxRuntime.jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$p['chip']), children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 ".concat(styles$p['chip-image']), src: value.leftIcon, alt: value.value })), jsxRuntime.jsx("div", { className: "mr8", children: value.value }), jsxRuntime.jsx("button", { className: "c-pointer ".concat(styles$p['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, "aria-label": "Remove ".concat(value.value, " option"), children: jsxRuntime.jsx(XIcon, { className: styles$p['chip-remove-button'] }) })] }));
|
|
17830
17830
|
});
|
|
17831
17831
|
|
|
17832
17832
|
var Autosuggest$1 = {};
|
|
@@ -20045,21 +20045,21 @@ function requireDist$1 () {
|
|
|
20045
20045
|
var distExports$1 = requireDist$1();
|
|
20046
20046
|
var Autosuggest = /*@__PURE__*/getDefaultExportFromCjs(distExports$1);
|
|
20047
20047
|
|
|
20048
|
-
var css_248z$
|
|
20049
|
-
var styles$
|
|
20050
|
-
styleInject(css_248z$
|
|
20048
|
+
var css_248z$p = "@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}";
|
|
20049
|
+
var styles$o = {"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"};
|
|
20050
|
+
styleInject(css_248z$p);
|
|
20051
20051
|
|
|
20052
20052
|
var AutoSuggestInput = function (_a) {
|
|
20053
20053
|
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;
|
|
20054
20054
|
var renderSuggestion = function (suggestion) {
|
|
20055
20055
|
var _a;
|
|
20056
|
-
return (jsxRuntime.jsxs("div", { className: "".concat(styles$
|
|
20057
|
-
_a[styles$
|
|
20056
|
+
return (jsxRuntime.jsxs("div", { className: "".concat(styles$o['suggestion-option']), children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 ".concat(styles$o['suggestion-img']), src: suggestion.leftIcon, alt: suggestion.value })), jsxRuntime.jsx("div", { className: classNames(styles$o['suggestion-text'], (_a = {},
|
|
20057
|
+
_a[styles$o.nowrap] = !wrapText,
|
|
20058
20058
|
_a)), children: suggestion.value })] }));
|
|
20059
20059
|
};
|
|
20060
20060
|
var getSuggestionValue = function (suggestion) { return suggestion.value; };
|
|
20061
20061
|
var renderInputComponent = function (autoSuggestInputProps) { return (jsxRuntime.jsx(Input, __assign({}, autoSuggestInputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }))); };
|
|
20062
|
-
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(Autosuggest, { theme: styles$
|
|
20062
|
+
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(Autosuggest, { theme: styles$o, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: __assign(__assign({}, inputProps), { value: currentOption, onChange: function (_, _a) {
|
|
20063
20063
|
var newValue = _a.newValue;
|
|
20064
20064
|
onChange(newValue);
|
|
20065
20065
|
} }), onSuggestionSelected: function (_, _a) {
|
|
@@ -20068,9 +20068,9 @@ var AutoSuggestInput = function (_a) {
|
|
|
20068
20068
|
}, renderInputComponent: renderInputComponent }) }));
|
|
20069
20069
|
};
|
|
20070
20070
|
|
|
20071
|
-
var css_248z$
|
|
20072
|
-
var styles$
|
|
20073
|
-
styleInject(css_248z$
|
|
20071
|
+
var css_248z$o = ".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}";
|
|
20072
|
+
var styles$n = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
|
|
20073
|
+
styleInject(css_248z$o);
|
|
20074
20074
|
|
|
20075
20075
|
var AutoSuggestMultiSelect = function (_a) {
|
|
20076
20076
|
var _b;
|
|
@@ -20078,8 +20078,8 @@ var AutoSuggestMultiSelect = function (_a) {
|
|
|
20078
20078
|
var _c = React.useState([]), suggestions = _c[0], setSuggestions = _c[1];
|
|
20079
20079
|
var _d = React.useState(''), currentOption = _d[0], setCurrentOption = _d[1];
|
|
20080
20080
|
var hasChips = Boolean(selectedValues && selectedValues.length > 0);
|
|
20081
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: classNames(styles$
|
|
20082
|
-
_b[styles$
|
|
20081
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: classNames(styles$n['chip-container'], chipsListClassName, (_b = {},
|
|
20082
|
+
_b[styles$n.appearIn] = hasChips,
|
|
20083
20083
|
_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) {
|
|
20084
20084
|
var newValues = __spreadArray([], selectedValues, true).filter(function (selectedValue) { return selectedValue.value !== value.value; });
|
|
20085
20085
|
setValues(newValues);
|
|
@@ -21633,9 +21633,9 @@ function requireDist () {
|
|
|
21633
21633
|
|
|
21634
21634
|
var distExports = requireDist();
|
|
21635
21635
|
|
|
21636
|
-
var css_248z$
|
|
21637
|
-
var styles$
|
|
21638
|
-
styleInject(css_248z$
|
|
21636
|
+
var css_248z$n = ".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 background: #FAF8F5;\n column-gap: 16px;\n cursor: pointer;\n font-family: inherit;\n outline: none;\n position: relative;\n text-align: inherit;\n transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n background: #FCF7EF;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n filter: brightness(0.425);\n}";
|
|
21637
|
+
var styles$m = {"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"};
|
|
21638
|
+
styleInject(css_248z$n);
|
|
21639
21639
|
|
|
21640
21640
|
var ChevronSVG = function (_a) {
|
|
21641
21641
|
var className = _a.className;
|
|
@@ -21666,7 +21666,7 @@ var AccordionItem = function (_a) {
|
|
|
21666
21666
|
window.scrollTo({ top: top_1, behavior: 'smooth' });
|
|
21667
21667
|
}
|
|
21668
21668
|
};
|
|
21669
|
-
return (jsxRuntime.jsxs("section", { ref: sectionRef, className: "d-flex fd-column ".concat(styles$
|
|
21669
|
+
return (jsxRuntime.jsxs("section", { ref: sectionRef, className: "d-flex fd-column ".concat(styles$m.container, " ").concat(className), children: [jsxRuntime.jsxs("button", { className: "d-flex ai-center jc-between ".concat(styles$m.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsxRuntime.jsx("div", { className: "d-flex ai-center ".concat(styles$m.iconAndTextContainer), children: typeof label === 'string' ? (jsxRuntime.jsx("h4", { className: "p-h4", children: label })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label })) }), jsxRuntime.jsx(ChevronSVG, { className: "".concat(styles$m.chevron, " ").concat(!isOpen && styles$m.chevronClosed) })] }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, onHeightAnimationEnd: handleAnimationEnd, children: children })] }));
|
|
21670
21670
|
};
|
|
21671
21671
|
|
|
21672
21672
|
var Chevron = function (_a) {
|
|
@@ -21674,18 +21674,18 @@ var Chevron = function (_a) {
|
|
|
21674
21674
|
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" }) }));
|
|
21675
21675
|
};
|
|
21676
21676
|
|
|
21677
|
-
var css_248z$
|
|
21678
|
-
var styles$
|
|
21679
|
-
styleInject(css_248z$
|
|
21677
|
+
var css_248z$m = ".style-module_header__32rw- {\n position: relative;\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: center;\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 line-height: 38px;\n}\n@media (min-width: 34rem) {\n .style-module_title__1xYvu {\n display: flex;\n }\n}\n\n.style-module_sticky__2T5jm {\n position: sticky;\n justify-content: flex-start;\n z-index: 1;\n top: 0;\n left: 0;\n width: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_sticky__2T5jm {\n border-right: 1px solid #f9f9fd;\n flex: 1 0 288px;\n }\n}\n\nh4.style-module_addon__CPf60 {\n border-right: none;\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}";
|
|
21678
|
+
var styles$l = {"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"};
|
|
21679
|
+
styleInject(css_248z$m);
|
|
21680
21680
|
|
|
21681
21681
|
var Row = function (props) {
|
|
21682
21682
|
var _a, _b;
|
|
21683
21683
|
var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId, cellClassName = props.cellClassName;
|
|
21684
21684
|
return (jsxRuntime.jsxs("div", { className: classNames('d-flex w-100', (_a = {},
|
|
21685
|
-
_a[styles$
|
|
21686
|
-
_a)), children: [jsxRuntime.jsx("h4", { className: classNames(styles$
|
|
21687
|
-
_b["p-h2 p--serif ".concat(styles$
|
|
21688
|
-
_b[styles$
|
|
21685
|
+
_a[styles$l.header] = isRowHeader,
|
|
21686
|
+
_a)), children: [jsxRuntime.jsx("h4", { className: classNames(styles$l.cell, styles$l.sticky, (_b = {},
|
|
21687
|
+
_b["p-h2 p--serif ".concat(styles$l.title)] = isRowHeader,
|
|
21688
|
+
_b[styles$l.addon] = typeof cell.key === 'undefined',
|
|
21689
21689
|
_b), cellClassName), children: cell.label }), Array.isArray(data) &&
|
|
21690
21690
|
data.map(function (item) {
|
|
21691
21691
|
/**
|
|
@@ -21696,7 +21696,7 @@ var Row = function (props) {
|
|
|
21696
21696
|
return null;
|
|
21697
21697
|
if (typeof item[cell.key] === 'undefined')
|
|
21698
21698
|
return null;
|
|
21699
|
-
return (jsxRuntime.jsx("div", { className: classNames('ta-center', styles$
|
|
21699
|
+
return (jsxRuntime.jsx("div", { className: classNames('ta-center', styles$l.cell, cellClassName), children:
|
|
21700
21700
|
/**
|
|
21701
21701
|
* Return a function if `render` option is present
|
|
21702
21702
|
* else print the current data source value
|
|
@@ -21713,39 +21713,39 @@ var ArrowIcon = function (_a) {
|
|
|
21713
21713
|
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" }) }));
|
|
21714
21714
|
};
|
|
21715
21715
|
|
|
21716
|
-
var css_248z$
|
|
21717
|
-
var styles$
|
|
21718
|
-
styleInject(css_248z$
|
|
21716
|
+
var css_248z$l = ".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}";
|
|
21717
|
+
var styles$k = {"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"};
|
|
21718
|
+
styleInject(css_248z$l);
|
|
21719
21719
|
|
|
21720
21720
|
var TableArrows = function (props) {
|
|
21721
21721
|
var _a, _b;
|
|
21722
21722
|
var active = props.active, onClick = props.onClick;
|
|
21723
21723
|
var handleButtonClick = function (value) { return function () { return onClick(value); }; };
|
|
21724
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
21725
|
-
_a[styles$
|
|
21726
|
-
_a[styles$
|
|
21727
|
-
_a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$
|
|
21728
|
-
_b[styles$
|
|
21729
|
-
_b[styles$
|
|
21724
|
+
return (jsxRuntime.jsxs("div", { className: styles$k.container, children: [jsxRuntime.jsx("button", { onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles$k.prev, styles$k.arrow, (_a = {},
|
|
21725
|
+
_a[styles$k.active] = active.left,
|
|
21726
|
+
_a[styles$k.noPointerEvents] = !active.left,
|
|
21727
|
+
_a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$k.next, styles$k.arrow, (_b = {},
|
|
21728
|
+
_b[styles$k.active] = active.right,
|
|
21729
|
+
_b[styles$k.noPointerEvents] = !active.right,
|
|
21730
21730
|
_b)), children: jsxRuntime.jsx(ArrowIcon, {}) })] }));
|
|
21731
21731
|
};
|
|
21732
21732
|
|
|
21733
|
-
var css_248z$
|
|
21734
|
-
var styles$
|
|
21735
|
-
styleInject(css_248z$
|
|
21733
|
+
var css_248z$k = ".style-module_wrapper__1s115 {\n position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n position: absolute;\n right: -32px;\n top: 0;\n}";
|
|
21734
|
+
var styles$j = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
|
|
21735
|
+
styleInject(css_248z$k);
|
|
21736
21736
|
|
|
21737
|
-
var css_248z$
|
|
21738
|
-
var styles$
|
|
21739
|
-
styleInject(css_248z$
|
|
21737
|
+
var css_248z$j = ".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}";
|
|
21738
|
+
var styles$i = {"button":"style-module_button__3TkNT"};
|
|
21739
|
+
styleInject(css_248z$j);
|
|
21740
21740
|
|
|
21741
21741
|
var TableInfoButton = function (_a) {
|
|
21742
21742
|
var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
21743
|
-
return (jsxRuntime.jsx("button", { className: "p-btn--secondary ".concat(styles$
|
|
21743
|
+
return (jsxRuntime.jsx("button", { className: "p-btn--secondary ".concat(styles$i.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 }) }));
|
|
21744
21744
|
};
|
|
21745
21745
|
|
|
21746
21746
|
var TableButton = function (_a) {
|
|
21747
21747
|
var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
21748
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
21748
|
+
return (jsxRuntime.jsxs("div", { className: styles$j.wrapper, children: [children, jsxRuntime.jsx(TableInfoButton, { className: "".concat(styles$j.infoButton, " ").concat(className), "data-testid": "ds-table-button", onClick: onClick })] }));
|
|
21749
21749
|
};
|
|
21750
21750
|
|
|
21751
21751
|
var StarIcon = function (_a) {
|
|
@@ -21758,9 +21758,9 @@ var ZapIcon = function (_a) {
|
|
|
21758
21758
|
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" }) }));
|
|
21759
21759
|
};
|
|
21760
21760
|
|
|
21761
|
-
var css_248z$
|
|
21762
|
-
var styles$
|
|
21763
|
-
styleInject(css_248z$
|
|
21761
|
+
var css_248z$i = ".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}";
|
|
21762
|
+
var styles$h = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
|
|
21763
|
+
styleInject(css_248z$i);
|
|
21764
21764
|
|
|
21765
21765
|
var getRatingIcon = function (type) {
|
|
21766
21766
|
var iconDictionary = {
|
|
@@ -21773,16 +21773,16 @@ var VALID_VALUES = [1, 2, 3];
|
|
|
21773
21773
|
var TableRating = function (props) {
|
|
21774
21774
|
var rating = props.rating, type = props.type;
|
|
21775
21775
|
var SelectedIcon = getRatingIcon(type);
|
|
21776
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$
|
|
21776
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$h.icon, value <= rating ? styles$h.filled : styles$h.empty) }, value)); }) }));
|
|
21777
21777
|
};
|
|
21778
21778
|
|
|
21779
|
-
var css_248z$
|
|
21780
|
-
var styles$
|
|
21781
|
-
styleInject(css_248z$
|
|
21779
|
+
var css_248z$h = ".style-module_icon__30Nor {\n min-width: 20px;\n}";
|
|
21780
|
+
var styles$g = {"icon":"style-module_icon__30Nor"};
|
|
21781
|
+
styleInject(css_248z$h);
|
|
21782
21782
|
|
|
21783
21783
|
var TableRowHeader = function (_a) {
|
|
21784
21784
|
var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
|
|
21785
|
-
return (jsxRuntime.jsxs("div", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$
|
|
21785
|
+
return (jsxRuntime.jsxs("div", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$g.icon), children: icon }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: "p-p d-inline", children: [jsxRuntime.jsx("span", { className: classNames({
|
|
21786
21786
|
mr8: onClickInfo,
|
|
21787
21787
|
}), children: label }), onClickInfo && jsxRuntime.jsx(TableInfoButton, { onClick: onClickInfo })] }), subtitle && jsxRuntime.jsx("p", { className: "p-p--small tc-neutral-600", children: subtitle })] })] }));
|
|
21788
21788
|
};
|
|
@@ -21907,9 +21907,9 @@ var useComparisonTable = function (_a) {
|
|
|
21907
21907
|
};
|
|
21908
21908
|
};
|
|
21909
21909
|
|
|
21910
|
-
var css_248z$
|
|
21910
|
+
var css_248z$g = ".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@media (min-width: 34rem) {\n .style-module_sticky__2Xmbl {\n border-right: 1px solid #f9f9fd;\n }\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}";
|
|
21911
21911
|
var baseStyles = {"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"};
|
|
21912
|
-
styleInject(css_248z$
|
|
21912
|
+
styleInject(css_248z$g);
|
|
21913
21913
|
|
|
21914
21914
|
var ComparisonTable = function (props) {
|
|
21915
21915
|
var _a;
|
|
@@ -21960,9 +21960,9 @@ var ComparisonTable = function (props) {
|
|
|
21960
21960
|
}), 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'] })] }) }) }))] })] }) }));
|
|
21961
21961
|
};
|
|
21962
21962
|
|
|
21963
|
-
var css_248z$
|
|
21964
|
-
var styles$
|
|
21965
|
-
styleInject(css_248z$
|
|
21963
|
+
var css_248z$f = ".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}";
|
|
21964
|
+
var styles$f = {"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"};
|
|
21965
|
+
styleInject(css_248z$f);
|
|
21966
21966
|
|
|
21967
21967
|
var SegmentedControl = function (_a) {
|
|
21968
21968
|
var _b = _a.className, className = _b === void 0 ? '' : _b, values = _a.values, selectedIndex = _a.selectedIndex, onChange = _a.onChange;
|
|
@@ -21976,23 +21976,159 @@ var SegmentedControl = function (_a) {
|
|
|
21976
21976
|
var width = selectedChip.offsetWidth;
|
|
21977
21977
|
setSelectedChipBackgroundWidthLeft({ left: left, width: width });
|
|
21978
21978
|
}, [selectedIndex]);
|
|
21979
|
-
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$
|
|
21979
|
+
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$f['background-container'], children: [jsxRuntime.jsx("div", { ref: chipContainer, className: styles$f['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
|
|
21980
21980
|
return (jsxRuntime.jsx("div", { role: "button", tabIndex: 0, onKeyDown: function (e) {
|
|
21981
21981
|
if (e.key === 'Enter' || e.code === 'Space') {
|
|
21982
21982
|
onChange(index);
|
|
21983
21983
|
}
|
|
21984
21984
|
}, onClick: function () {
|
|
21985
21985
|
onChange(index);
|
|
21986
|
-
}, className: styles$
|
|
21986
|
+
}, className: styles$f.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
|
|
21987
21987
|
? 'tc-neutral-600'
|
|
21988
21988
|
: 'tc-purple-600'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
|
|
21989
|
-
}) }), jsxRuntime.jsx("div", { className: styles$
|
|
21989
|
+
}) }), jsxRuntime.jsx("div", { className: styles$f['select-chip-background'], style: {
|
|
21990
21990
|
width: "".concat(selectedChipBackgroundWidthLeft.width, "px"),
|
|
21991
21991
|
height: "".concat(height - 16, "px"),
|
|
21992
21992
|
left: "".concat(selectedChipBackgroundWidthLeft.left, "px"),
|
|
21993
21993
|
} })] }) }));
|
|
21994
21994
|
};
|
|
21995
21995
|
|
|
21996
|
+
var useEscapeKey = function (callback) {
|
|
21997
|
+
var handleOnEscape = React.useCallback(function (e) {
|
|
21998
|
+
if (e.key === 'Escape') {
|
|
21999
|
+
callback();
|
|
22000
|
+
}
|
|
22001
|
+
}, [callback]);
|
|
22002
|
+
React.useEffect(function () {
|
|
22003
|
+
window.addEventListener('keydown', handleOnEscape);
|
|
22004
|
+
return function () { return window.removeEventListener('keydown', handleOnEscape); };
|
|
22005
|
+
}, [handleOnEscape]);
|
|
22006
|
+
};
|
|
22007
|
+
|
|
22008
|
+
var css_248z$e = ".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_dropdownUp__2PCvx {\n top: auto;\n bottom: calc(100% + 4px);\n}\n.style-module_dropdownUp__2PCvx .style-module_searchContainer__4O1qv {\n order: 2;\n padding-bottom: 0;\n padding-top: 8px;\n}\n.style-module_dropdownUp__2PCvx .style-module_optionList__-2I8l {\n order: 1;\n}\n\n.style-module_searchContainer__4O1qv {\n position: sticky;\n top: 0;\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}";
|
|
22009
|
+
var styles$e = {"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","dropdownUp":"style-module_dropdownUp__2PCvx","searchContainer":"style-module_searchContainer__4O1qv","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"};
|
|
22010
|
+
styleInject(css_248z$e);
|
|
22011
|
+
|
|
22012
|
+
var SearchableDropdown = function (_a) {
|
|
22013
|
+
var _b, _c, _d;
|
|
22014
|
+
var _e;
|
|
22015
|
+
var options = _a.options, value = _a.value, onChange = _a.onChange, _f = _a.searchable, searchable = _f === void 0 ? false : _f, _g = _a.placeholder, placeholder = _g === void 0 ? 'Search' : _g, triggerPlaceholder = _a.triggerPlaceholder, _h = _a.noResultsText, noResultsText = _h === void 0 ? 'No results found' : _h, groupNameProp = _a.groupName, _j = _a.dropUp, dropUp = _j === void 0 ? false : _j, _k = _a.condensed, condensed = _k === void 0 ? false : _k, _l = _a.bordered, bordered = _l === void 0 ? false : _l, _m = _a.showChevron, showChevron = _m === void 0 ? false : _m, _o = _a.disabled, disabled = _o === void 0 ? false : _o;
|
|
22016
|
+
var _p = React.useState(false), isOpen = _p[0], setIsOpen = _p[1];
|
|
22017
|
+
var _q = React.useState(''), searchTerm = _q[0], setSearchTerm = _q[1];
|
|
22018
|
+
var _r = React.useState(value), localValue = _r[0], setLocalValue = _r[1];
|
|
22019
|
+
var searchInputRef = React.useRef(null);
|
|
22020
|
+
var containerRef = React.useRef(null);
|
|
22021
|
+
var triggerRef = React.useRef(null);
|
|
22022
|
+
var optionRefs = React.useRef(new Map());
|
|
22023
|
+
var groupName = React.useState(function () { return groupNameProp !== null && groupNameProp !== void 0 ? groupNameProp : "sd-".concat(generateId()); })[0];
|
|
22024
|
+
var dropdownId = "".concat(groupName, "-dropdown");
|
|
22025
|
+
var closeAndRestoreFocus = React.useCallback(function () {
|
|
22026
|
+
var _a;
|
|
22027
|
+
setIsOpen(false);
|
|
22028
|
+
(_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
22029
|
+
}, []);
|
|
22030
|
+
useOnClickOutside(containerRef, function () { return isOpen && closeAndRestoreFocus(); });
|
|
22031
|
+
useEscapeKey(React.useCallback(function () {
|
|
22032
|
+
if (isOpen)
|
|
22033
|
+
closeAndRestoreFocus();
|
|
22034
|
+
}, [isOpen, closeAndRestoreFocus]));
|
|
22035
|
+
React.useEffect(function () {
|
|
22036
|
+
if (isOpen && searchable && searchInputRef.current) {
|
|
22037
|
+
searchInputRef.current.focus();
|
|
22038
|
+
}
|
|
22039
|
+
}, [isOpen, searchable]);
|
|
22040
|
+
React.useEffect(function () {
|
|
22041
|
+
if (!isOpen) {
|
|
22042
|
+
setSearchTerm('');
|
|
22043
|
+
setLocalValue(value);
|
|
22044
|
+
}
|
|
22045
|
+
}, [isOpen, value]);
|
|
22046
|
+
var filteredOptions = React.useMemo(function () {
|
|
22047
|
+
if (!searchTerm)
|
|
22048
|
+
return options;
|
|
22049
|
+
return __spreadArray([], options, true).filter(function (option) {
|
|
22050
|
+
return option.label.toLowerCase().includes(searchTerm.toLowerCase());
|
|
22051
|
+
})
|
|
22052
|
+
.sort(function (a, b) {
|
|
22053
|
+
var term = searchTerm.toLowerCase();
|
|
22054
|
+
var aStartsWith = a.label.toLowerCase().startsWith(term);
|
|
22055
|
+
var bStartsWith = b.label.toLowerCase().startsWith(term);
|
|
22056
|
+
if (aStartsWith && !bStartsWith)
|
|
22057
|
+
return -1;
|
|
22058
|
+
if (!aStartsWith && bStartsWith)
|
|
22059
|
+
return 1;
|
|
22060
|
+
return 0;
|
|
22061
|
+
});
|
|
22062
|
+
}, [options, searchTerm]);
|
|
22063
|
+
var selectedOption = options.find(function (option) { return option.id === value; });
|
|
22064
|
+
var handleTriggerClick = function () {
|
|
22065
|
+
if (!disabled)
|
|
22066
|
+
setIsOpen(!isOpen);
|
|
22067
|
+
};
|
|
22068
|
+
var handleSearchKeyDown = function (e) {
|
|
22069
|
+
var _a;
|
|
22070
|
+
if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
|
|
22071
|
+
e.preventDefault();
|
|
22072
|
+
var target = e.key === 'ArrowDown'
|
|
22073
|
+
? filteredOptions[0]
|
|
22074
|
+
: filteredOptions[filteredOptions.length - 1];
|
|
22075
|
+
if (target) {
|
|
22076
|
+
setLocalValue(target.id);
|
|
22077
|
+
(_a = optionRefs.current.get(target.id)) === null || _a === void 0 ? void 0 : _a.focus();
|
|
22078
|
+
}
|
|
22079
|
+
}
|
|
22080
|
+
else if (e.key === 'Enter') {
|
|
22081
|
+
e.preventDefault();
|
|
22082
|
+
var target = filteredOptions[0];
|
|
22083
|
+
if (target) {
|
|
22084
|
+
onChange(target.id);
|
|
22085
|
+
closeAndRestoreFocus();
|
|
22086
|
+
}
|
|
22087
|
+
}
|
|
22088
|
+
};
|
|
22089
|
+
var handleOptionClick = function (optionId) {
|
|
22090
|
+
onChange(optionId);
|
|
22091
|
+
closeAndRestoreFocus();
|
|
22092
|
+
};
|
|
22093
|
+
var handleOptionRef = function (optionId, el) {
|
|
22094
|
+
if (el)
|
|
22095
|
+
optionRefs.current.set(optionId, el);
|
|
22096
|
+
else
|
|
22097
|
+
optionRefs.current.delete(optionId);
|
|
22098
|
+
};
|
|
22099
|
+
var handleOptionKeyDown = function (e, optionId) {
|
|
22100
|
+
var _a;
|
|
22101
|
+
if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
|
|
22102
|
+
e.preventDefault();
|
|
22103
|
+
var currentIndex = filteredOptions.findIndex(function (o) { return o.id === optionId; });
|
|
22104
|
+
var nextIndex = e.key === 'ArrowDown'
|
|
22105
|
+
? Math.min(currentIndex + 1, filteredOptions.length - 1)
|
|
22106
|
+
: Math.max(currentIndex - 1, 0);
|
|
22107
|
+
var next = filteredOptions[nextIndex];
|
|
22108
|
+
if (next) {
|
|
22109
|
+
setLocalValue(next.id);
|
|
22110
|
+
(_a = optionRefs.current.get(next.id)) === null || _a === void 0 ? void 0 : _a.focus();
|
|
22111
|
+
}
|
|
22112
|
+
}
|
|
22113
|
+
else if (e.key === 'Enter' || e.key === ' ') {
|
|
22114
|
+
e.preventDefault();
|
|
22115
|
+
onChange(optionId);
|
|
22116
|
+
closeAndRestoreFocus();
|
|
22117
|
+
}
|
|
22118
|
+
};
|
|
22119
|
+
return (jsxRuntime.jsxs("div", { className: classNames(styles$e.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$e.selectTrigger, (_b = {},
|
|
22120
|
+
_b[styles$e.selectTriggerOpen] = isOpen,
|
|
22121
|
+
_b[styles$e.condensed] = condensed,
|
|
22122
|
+
_b[styles$e.bordered] = bordered,
|
|
22123
|
+
_b[styles$e.disabled] = disabled,
|
|
22124
|
+
_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$e.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$e.chevronOpen] = isOpen, _c)), size: 20, noMargin: true, color: "neutral-600" }))] }), isOpen && (jsxRuntime.jsxs("div", { id: dropdownId, className: classNames(styles$e.dropdown, 'bg-white br8 p8 d-flex fd-column', (_d = {}, _d[styles$e.dropdownUp] = dropUp, _d)), children: [searchable && (jsxRuntime.jsx("div", { className: classNames('pb8 bg-white', styles$e.searchContainer), 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$e.optionList, role: "radiogroup", "aria-label": groupName, children: [filteredOptions.map(function (option) {
|
|
22125
|
+
var _a;
|
|
22126
|
+
return (jsxRuntime.jsxs("div", { className: styles$e.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$e.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$e.option, (_a = {},
|
|
22127
|
+
_a[styles$e.optionSelected] = option.id === localValue,
|
|
22128
|
+
_a)), children: [option.icon && (jsxRuntime.jsx("span", { className: styles$e.optionIcon, children: option.icon })), jsxRuntime.jsx("span", { className: "p-p", children: option.label })] })] }, option.id));
|
|
22129
|
+
}), filteredOptions.length === 0 && (jsxRuntime.jsx("p", { className: "p-p tc-neutral-500 ".concat(styles$e.noResults), children: noResultsText }))] })] }))] }));
|
|
22130
|
+
};
|
|
22131
|
+
|
|
21996
22132
|
var Link = function (_a) {
|
|
21997
22133
|
var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
|
|
21998
22134
|
return (jsxRuntime.jsx("a", __assign({ className: classNames(className, 'p-a c-pointer') }, rest, { children: children })));
|
|
@@ -22894,18 +23030,6 @@ var Table = function (_a) {
|
|
|
22894
23030
|
: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body }) })] }));
|
|
22895
23031
|
};
|
|
22896
23032
|
|
|
22897
|
-
var useEscapeKey = function (callback) {
|
|
22898
|
-
var handleOnEscape = React.useCallback(function (e) {
|
|
22899
|
-
if (e.key === 'Escape') {
|
|
22900
|
-
callback();
|
|
22901
|
-
}
|
|
22902
|
-
}, [callback]);
|
|
22903
|
-
React.useEffect(function () {
|
|
22904
|
-
window.addEventListener('keydown', handleOnEscape);
|
|
22905
|
-
return function () { return window.removeEventListener('keydown', handleOnEscape); };
|
|
22906
|
-
}, [handleOnEscape]);
|
|
22907
|
-
};
|
|
22908
|
-
|
|
22909
23033
|
var useFocusWithin = function (ref, callback) {
|
|
22910
23034
|
React.useEffect(function () {
|
|
22911
23035
|
var handleOnFocusIn = function () {
|
|
@@ -23278,6 +23402,7 @@ exports.RssIcon = Rss;
|
|
|
23278
23402
|
exports.SaveIcon = Save;
|
|
23279
23403
|
exports.ScissorsIcon = Scissors;
|
|
23280
23404
|
exports.SearchIcon = Search;
|
|
23405
|
+
exports.SearchableDropdown = SearchableDropdown;
|
|
23281
23406
|
exports.SegmentedControl = SegmentedControl;
|
|
23282
23407
|
exports.SendIcon = Send;
|
|
23283
23408
|
exports.ServerIcon = Server;
|