@popsure/dirty-swan 0.50.0 → 0.51.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/Readme.md +7 -0
- package/dist/cjs/index.js +225 -169
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/button/index.d.ts +1 -1
- package/dist/cjs/lib/components/button/index.stories.d.ts +1 -1
- package/dist/cjs/lib/components/{card → cards/card}/index.d.ts +3 -1
- package/dist/{esm/lib/components → cjs/lib/components/cards}/card/index.stories.d.ts +9 -2
- package/dist/cjs/lib/components/cards/cardButton/index.d.ts +5 -11
- package/dist/cjs/lib/components/cards/cardButton/index.stories.d.ts +1 -1
- package/dist/cjs/lib/components/icon/icons/ArrowRightFilled.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/index.d.ts +4 -1
- package/dist/cjs/lib/components/input/index.d.ts +1 -1
- package/dist/cjs/lib/components/input/input.stories.d.ts +1 -1
- package/dist/cjs/lib/components/modal/bottomModal/index.d.ts +2 -1
- package/dist/cjs/lib/components/modal/genericModal/index.d.ts +20 -0
- package/dist/cjs/lib/components/modal/hooks/useOnClose.d.ts +2 -0
- package/dist/cjs/lib/components/modal/index.d.ts +4 -3
- package/dist/cjs/lib/components/modal/index.stories.d.ts +2 -0
- package/dist/cjs/lib/components/modal/regularModal/index.d.ts +2 -1
- package/dist/cjs/lib/index.d.ts +1 -1
- package/dist/esm/components/{card → cards/card}/index.js +19 -11
- package/dist/esm/components/cards/card/index.js.map +1 -0
- package/dist/esm/components/{card → cards/card}/index.stories.js +21 -16
- package/dist/esm/components/cards/card/index.stories.js.map +1 -0
- package/dist/esm/components/cards/cardButton/index.js +12 -14
- package/dist/esm/components/cards/cardButton/index.js.map +1 -1
- package/dist/esm/components/cards/cardButton/index.stories.js +4 -4
- package/dist/esm/components/cards/cardButton/index.stories.js.map +1 -1
- package/dist/esm/components/cards/index.js +2 -1
- package/dist/esm/components/cards/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.js +2 -1
- package/dist/esm/components/cards/infoCard/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.stories.js +2 -1
- package/dist/esm/components/cards/infoCard/index.stories.js.map +1 -1
- package/dist/esm/components/icon/icons/ArrowRightFilled.js +13 -0
- package/dist/esm/components/icon/icons/ArrowRightFilled.js.map +1 -0
- package/dist/esm/components/icon/icons.stories.js +5 -2
- package/dist/esm/components/icon/icons.stories.js.map +1 -1
- package/dist/esm/components/icon/index.stories.js +5 -2
- package/dist/esm/components/icon/index.stories.js.map +1 -1
- package/dist/esm/components/modal/bottomModal/index.js +19 -24
- package/dist/esm/components/modal/bottomModal/index.js.map +1 -1
- package/dist/esm/components/modal/bottomOrRegularModal/index.js +3 -2
- package/dist/esm/components/modal/bottomOrRegularModal/index.js.map +1 -1
- package/dist/esm/components/modal/genericModal/index.js +94 -0
- package/dist/esm/components/modal/genericModal/index.js.map +1 -0
- package/dist/esm/components/modal/index.stories.js +26 -3
- package/dist/esm/components/modal/index.stories.js.map +1 -1
- package/dist/esm/components/modal/regularModal/index.js +18 -16
- package/dist/esm/components/modal/regularModal/index.js.map +1 -1
- package/dist/esm/{index-e506c4ca.js → index-73378a46.js} +9 -3
- package/dist/esm/{index-e506c4ca.js.map → index-73378a46.js.map} +1 -1
- package/dist/esm/index.js +6 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/button/index.d.ts +1 -1
- package/dist/esm/lib/components/button/index.stories.d.ts +1 -1
- package/dist/esm/lib/components/{card → cards/card}/index.d.ts +3 -1
- package/dist/{cjs/lib/components → esm/lib/components/cards}/card/index.stories.d.ts +9 -2
- package/dist/esm/lib/components/cards/cardButton/index.d.ts +5 -11
- package/dist/esm/lib/components/cards/cardButton/index.stories.d.ts +1 -1
- package/dist/esm/lib/components/icon/icons/ArrowRightFilled.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/index.d.ts +4 -1
- package/dist/esm/lib/components/input/index.d.ts +1 -1
- package/dist/esm/lib/components/input/input.stories.d.ts +1 -1
- package/dist/esm/lib/components/modal/bottomModal/index.d.ts +2 -1
- package/dist/esm/lib/components/modal/genericModal/index.d.ts +20 -0
- package/dist/esm/lib/components/modal/hooks/useOnClose.d.ts +2 -0
- package/dist/esm/lib/components/modal/index.d.ts +4 -3
- package/dist/esm/lib/components/modal/index.stories.d.ts +2 -0
- package/dist/esm/lib/components/modal/regularModal/index.d.ts +2 -1
- package/dist/esm/lib/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/components/{card → cards/card}/index.stories.tsx +12 -5
- package/src/lib/components/{card → cards/card}/index.tsx +19 -6
- package/src/lib/components/{card → cards/card}/style.module.scss +5 -1
- package/src/lib/components/cards/cardButton/index.stories.tsx +11 -15
- package/src/lib/components/cards/cardButton/index.tsx +33 -48
- package/src/lib/components/cards/cardButton/style.module.scss +4 -37
- package/src/lib/components/icon/assets/arrow-right-filled.svg +4 -0
- package/src/lib/components/icon/icons/ArrowRightFilled.tsx +23 -0
- package/src/lib/components/icon/icons/index.ts +4 -1
- package/src/lib/components/modal/bottomModal/index.tsx +18 -78
- package/src/lib/components/modal/bottomModal/style.module.scss +11 -71
- package/src/lib/components/modal/genericModal/index.tsx +133 -0
- package/src/lib/components/modal/genericModal/style.module.scss +71 -0
- package/src/lib/components/modal/hooks/useOnClose.ts +27 -5
- package/src/lib/components/modal/index.stories.tsx +95 -0
- package/src/lib/components/modal/index.ts +4 -2
- package/src/lib/components/modal/regularModal/index.tsx +20 -61
- package/src/lib/components/modal/regularModal/style.module.scss +6 -74
- package/src/lib/index.tsx +1 -1
- package/dist/esm/components/card/index.js.map +0 -1
- package/dist/esm/components/card/index.stories.js.map +0 -1
- package/dist/esm/useOnClose-d818a54f.js +0 -46
- package/dist/esm/useOnClose-d818a54f.js.map +0 -1
- package/src/lib/components/cards/a.stories.mdx +0 -44
- package/src/lib/components/modal/bottomModal/img/close.svg +0 -4
- package/src/lib/components/modal/regularModal/img/close.svg +0 -4
package/dist/cjs/index.js
CHANGED
|
@@ -212,9 +212,9 @@ function styleInject(css, ref) {
|
|
|
212
212
|
}
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
var css_248z$
|
|
216
|
-
var styles$
|
|
217
|
-
styleInject(css_248z$
|
|
215
|
+
var css_248z$y = ".style-module_container__3bJf5 {\n display: flex;\n}\n@media (max-width: 34rem) {\n .style-module_container__3bJf5 {\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}";
|
|
216
|
+
var styles$x = {"container":"style-module_container__3bJf5","dayInput":"style-module_dayInput__1OBNv","monthInput":"style-module_monthInput__2L_7o","yearInput":"style-module_yearInput__2C_H8"};
|
|
217
|
+
styleInject(css_248z$y);
|
|
218
218
|
|
|
219
219
|
var classnames = {exports: {}};
|
|
220
220
|
|
|
@@ -286,27 +286,27 @@ function generateId() {
|
|
|
286
286
|
return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
-
var css_248z$
|
|
290
|
-
var styles$
|
|
291
|
-
styleInject(css_248z$
|
|
289
|
+
var css_248z$x = ".style-module_container__2L4SP {\n position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n position: absolute;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--ds-grey-500);\n transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0,\n.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-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n top: 28px;\n}\n\n.style-module_input--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\n.style-module_placeholder__1U2z0 {\n position: absolute;\n pointer-events: none;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.3s ease all;\n color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n display: inline-block;\n margin-bottom: 8px;\n color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n margin-top: 4px;\n}";
|
|
290
|
+
var styles$w = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","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"};
|
|
291
|
+
styleInject(css_248z$x);
|
|
292
292
|
|
|
293
293
|
var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
294
294
|
var _b, _c, _d, _e, _f, _g;
|
|
295
295
|
var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, _j = _a.labelInsideInput, labelInsideInput = _j === void 0 ? false : _j, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel", "labelInsideInput"]);
|
|
296
296
|
var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : generateId())[0];
|
|
297
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
298
|
-
_b[styles$
|
|
297
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$w.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && !labelInsideInput && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames$1('p-p', styles$w.label, (_b = {},
|
|
298
|
+
_b[styles$w['label--with-error']] = error,
|
|
299
299
|
_b['sr-only'] = hideLabel,
|
|
300
300
|
_b)) }, { children: label }), void 0)),
|
|
301
301
|
jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames$1(error ? 'p-input--error' : 'p-input', (!label || labelInsideInput) && placeholder && placeholder.length > 0
|
|
302
|
-
? styles$
|
|
303
|
-
: styles$
|
|
304
|
-
_c[styles$
|
|
305
|
-
_c[styles$
|
|
302
|
+
? styles$w.input
|
|
303
|
+
: styles$w['input--no-placeholder'], (_c = {},
|
|
304
|
+
_c[styles$w['input--with-prefix']] = prefix,
|
|
305
|
+
_c[styles$w['input--with-inside-label']] = labelInsideInput,
|
|
306
306
|
_c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled }, props), void 0),
|
|
307
|
-
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames$1(styles$
|
|
308
|
-
(!label || labelInsideInput) && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames$1(styles$
|
|
309
|
-
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$
|
|
307
|
+
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames$1(styles$w.prefix, (_d = {}, _d[styles$w['prefix--with-error']] = error, _d), (_e = {}, _e[styles$w['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
|
|
308
|
+
(!label || labelInsideInput) && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames$1(styles$w.placeholder, (_f = {}, _f[styles$w['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$w['placeholder--with-error']] = error, _g)) }, { children: labelInsideInput ? label : placeholder }), void 0))] }), void 0),
|
|
309
|
+
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$w.error }, { children: error }), void 0))] }), void 0));
|
|
310
310
|
});
|
|
311
311
|
|
|
312
312
|
var build = {};
|
|
@@ -2300,16 +2300,16 @@ var useOnClickOutside = function (ref, callback) {
|
|
|
2300
2300
|
}, [ref, callback]);
|
|
2301
2301
|
};
|
|
2302
2302
|
|
|
2303
|
-
var css_248z$
|
|
2304
|
-
var styles$
|
|
2305
|
-
styleInject(css_248z$
|
|
2303
|
+
var css_248z$w = ".styles-module_wrapper__1_lY0 {\n margin: 4px;\n}";
|
|
2304
|
+
var styles$v = {"wrapper":"styles-module_wrapper__1_lY0"};
|
|
2305
|
+
styleInject(css_248z$w);
|
|
2306
2306
|
|
|
2307
2307
|
var IconWrapper = function (_a) {
|
|
2308
2308
|
var _b;
|
|
2309
2309
|
var children = _a.children, _c = _a.size, size = _c === void 0 ? 16 : _c, color = _a.color, className = _a.className, noMargin = _a.noMargin;
|
|
2310
2310
|
return (jsxRuntime.jsx("span", __assign({ className: classNames$1('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
|
|
2311
2311
|
_b["tc-" + color] = !!color,
|
|
2312
|
-
_b[styles$
|
|
2312
|
+
_b[styles$v.wrapper] = !noMargin,
|
|
2313
2313
|
_b)), style: {
|
|
2314
2314
|
minWidth: size + "px",
|
|
2315
2315
|
width: size + "px",
|
|
@@ -2349,6 +2349,10 @@ var _8 = (function (props) {
|
|
|
2349
2349
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { fill: "currentColor", d: "M5.568 16.536c0-.928.304-1.776.912-2.544.608-.784 1.504-1.432 2.688-1.944-.896-.576-1.592-1.216-2.088-1.92-.496-.72-.744-1.608-.744-2.664 0-.96.256-1.784.768-2.472.528-.704 1.232-1.24 2.112-1.608.88-.368 1.848-.552 2.904-.552 1.12 0 2.088.168 2.904.504.816.336 1.44.808 1.872 1.416.432.608.648 1.304.648 2.088 0 .88-.272 1.688-.816 2.424-.544.72-1.328 1.336-2.352 1.848 1.264.72 2.256 1.472 2.976 2.256.72.784 1.08 1.752 1.08 2.904 0 .992-.288 1.856-.864 2.592-.56.736-1.344 1.304-2.352 1.704-.992.4-2.112.6-3.36.6-1.76 0-3.248-.376-4.464-1.128-1.216-.768-1.824-1.936-1.824-3.504ZM9.336 6.72c0 .528.16 1.008.48 1.44.336.416.744.784 1.224 1.104.496.304 1.176.688 2.04 1.152.592-.368 1.048-.816 1.368-1.344a3.116 3.116 0 0 0 .504-1.704c0-1.008-.256-1.784-.768-2.328-.496-.544-1.192-.816-2.088-.816-.768 0-1.424.224-1.968.672-.528.432-.792 1.04-.792 1.824Zm5.688 10.176c0-.544-.16-1.016-.48-1.416a4.6 4.6 0 0 0-1.2-1.08c-.464-.304-1.12-.68-1.968-1.128-.448-.224-.784-.4-1.008-.528a4.864 4.864 0 0 0-1.44 1.416 3.404 3.404 0 0 0-.528 1.848c0 1.104.312 1.992.936 2.664.64.672 1.512 1.008 2.616 1.008.528 0 1.024-.112 1.488-.336.48-.24.864-.568 1.152-.984.288-.416.432-.904.432-1.464Z" }, void 0));
|
|
2350
2350
|
});
|
|
2351
2351
|
|
|
2352
|
+
var Cancer = (function (props) {
|
|
2353
|
+
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "square", strokeLinejoin: "round", strokeWidth: 2, d: "M14.227 9.715a4.134 4.134 0 0 0 1.01-2.736C15.238 4.782 13.585 3 11.545 3S7.851 4.782 7.851 6.98C7.85 8.038 8 9 9.5 11l8.5 9.5m-9.5-4-3.5 4" }, void 0));
|
|
2354
|
+
});
|
|
2355
|
+
|
|
2352
2356
|
var Activity = (function (props) {
|
|
2353
2357
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12h-3l-3 9L9 3l-3 9H3" }, void 0));
|
|
2354
2358
|
});
|
|
@@ -2433,6 +2437,10 @@ var ArrowRightCircle = (function (props) {
|
|
|
2433
2437
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "m12 8 3.823 3.823a.25.25 0 0 1 0 .354L12 16m-4-4h8m6 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" }, void 0));
|
|
2434
2438
|
});
|
|
2435
2439
|
|
|
2440
|
+
var ArrowRightFilled = (function (props) {
|
|
2441
|
+
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", stroke: "currentColor", strokeWidth: 2 }, void 0), jsxRuntime.jsx("path", { stroke: "#fff", strokeLinecap: "round", strokeWidth: 2, d: "m12 8 3.823 3.823a.25.25 0 0 1 0 .354L12 16m-4-4h8" }, void 0));
|
|
2442
|
+
});
|
|
2443
|
+
|
|
2436
2444
|
var ArrowRight = (function (props) {
|
|
2437
2445
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 12h14m0 0-7-7m7 7-7 7" }, void 0));
|
|
2438
2446
|
});
|
|
@@ -2569,10 +2577,6 @@ var Camera = (function (props) {
|
|
|
2569
2577
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeWidth: 2, d: "M22 9a2 2 0 0 0-2-2h-2.732a.5.5 0 0 1-.416-.223l-1.704-2.554A.5.5 0 0 0 14.732 4H9.268a.5.5 0 0 0-.416.223L7.148 6.777A.5.5 0 0 1 6.732 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9Z" }, void 0), jsxRuntime.jsx("path", { stroke: "currentColor", strokeWidth: 2, d: "M8 13a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z" }, void 0));
|
|
2570
2578
|
});
|
|
2571
2579
|
|
|
2572
|
-
var Cancer = (function (props) {
|
|
2573
|
-
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "square", strokeLinejoin: "round", strokeWidth: 2, d: "M14.227 9.715a4.134 4.134 0 0 0 1.01-2.736C15.238 4.782 13.585 3 11.545 3S7.851 4.782 7.851 6.98C7.85 8.038 8 9 9.5 11l8.5 9.5m-9.5-4-3.5 4" }, void 0));
|
|
2574
|
-
});
|
|
2575
|
-
|
|
2576
2580
|
var Cast = (function (props) {
|
|
2577
2581
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 20h6a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2m0 8a4 4 0 0 1 4 4m-4-8a8 8 0 0 1 8 8" }, void 0));
|
|
2578
2582
|
});
|
|
@@ -3287,6 +3291,14 @@ var PlaneFilled = (function (props) {
|
|
|
3287
3291
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { fill: "currentColor", stroke: "currentColor", strokeLinejoin: "round", d: "m3 15.76 3.53 1.696L8.245 21l2.08-2.079-.12-2.199 2.21-2.206 5.884 5.88 2.208-2.205-3.68-8.084s1.477-1.47 2.21-2.206l.01-.01c.741-.745 2.92-2.935 1.458-4.397-1.468-1.468-3.68.732-4.411 1.468-.732.737-2.211 2.206-2.211 2.206L5.793 3.49 3.584 5.697l5.786 5.78-2.208 2.204H5.08L3 15.761Z" }, void 0));
|
|
3288
3292
|
});
|
|
3289
3293
|
|
|
3294
|
+
var PlaneRepatriationFilled = (function (props) {
|
|
3295
|
+
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { fill: "currentColor", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 2, d: "m3 15.76 3.53 1.696L8.245 21l2.08-2.079-.12-2.199 2.21-2.206 5.884 5.88 2.208-2.205-3.68-8.084s1.477-1.47 2.21-2.206l.01-.01c.741-.745 2.92-2.935 1.458-4.397-1.468-1.468-3.68.732-4.411 1.468-.732.737-2.211 2.206-2.211 2.206L5.793 3.49 3.584 5.697l5.786 5.78-2.208 2.204H5.08L3 15.761Z" }, void 0));
|
|
3296
|
+
});
|
|
3297
|
+
|
|
3298
|
+
var PlaneRepatriation = (function (props) {
|
|
3299
|
+
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 2, d: "m20.764 4.18-.001-.003M6.529 17.456 3 15.76l2.081-2.079h2.08l2.21-2.204-5.787-5.78 2.209-2.206 8.091 3.677s1.479-1.47 2.21-2.206c.733-.736 2.944-2.936 4.412-1.468 1.462 1.462-.717 3.652-1.459 4.397l-.01.01c-.732.736-2.208 2.206-2.208 2.206l3.68 8.084-2.209 2.205-5.885-5.88-2.209 2.206.12 2.2L8.247 21l-1.717-3.544Z" }, void 0));
|
|
3300
|
+
});
|
|
3301
|
+
|
|
3290
3302
|
var Plane = (function (props) {
|
|
3291
3303
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 2, d: "m20.764 4.18-.001-.003M6.529 17.456 3 15.76l2.081-2.079h2.081l2.209-2.204-5.786-5.78 2.208-2.206 8.091 3.677s1.48-1.47 2.211-2.206c.732-.736 2.943-2.936 4.412-1.468 1.461 1.462-.718 3.652-1.46 4.397l-.01.01c-.732.736-2.208 2.206-2.208 2.206l3.68 8.084-2.209 2.205-5.885-5.88-2.208 2.206.12 2.2L8.246 21l-1.717-3.544Z" }, void 0));
|
|
3292
3304
|
});
|
|
@@ -3774,9 +3786,9 @@ var ZoomOut = (function (props) {
|
|
|
3774
3786
|
return require$$0.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" }, void 0));
|
|
3775
3787
|
});
|
|
3776
3788
|
|
|
3777
|
-
var css_248z$
|
|
3778
|
-
var styles$
|
|
3779
|
-
styleInject(css_248z$
|
|
3789
|
+
var css_248z$v = ".style-module_container__3SY_g {\n position: relative;\n}";
|
|
3790
|
+
var styles$u = {"container":"style-module_container__3SY_g"};
|
|
3791
|
+
styleInject(css_248z$v);
|
|
3780
3792
|
|
|
3781
3793
|
var buttonTypeClassNameMap = {
|
|
3782
3794
|
filledColor: 'p-btn--primary',
|
|
@@ -3836,7 +3848,7 @@ var Calendar = function (_a) {
|
|
|
3836
3848
|
if (!displayCalendar) {
|
|
3837
3849
|
return null;
|
|
3838
3850
|
}
|
|
3839
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
3851
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$u.container + " ml8", ref: calendarContainerRef }, { children: [jsxRuntime.jsx(Button, __assign({ onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textColor', leftIcon: jsxRuntime.jsx(CalendarIcon, {}, void 0), type: "button" }, { children: "Select date" }), void 0),
|
|
3840
3852
|
isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
|
|
3841
3853
|
if (!dayjs(date).isValid()) {
|
|
3842
3854
|
return;
|
|
@@ -3973,12 +3985,12 @@ var DateSelector = function (_a) {
|
|
|
3973
3985
|
};
|
|
3974
3986
|
var getInputProps = function (key, index) {
|
|
3975
3987
|
var _a, _b;
|
|
3976
|
-
return (__assign({ 'data-cy': "date-selector-" + key, 'data-testid': "date-selector-" + key, className: styles$
|
|
3988
|
+
return (__assign({ 'data-cy': "date-selector-" + key, 'data-testid': "date-selector-" + key, className: styles$x[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[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) {
|
|
3977
3989
|
var target = _a.target;
|
|
3978
3990
|
return handleOnChange(key, target.value);
|
|
3979
3991
|
} }, (inputProps === null || inputProps === void 0 ? void 0 : inputProps(key)) || {}));
|
|
3980
3992
|
};
|
|
3981
|
-
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex ai-center" }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1(styles$
|
|
3993
|
+
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex ai-center" }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1(styles$x.container, "d-flex gap8") }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex gap8 jc-between" }, { children: [jsxRuntime.jsx(Input, __assign({}, getInputProps('day', 0)), void 0),
|
|
3982
3994
|
jsxRuntime.jsx(Input, __assign({}, getInputProps('month', 1)), void 0)] }), void 0),
|
|
3983
3995
|
jsxRuntime.jsx(Input, __assign({}, getInputProps('year', 2)), void 0)] }), void 0),
|
|
3984
3996
|
jsxRuntime.jsx(Calendar, { dateFormat: COLLECTABLE_DATE_FORMAT, yearBoundaries: yearBoundaries, displayCalendar: displayCalendar, dayjsLocale: dayjsLocale, firstDayOfWeek: firstDayOfWeek, isOpen: isCalendarOpen, setCalendarOpen: setIsCalendarOpen, value: value, onChange: onChange }, void 0)] }), void 0),
|
|
@@ -4483,9 +4495,9 @@ class SignaturePad$1 {
|
|
|
4483
4495
|
}
|
|
4484
4496
|
}
|
|
4485
4497
|
|
|
4486
|
-
var css_248z$
|
|
4487
|
-
var styles$
|
|
4488
|
-
styleInject(css_248z$
|
|
4498
|
+
var css_248z$u = ".style-module_container__1VolG {\n position: relative;\n background-color: var(--ds-grey-200);\n border-radius: 8px;\n height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n width: 100%;\n height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n position: absolute;\n height: 2px;\n right: 112px;\n left: 72px;\n bottom: 32px;\n background-color: var(--ds-grey-400);\n border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n display: flex;\n position: absolute;\n right: 16px;\n bottom: 32px;\n color: var(--ds-primary-500);\n cursor: pointer;\n border: none;\n text-decoration: none;\n font-size: 16px;\n line-height: 24px;\n background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n content: \"\";\n display: inline-block;\n height: 24px;\n width: 24px;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: currentColor;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-background-color: currentColor;\n margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n position: absolute;\n bottom: 32px;\n left: 16px;\n height: 24px;\n width: 24px;\n mask-size: 24px 24px;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-size: 24px 24px;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n background-color: var(--ds-grey-500);\n}";
|
|
4499
|
+
var styles$t = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
|
|
4500
|
+
styleInject(css_248z$u);
|
|
4489
4501
|
|
|
4490
4502
|
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";
|
|
4491
4503
|
|
|
@@ -4514,15 +4526,15 @@ var SignaturePad = /** @class */ (function (_super) {
|
|
|
4514
4526
|
SignaturePad.prototype.render = function () {
|
|
4515
4527
|
var hasContent = this.state.hasContent;
|
|
4516
4528
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
|
|
4517
|
-
__html: "." + styles$
|
|
4529
|
+
__html: "." + styles$t.reset + "::before { \n -webkit-mask-image: url(\"" + reset + "\");\n mask-image: url(\"" + reset + "\");\n }",
|
|
4518
4530
|
} }, void 0),
|
|
4519
|
-
jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
4520
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
4521
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
4531
|
+
jsxRuntime.jsxs("div", __assign({ className: styles$t.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$t.canvas, ref: this.canvasRef }, void 0),
|
|
4532
|
+
jsxRuntime.jsx("div", { className: styles$t.separator }, void 0),
|
|
4533
|
+
jsxRuntime.jsx("div", { className: styles$t.sign, style: {
|
|
4522
4534
|
WebkitMaskImage: "url(\"" + sign + "\")",
|
|
4523
4535
|
maskImage: "url(\"" + sign + "\")",
|
|
4524
4536
|
} }, void 0),
|
|
4525
|
-
jsxRuntime.jsx("button", __assign({ className: styles$
|
|
4537
|
+
jsxRuntime.jsx("button", __assign({ className: styles$t.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
|
|
4526
4538
|
};
|
|
4527
4539
|
SignaturePad.prototype.notifyOnChange = function () {
|
|
4528
4540
|
var onChange = this.props.onChange;
|
|
@@ -4956,9 +4968,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
4956
4968
|
return toReturn;
|
|
4957
4969
|
};
|
|
4958
4970
|
|
|
4959
|
-
var css_248z$
|
|
4960
|
-
var styles$
|
|
4961
|
-
styleInject(css_248z$
|
|
4971
|
+
var css_248z$t = "@media (max-width: 34rem) {\n .style-module_input-line__34TKK {\n flex-direction: column;\n }\n .style-module_input-line__34TKK > *:not(:first-child) {\n margin-top: 16px;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_house-number-input__1sDS5 {\n max-width: none !important;\n }\n}\n\n.style-module_map-container__2rzjU {\n position: relative;\n height: 112px;\n margin-bottom: 16px;\n border-radius: 8px;\n transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n height: 0;\n margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.style-module_appear-in-animate__1bJyO {\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute !important;\n background-color: rgba(142, 140, 238, 0.25);\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 100;\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n width: 100%;\n height: 100%;\n}";
|
|
4972
|
+
var styles$s = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
|
|
4973
|
+
styleInject(css_248z$t);
|
|
4962
4974
|
|
|
4963
4975
|
var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
|
|
4964
4976
|
var GERMANY_ALPHA_CODE = 'DE';
|
|
@@ -5091,16 +5103,16 @@ var AutocompleteAddress = function (_a) {
|
|
|
5091
5103
|
}
|
|
5092
5104
|
};
|
|
5093
5105
|
};
|
|
5094
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("wmx8 bg-grey-500 " + styles$
|
|
5095
|
-
_b[styles$
|
|
5096
|
-
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$
|
|
5097
|
-
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
5106
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("wmx8 bg-grey-500 " + styles$s['map-container'], (_b = {},
|
|
5107
|
+
_b[styles$s['map-container--hidden']] = place === null,
|
|
5108
|
+
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$s.map, id: "map" }, void 0),
|
|
5109
|
+
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$s['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
|
|
5098
5110
|
jsxRuntime.jsx("div", __assign({ className: "wmx8" }, { children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"),
|
|
5099
|
-
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$
|
|
5100
|
-
jsxRuntime.jsx(Input, __assign({ className: "wmx2 " + styles$
|
|
5111
|
+
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$s['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex c-gap16 " + styles$s['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"),
|
|
5112
|
+
jsxRuntime.jsx(Input, __assign({ className: "wmx2 " + styles$s['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")] }), void 0),
|
|
5101
5113
|
jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
|
|
5102
5114
|
'Additional information (C/O, apartment, …)', 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"),
|
|
5103
|
-
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$
|
|
5115
|
+
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$s['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"),
|
|
5104
5116
|
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")] }), void 0)] }, void 0)) }), void 0),
|
|
5105
5117
|
manualAddressEntry === false && (jsxRuntime.jsxs("div", __assign({ className: "p-p mt8" }, { children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ',
|
|
5106
5118
|
jsxRuntime.jsx("button", __assign({ 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' }), void 0)] }), void 0))] }, void 0));
|
|
@@ -8145,13 +8157,13 @@ const AnimateHeight = (_a) => {
|
|
|
8145
8157
|
require$$0__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
8146
8158
|
};
|
|
8147
8159
|
|
|
8148
|
-
var css_248z$
|
|
8149
|
-
var styles$
|
|
8150
|
-
styleInject(css_248z$
|
|
8160
|
+
var css_248z$s = ".style-module_container__Uyltc {\n background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n border: 1px dashed var(--ds-primary-500);\n padding: 32px 0;\n background-color: white;\n transition: all 0.6s ease-in-out;\n}\n\n.style-module_img__11JI8 {\n vertical-align: middle;\n margin-right: 8px;\n height: 18px;\n}\n\n.style-module_textInline__2F21z {\n display: inline-flex;\n}\n\n.style-module_dropzoneContainer__yZoGP:focus {\n outline: none;\n}\n\n.style-module_dropzoneContainer__yZoGP:hover {\n background-color: var(--ds-primary-100);\n transition: 0.5s ease;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n pointer-events: none;\n opacity: 0.4;\n}";
|
|
8161
|
+
var styles$r = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
|
|
8162
|
+
styleInject(css_248z$s);
|
|
8151
8163
|
|
|
8152
|
-
var css_248z$
|
|
8153
|
-
var styles$
|
|
8154
|
-
styleInject(css_248z$
|
|
8164
|
+
var css_248z$r = ".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 #d2d2d8;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #e55454;\n background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_icon__31Yuk {\n margin: 0px;\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: #f5f6fb;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #8e8cee;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n cursor: pointer;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n color: inherit;\n text-align: inherit;\n outline: none;\n box-shadow: none;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n.style-module_remove-icon__2FWBQ {\n margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n pointer-events: none;\n cursor: default;\n opacity: 0.3;\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}";
|
|
8165
|
+
var styles$q = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","icon":"style-module_icon__31Yuk","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};
|
|
8166
|
+
styleInject(css_248z$r);
|
|
8155
8167
|
|
|
8156
8168
|
var UploadFileCell = function (_a) {
|
|
8157
8169
|
var _b, _c, _d;
|
|
@@ -8170,18 +8182,18 @@ var UploadFileCell = function (_a) {
|
|
|
8170
8182
|
COMPLETE: name,
|
|
8171
8183
|
ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
|
|
8172
8184
|
}[uploadStatus];
|
|
8173
|
-
return (jsxRuntime.jsxs("div", __assign({ className: classNames$1("mt8 " + styles$
|
|
8174
|
-
_b[styles$
|
|
8175
|
-
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$
|
|
8176
|
-
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$
|
|
8177
|
-
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$
|
|
8178
|
-
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$
|
|
8179
|
-
jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$
|
|
8180
|
-
_c[styles$
|
|
8181
|
-
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8182
|
-
onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames$1(styles$
|
|
8183
|
-
_d[styles$
|
|
8184
|
-
_d)), "data-testid": "remove-button" }, { children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$
|
|
8185
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classNames$1("mt8 " + styles$q['upload-file-cell'], (_b = {},
|
|
8186
|
+
_b[styles$q['upload-file-cell-error']] = hasError,
|
|
8187
|
+
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$q['cell-left-section'] }, { children: [jsxRuntime.jsx(FileIcon, { className: classNames$1(styles$q['main-icon'] + " " + styles$q.icon), color: mapFileIconColor[uploadStatus], size: 24 }, void 0),
|
|
8188
|
+
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$q['upload-display-text'], title: displayText }, { children: displayText }), void 0),
|
|
8189
|
+
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$q['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$q['progress-bar'] }, void 0),
|
|
8190
|
+
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$q['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
|
|
8191
|
+
jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$q['cell-right-section'], (_c = {},
|
|
8192
|
+
_c[styles$q['cell-right-section-complete']] = isComplete,
|
|
8193
|
+
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$q.spinner }, { children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" }, void 0)) }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx("a", __assign({ className: styles$q['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx(EyeVisionIcon, { color: 'grey-500', size: 24, className: styles$q.icon }, void 0) }), void 0)),
|
|
8194
|
+
onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames$1(styles$q['remove-icon'], (_d = {},
|
|
8195
|
+
_d[styles$q.disabled] = uploading,
|
|
8196
|
+
_d)), "data-testid": "remove-button" }, { children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$q.icon }, void 0) }), void 0))] }, void 0)) }), void 0)] }), void 0));
|
|
8185
8197
|
};
|
|
8186
8198
|
|
|
8187
8199
|
var k$3 = 1024;
|
|
@@ -8320,11 +8332,11 @@ var MultiDropzone = function (_a) {
|
|
|
8320
8332
|
maxSize: maxSize,
|
|
8321
8333
|
onDrop: onDrop,
|
|
8322
8334
|
}), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
|
|
8323
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8324
|
-
_b[styles$
|
|
8335
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$r.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("w100 ta-center br8 c-pointer " + styles$r.dropzoneContainer, (_b = {},
|
|
8336
|
+
_b[styles$r['dropzoneContainerDisabled']] = uploading,
|
|
8325
8337
|
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
|
|
8326
|
-
jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$
|
|
8327
|
-
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles$
|
|
8338
|
+
jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$r.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }, void 0),
|
|
8339
|
+
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles$r.textInline : '') }, { children: uploading
|
|
8328
8340
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
8329
8341
|
'Please wait while uploading file...'
|
|
8330
8342
|
: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
|
|
@@ -8342,17 +8354,17 @@ var MultiDropzone = function (_a) {
|
|
|
8342
8354
|
jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: jsxRuntime.jsx("p", __assign({ className: "tc-red-500 mt16" }, { children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || "You can upload maximum " + maxFiles + " files." }), void 0) }), void 0)] }), void 0));
|
|
8343
8355
|
};
|
|
8344
8356
|
|
|
8345
|
-
var css_248z$
|
|
8346
|
-
var styles$
|
|
8347
|
-
styleInject(css_248z$
|
|
8357
|
+
var css_248z$q = ".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}";
|
|
8358
|
+
var styles$p = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
8359
|
+
styleInject(css_248z$q);
|
|
8348
8360
|
|
|
8349
8361
|
var InitialButton = function (_a) {
|
|
8350
8362
|
var onDownload = _a.onDownload;
|
|
8351
|
-
return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$
|
|
8363
|
+
return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$p.button, leftIcon: jsxRuntime.jsx(DownloadIcon, {}, void 0), onClick: onDownload, "data-cy": "download-documents-button" }, { children: "Download" }), void 0));
|
|
8352
8364
|
};
|
|
8353
8365
|
// TODO: Allow setting loading to true to display text
|
|
8354
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$
|
|
8355
|
-
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8366
|
+
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$p.button, loading: true }, { children: "Generating" }), void 0)); };
|
|
8367
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$p['chip-complete'] }, { children: [jsxRuntime.jsx(CheckIcon, { color: 'grey-500', size: 16 }, void 0),
|
|
8356
8368
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
|
|
8357
8369
|
var DownloadButton = function (_a) {
|
|
8358
8370
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
@@ -8366,9 +8378,9 @@ var DownloadButton = function (_a) {
|
|
|
8366
8378
|
downloadStatus === 'FAILED' && (jsxRuntime.jsx("div", __assign({ className: "p-notice p-notice--danger p-p mt40 wmx5" }, { children: customFail !== null && customFail !== void 0 ? customFail : 'An error occured when generating documents. Please try again or contact us.' }), void 0))] }), void 0));
|
|
8367
8379
|
};
|
|
8368
8380
|
|
|
8369
|
-
var css_248z$
|
|
8370
|
-
var styles$
|
|
8371
|
-
styleInject(css_248z$
|
|
8381
|
+
var css_248z$p = ".style-module_informationBox__1dzYO {\n border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n background-color: #e5f0ff;\n border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n background-color: #fedede;\n border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n background-color: #fff8e3;\n border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n background-color: #e4ffe6;\n border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n background-color: #fff;\n border-color: #fff;\n}";
|
|
8382
|
+
var styles$o = {"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"};
|
|
8383
|
+
styleInject(css_248z$p);
|
|
8372
8384
|
|
|
8373
8385
|
var InformationBox = function (_a) {
|
|
8374
8386
|
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;
|
|
@@ -8379,7 +8391,7 @@ var InformationBox = function (_a) {
|
|
|
8379
8391
|
information: 'blue-500',
|
|
8380
8392
|
neutral: 'purple-500',
|
|
8381
8393
|
};
|
|
8382
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(className, 'p16 br8 color-black', styles$
|
|
8394
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(className, 'p16 br8 color-black', styles$o.informationBox, styles$o["informationBox--" + variant]), role: "alert" }, { children: jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [showIcon && (jsxRuntime.jsx("div", __assign({ "data-testid": "information-box-icon", className: 'mr8' }, { children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$o.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }, void 0) }), void 0)),
|
|
8383
8395
|
jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", __assign({ "data-testid": "information-box-title", className: classNames$1(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
|
|
8384
8396
|
jsxRuntime.jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
|
|
8385
8397
|
};
|
|
@@ -8465,9 +8477,9 @@ var CurrencyInput = function (_a) {
|
|
|
8465
8477
|
} }, props), void 0));
|
|
8466
8478
|
};
|
|
8467
8479
|
|
|
8468
|
-
var css_248z$
|
|
8469
|
-
var styles$
|
|
8470
|
-
styleInject(css_248z$
|
|
8480
|
+
var css_248z$o = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n padding-bottom: 6px;\n padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n padding-bottom: 8px;\n padding-top: 8px;\n}";
|
|
8481
|
+
var styles$n = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
|
|
8482
|
+
styleInject(css_248z$o);
|
|
8471
8483
|
|
|
8472
8484
|
var getVariantClassNames = function (variant) { return ({
|
|
8473
8485
|
information: 'bg-blue-100',
|
|
@@ -8482,12 +8494,12 @@ var getVariantClassNames = function (variant) { return ({
|
|
|
8482
8494
|
}[variant]); };
|
|
8483
8495
|
var Badge = function (_a) {
|
|
8484
8496
|
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;
|
|
8485
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$
|
|
8497
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$n["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
|
|
8486
8498
|
};
|
|
8487
8499
|
|
|
8488
|
-
var css_248z$
|
|
8489
|
-
var styles$
|
|
8490
|
-
styleInject(css_248z$
|
|
8500
|
+
var css_248z$n = ".styles-module_container__3zJJC {\n max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n max-width: 424px;\n}";
|
|
8501
|
+
var styles$m = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
|
|
8502
|
+
styleInject(css_248z$n);
|
|
8491
8503
|
|
|
8492
8504
|
var Checkbox = function (_a) {
|
|
8493
8505
|
var _b;
|
|
@@ -8516,8 +8528,8 @@ var Checkbox = function (_a) {
|
|
|
8516
8528
|
var isCheckboxLabelObject = function (label) {
|
|
8517
8529
|
return label.title !== undefined;
|
|
8518
8530
|
};
|
|
8519
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
8520
|
-
_b[styles$
|
|
8531
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$m.container, 'd-flex gap8', (_b = {},
|
|
8532
|
+
_b[styles$m.narrow] = !wide,
|
|
8521
8533
|
_b['fd-row'] = inlineLayout,
|
|
8522
8534
|
_b['f-wrap'] = inlineLayout,
|
|
8523
8535
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -8539,17 +8551,17 @@ var Checkbox = function (_a) {
|
|
|
8539
8551
|
}) }), void 0));
|
|
8540
8552
|
};
|
|
8541
8553
|
|
|
8542
|
-
var css_248z$
|
|
8543
|
-
var styles$
|
|
8544
|
-
styleInject(css_248z$
|
|
8554
|
+
var css_248z$m = ".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}";
|
|
8555
|
+
var styles$l = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
|
|
8556
|
+
styleInject(css_248z$m);
|
|
8545
8557
|
|
|
8546
8558
|
var Radio = function (_a) {
|
|
8547
8559
|
var _b;
|
|
8548
8560
|
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;
|
|
8549
8561
|
var entries = Object.entries(options);
|
|
8550
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
8551
|
-
_b[styles$
|
|
8552
|
-
_b[styles$
|
|
8562
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$l.container, 'd-flex gap8', (_b = {},
|
|
8563
|
+
_b[styles$l.wide] = wide,
|
|
8564
|
+
_b[styles$l.narrow] = !wide,
|
|
8553
8565
|
_b['fd-row'] = inlineLayout,
|
|
8554
8566
|
_b['f-wrap'] = inlineLayout,
|
|
8555
8567
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -8576,19 +8588,23 @@ var Radio = function (_a) {
|
|
|
8576
8588
|
}) }), void 0));
|
|
8577
8589
|
};
|
|
8578
8590
|
|
|
8579
|
-
var css_248z$
|
|
8580
|
-
var styles$
|
|
8581
|
-
styleInject(css_248z$
|
|
8591
|
+
var css_248z$l = "@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@media (max-width: 34rem) {\n .style-module_container__aOENo {\n padding-bottom: 48px;\n }\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}";
|
|
8592
|
+
var styles$k = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","appear-in":"style-module_appear-in__3U2lu","containerClose":"style-module_containerClose__3-nqc","disappear-out":"style-module_disappear-out__6pOVr"};
|
|
8593
|
+
styleInject(css_248z$l);
|
|
8582
8594
|
|
|
8583
8595
|
var useOnClose = function (onClose, isOpen, dismissable) {
|
|
8584
|
-
var _a = require$$0.useState(false),
|
|
8596
|
+
var _a = require$$0.useState(false), isVisible = _a[0], setIsVisible = _a[1];
|
|
8597
|
+
var _b = require$$0.useState(false), isClosing = _b[0], setIsClosing = _b[1];
|
|
8585
8598
|
var handleOnClose = require$$0.useCallback(function () {
|
|
8586
8599
|
setIsClosing(true);
|
|
8587
|
-
|
|
8600
|
+
}, []);
|
|
8601
|
+
var handleOnCloseAnimationEnded = require$$0.useCallback(function () {
|
|
8602
|
+
if (isVisible && isClosing) {
|
|
8588
8603
|
onClose();
|
|
8604
|
+
setIsVisible(false);
|
|
8589
8605
|
setIsClosing(false);
|
|
8590
|
-
}
|
|
8591
|
-
}, [
|
|
8606
|
+
}
|
|
8607
|
+
}, [isClosing, isVisible, onClose]);
|
|
8592
8608
|
var handleOnOverlayClick = require$$0.useCallback(function () {
|
|
8593
8609
|
if (!dismissable) {
|
|
8594
8610
|
return;
|
|
@@ -8611,52 +8627,84 @@ var useOnClose = function (onClose, isOpen, dismissable) {
|
|
|
8611
8627
|
};
|
|
8612
8628
|
}, [handleEscKey]);
|
|
8613
8629
|
require$$0.useEffect(function () {
|
|
8630
|
+
if (isOpen) {
|
|
8631
|
+
setIsVisible(true);
|
|
8632
|
+
}
|
|
8633
|
+
if (!isOpen && isVisible) {
|
|
8634
|
+
handleOnClose();
|
|
8635
|
+
}
|
|
8614
8636
|
document.body.style.overflow = isOpen ? 'hidden' : 'auto';
|
|
8615
8637
|
return function () {
|
|
8616
8638
|
document.body.style.overflow = 'auto';
|
|
8617
8639
|
};
|
|
8618
|
-
}, [isOpen]);
|
|
8640
|
+
}, [handleOnClose, isOpen, isVisible]);
|
|
8619
8641
|
var handleContainerClick = function (e) {
|
|
8620
8642
|
e.stopPropagation();
|
|
8621
8643
|
};
|
|
8622
|
-
return {
|
|
8644
|
+
return {
|
|
8645
|
+
isClosing: isClosing,
|
|
8646
|
+
isVisible: isVisible,
|
|
8647
|
+
handleContainerClick: handleContainerClick,
|
|
8648
|
+
handleOnCloseAnimationEnded: handleOnCloseAnimationEnded,
|
|
8649
|
+
handleOnClose: handleOnClose,
|
|
8650
|
+
handleOnOverlayClick: handleOnOverlayClick
|
|
8651
|
+
};
|
|
8652
|
+
};
|
|
8653
|
+
|
|
8654
|
+
var css_248z$k = "@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: 100;\n overflow: auto;\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}\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(#ededf2 30%, #ededf2), linear-gradient(#ededf2, #ededf2 70%) 0 100%;\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 width: 100%;\n position: sticky;\n bottom: 0;\n}";
|
|
8655
|
+
var styles$j = {"overlay":"style-module_overlay__2f00R","fade-in":"style-module_fade-in__f_VRg","overlayClose":"style-module_overlayClose__1p313","fade-out":"style-module_fade-out__1tEwS","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
|
|
8656
|
+
styleInject(css_248z$k);
|
|
8657
|
+
|
|
8658
|
+
var GenericModal = function (_a) {
|
|
8659
|
+
var _b;
|
|
8660
|
+
var _c, _d;
|
|
8661
|
+
var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, classNames = _a.classNames, _e = _a.dismissible, dismissible = _e === void 0 ? true : _e, footer = _a.footer, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f;
|
|
8662
|
+
var _g = useOnClose(onClose, isOpen, dismissible), isClosing = _g.isClosing, isVisible = _g.isVisible, handleContainerClick = _g.handleContainerClick, handleOnCloseAnimationEnded = _g.handleOnCloseAnimationEnded, handleOnClose = _g.handleOnClose, handleOnOverlayClick = _g.handleOnOverlayClick;
|
|
8663
|
+
return !isVisible ? null : (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.overlay, styles$j.overlay, (_b = {},
|
|
8664
|
+
_b[styles$j.overlayClose] = isClosing,
|
|
8665
|
+
_b)), onAnimationEnd: handleOnCloseAnimationEnded, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: typeof (classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) === 'string'
|
|
8666
|
+
? classNames === null || classNames === void 0 ? void 0 : classNames.wrapper
|
|
8667
|
+
: (_c = classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) === null || _c === void 0 ? void 0 : _c.call(classNames, { isClosing: isClosing }) }, { children: jsxRuntime.jsxs("div", __assign({ className: typeof (classNames === null || classNames === void 0 ? void 0 : classNames.container) === 'string'
|
|
8668
|
+
? classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
8669
|
+
: (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$j.header, {
|
|
8670
|
+
'jc-between': !!children,
|
|
8671
|
+
'jc-end': !children,
|
|
8672
|
+
}) }, { children: [title && (jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$j.title, titleSize === 'small' ? 'p-h4' : 'p-h2') }, { children: title }), void 0)),
|
|
8673
|
+
dismissible && (jsxRuntime.jsx(Button, __assign({ hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700" }, void 0), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$j.closeButton) }, { children: "Close modal" }), void 0))] }), void 0),
|
|
8674
|
+
jsxRuntime.jsx("div", __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$j.body) }, { children: children }), void 0),
|
|
8675
|
+
footer && (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'bg-white', styles$j.footer) }, { children: jsxRuntime.jsx("div", __assign({ className: "px24 py16" }, { children: footer }), void 0) }), void 0))] }), void 0) }), void 0) }), void 0));
|
|
8623
8676
|
};
|
|
8624
8677
|
|
|
8625
8678
|
var BottomModal = function (_a) {
|
|
8626
|
-
var
|
|
8627
|
-
|
|
8628
|
-
|
|
8629
|
-
|
|
8630
|
-
|
|
8631
|
-
|
|
8632
|
-
|
|
8633
|
-
|
|
8634
|
-
|
|
8635
|
-
|
|
8636
|
-
|
|
8637
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$j['overlay--close'] : styles$j.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: styles$j.wrapper, ref: containerRef, onClick: handleContainerClick, style: { top: containerXOffset + "px" } }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$j['container--close'] : styles$j.container) + " " + className }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1(styles$j.header, {
|
|
8638
|
-
'jc-between': !!title,
|
|
8639
|
-
'jc-end': !title,
|
|
8640
|
-
}) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$j.title }, { children: title }), void 0),
|
|
8641
|
-
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$j.close, onClick: handleOnClose }, { children: jsxRuntime.jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles$j.closeIcon }, void 0) }), void 0))] }), void 0),
|
|
8642
|
-
jsxRuntime.jsx("div", __assign({ className: styles$j.content }, { children: children }), void 0)] }), void 0) }), void 0) }), void 0));
|
|
8679
|
+
var className = _a.className, rest = __rest$1(_a, ["className"]);
|
|
8680
|
+
return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: 'small', classNames: {
|
|
8681
|
+
wrapper: classNames$1('w100', styles$k.wrapper),
|
|
8682
|
+
container: function (_a) {
|
|
8683
|
+
var _b;
|
|
8684
|
+
var isClosing = _a.isClosing;
|
|
8685
|
+
return classNames$1('bg-white d-flex fd-column w100', className, styles$k.container, (_b = {},
|
|
8686
|
+
_b[styles$k.containerClose] = isClosing,
|
|
8687
|
+
_b));
|
|
8688
|
+
},
|
|
8689
|
+
} }, rest), void 0));
|
|
8643
8690
|
};
|
|
8644
8691
|
|
|
8645
|
-
var css_248z$j = "@keyframes style-
|
|
8646
|
-
var styles$i = {"
|
|
8692
|
+
var css_248z$j = "@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: 96vh;\n overflow: hidden;\n}";
|
|
8693
|
+
var styles$i = {"wrapper":"style-module_wrapper__qQirD","appear-in":"style-module_appear-in__2ZMqz","wrapperClose":"style-module_wrapperClose__2aXSB","disappear-out":"style-module_disappear-out__38TSV","container":"style-module_container__1XZj_"};
|
|
8647
8694
|
styleInject(css_248z$j);
|
|
8648
8695
|
|
|
8649
8696
|
var RegularModal = function (_a) {
|
|
8650
|
-
var
|
|
8651
|
-
|
|
8652
|
-
|
|
8653
|
-
|
|
8654
|
-
|
|
8655
|
-
|
|
8656
|
-
|
|
8657
|
-
|
|
8658
|
-
|
|
8659
|
-
|
|
8697
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, rest = __rest$1(_a, ["className"]);
|
|
8698
|
+
return (jsxRuntime.jsx(GenericModal, __assign({ classNames: {
|
|
8699
|
+
wrapper: function (_a) {
|
|
8700
|
+
var _b;
|
|
8701
|
+
var isClosing = _a.isClosing;
|
|
8702
|
+
return classNames$1('d-flex ai-center w90 mx-auto my0', className, styles$i.wrapper, (_b = {},
|
|
8703
|
+
_b[styles$i.wrapperClose] = isClosing,
|
|
8704
|
+
_b));
|
|
8705
|
+
},
|
|
8706
|
+
container: classNames$1('bg-white br8 d-flex ai-center fd-column mx-auto my0 wmx8', styles$i.container)
|
|
8707
|
+
} }, rest), void 0));
|
|
8660
8708
|
};
|
|
8661
8709
|
|
|
8662
8710
|
var css_248z$i = "@media (min-width: 34rem) {\n .style-module_mobile__3k175 {\n display: none;\n }\n}\n@media (max-width: 34rem) {\n .style-module_mobile__3k175 {\n display: block !important;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_desktop__2lclr {\n display: none;\n }\n}";
|
|
@@ -8703,47 +8751,18 @@ var InfoCard = function (_a) {
|
|
|
8703
8751
|
jsxRuntime.jsx("div", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
|
|
8704
8752
|
};
|
|
8705
8753
|
|
|
8706
|
-
var css_248z$g = ".style-
|
|
8707
|
-
var styles$f = {"
|
|
8754
|
+
var css_248z$g = ".style-module_containerDisabled__2j9_N {\n pointer-events: none;\n opacity: 0.25;\n}";
|
|
8755
|
+
var styles$f = {"containerDisabled":"style-module_containerDisabled__2j9_N"};
|
|
8708
8756
|
styleInject(css_248z$g);
|
|
8709
8757
|
|
|
8710
|
-
var
|
|
8711
|
-
|
|
8712
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", __assign({ className: "p-p--small" }, { children: title }), void 0),
|
|
8713
|
-
typeof description === 'string' ? (jsxRuntime.jsx("div", __assign({ className: "tc-primary-500 p-p" }, { children: description }), void 0)) : (description)] }, void 0),
|
|
8714
|
-
jsxRuntime.jsx(ChevronRightIcon, { size: 16, color: 'purple-500', className: styles$f.chevronRight }, void 0)] }, void 0));
|
|
8715
|
-
};
|
|
8716
|
-
var CardButton = function (_a) {
|
|
8717
|
-
var title = _a.title, description = _a.description, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, href = _a.href, className = _a.className;
|
|
8718
|
-
var component = href ? 'a' : 'button';
|
|
8719
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: require$$0.createElement(component, __assign({ className: "c-pointer ta-left w100 " + styles$f.container + " " + (className !== null && className !== void 0 ? className : '') + "\n ", children: jsxRuntime.jsx(CardContent, { title: title, description: description }, void 0), disabled: disabled }, (component === 'a' ? { href: href } : { onClick: onClick }))) }, void 0));
|
|
8720
|
-
};
|
|
8721
|
-
|
|
8722
|
-
var associatedClassForCardState = function (state, dropshadow) {
|
|
8723
|
-
var baseClass = (function () {
|
|
8724
|
-
switch (state) {
|
|
8725
|
-
case 'actionable':
|
|
8726
|
-
return 'ds-card--actionable';
|
|
8727
|
-
case 'muted':
|
|
8728
|
-
return 'ds-card--muted';
|
|
8729
|
-
case 'static':
|
|
8730
|
-
return 'ds-card';
|
|
8731
|
-
}
|
|
8732
|
-
})();
|
|
8733
|
-
if (dropshadow === false) {
|
|
8734
|
-
return baseClass + " ds-card--no-dropshadow";
|
|
8735
|
-
}
|
|
8736
|
-
return baseClass;
|
|
8737
|
-
};
|
|
8738
|
-
|
|
8739
|
-
var css_248z$f = ".style-module_button__KWY7b {\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}\n.style-module_button__KWY7b:hover {\n outline: 1px solid #8e8cee;\n color: #8e8cee;\n}\n.style-module_button__KWY7b:focus-visible {\n outline: 2px solid #8e8cee;\n color: #8e8cee;\n}\n\n.style-module_icon__N6B2P {\n margin-right: 12px;\n}\n.style-module_iconbalanced__3JdKC {\n margin-right: 16px;\n}\n.style-module_iconspacious__36ovv {\n margin-right: 24px;\n}\n\n.style-module_actionIcon__2klnb {\n margin-left: 12px;\n}\n.style-module_actionIconbalanced__1duYl {\n margin-left: 16px;\n}\n.style-module_actionIconspacious__1sjsd {\n margin-left: 24px;\n}";
|
|
8740
|
-
var styles$e = {"button":"style-module_button__KWY7b","icon":"style-module_icon__N6B2P","iconbalanced":"style-module_iconbalanced__3JdKC","iconspacious":"style-module_iconspacious__36ovv","actionIcon":"style-module_actionIcon__2klnb","actionIconbalanced":"style-module_actionIconbalanced__1duYl","actionIconspacious":"style-module_actionIconspacious__1sjsd"};
|
|
8758
|
+
var css_248z$f = ".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}\n.style-module_button__P-UIa:hover {\n outline: 1px solid #8e8cee;\n color: #8e8cee;\n}\n.style-module_button__P-UIa:focus-visible {\n outline: 2px solid #8e8cee;\n color: #8e8cee;\n}\n\n.style-module_icon__15X1c {\n margin-right: 12px;\n}\n.style-module_iconbalanced__Zb-hZ {\n margin-right: 16px;\n}\n.style-module_iconspacious__3Ly0X {\n margin-right: 24px;\n}\n\n.style-module_actionIcon__3pnwR {\n margin-left: 12px;\n}\n.style-module_actionIconbalanced__19jnn {\n margin-left: 16px;\n}\n.style-module_actionIconspacious__2LJN4 {\n margin-left: 24px;\n}\n\n.style-module_description__ksrnP {\n color: #696970;\n}";
|
|
8759
|
+
var styles$e = {"button":"style-module_button__P-UIa","icon":"style-module_icon__15X1c","iconbalanced":"style-module_iconbalanced__Zb-hZ","iconspacious":"style-module_iconspacious__3Ly0X","actionIcon":"style-module_actionIcon__3pnwR","actionIconbalanced":"style-module_actionIconbalanced__19jnn","actionIconspacious":"style-module_actionIconspacious__2LJN4","description":"style-module_description__ksrnP"};
|
|
8741
8760
|
styleInject(css_248z$f);
|
|
8742
8761
|
|
|
8743
8762
|
var cardDefaultAs = 'section';
|
|
8744
8763
|
var Card = function (_a) {
|
|
8745
8764
|
var _b;
|
|
8746
|
-
var as = _a.as, children = _a.children, classNames = _a.classNames, _c = _a.density, density = _c === void 0 ? 'balanced' : _c, description = _a.description, _d = _a.descriptionVariant, descriptionVariant = _d === void 0 ? 'large' : _d, _e = _a.dropShadow, dropShadow = _e === void 0 ? true : _e, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _f = _a.titleVariant, titleVariant = _f === void 0 ? 'large' : _f, showActionIcon = _a.showActionIcon, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon"]);
|
|
8765
|
+
var as = _a.as, children = _a.children, classNames = _a.classNames, _c = _a.density, density = _c === void 0 ? 'balanced' : _c, description = _a.description, _d = _a.descriptionVariant, descriptionVariant = _d === void 0 ? 'large' : _d, _e = _a.dropShadow, dropShadow = _e === void 0 ? true : _e, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _f = _a.titleVariant, titleVariant = _f === void 0 ? 'large' : _f, showActionIcon = _a.showActionIcon, _g = _a.verticalAlignment, verticalAlignment = _g === void 0 ? 'center' : _g, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon", "verticalAlignment"]);
|
|
8747
8766
|
var hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;
|
|
8748
8767
|
var propsWithActionIcon = onClick || (rest === null || rest === void 0 ? void 0 : rest.href) || rest.to;
|
|
8749
8768
|
var cardDefaultTag = onClick ? 'button' : cardDefaultAs;
|
|
@@ -8755,22 +8774,56 @@ var Card = function (_a) {
|
|
|
8755
8774
|
_b)) }, onClick && {
|
|
8756
8775
|
onClick: onClick,
|
|
8757
8776
|
type: "button"
|
|
8758
|
-
}, rest, { children: jsxRuntime.jsxs("div", __assign({ className: classNames$1('d-flex fd-column
|
|
8777
|
+
}, rest, { children: jsxRuntime.jsxs("div", __assign({ className: classNames$1('d-flex fd-column br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
|
|
8759
8778
|
compact: 'p16',
|
|
8760
8779
|
balanced: 'p24',
|
|
8761
8780
|
spacious: 'p32',
|
|
8762
|
-
}[density],
|
|
8781
|
+
}[density], {
|
|
8782
|
+
top: 'jc-start',
|
|
8783
|
+
center: 'jc-center',
|
|
8784
|
+
bottom: 'jc-end',
|
|
8785
|
+
}[verticalAlignment], classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex w100" }, { children: [icon && (jsxRuntime.jsx("div", __assign({ className: classNames$1("d-flex tc-primary-500", styles$e.icon, styles$e["icon" + density], classNames === null || classNames === void 0 ? void 0 : classNames.icon, {
|
|
8786
|
+
top: 'ai-start',
|
|
8787
|
+
center: 'ai-center',
|
|
8788
|
+
bottom: 'ai-end',
|
|
8789
|
+
}[verticalAlignment]) }, { children: icon }), void 0)),
|
|
8763
8790
|
jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-between w100" }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-center gap8 fd-column tc-grey-900 w100" }, { children: [label && (jsxRuntime.jsx("h3", __assign({ className: classNames$1('p-p--small', classNames === null || classNames === void 0 ? void 0 : classNames.label) }, { children: label }), void 0)),
|
|
8764
8791
|
title && (jsxRuntime.jsx("h2", __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.title, {
|
|
8765
8792
|
large: 'p-h3',
|
|
8766
8793
|
medium: 'p-h4',
|
|
8767
8794
|
small: 'p-p',
|
|
8768
8795
|
}[titleVariant]) }, { children: title }), void 0)),
|
|
8769
|
-
description && (jsxRuntime.jsx("div", __assign({ className: classNames$1(
|
|
8796
|
+
description && (jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$e.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p') }, { children: description }), void 0))] }), void 0),
|
|
8770
8797
|
(showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$e.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
|
|
8771
8798
|
children && jsxRuntime.jsx("div", __assign({ className: classNames === null || classNames === void 0 ? void 0 : classNames.children }, { children: children }), void 0)] }), void 0) }), void 0));
|
|
8772
8799
|
};
|
|
8773
8800
|
|
|
8801
|
+
var CardButton = function (_a) {
|
|
8802
|
+
var _b;
|
|
8803
|
+
var title = _a.title, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, href = _a.href;
|
|
8804
|
+
return (jsxRuntime.jsx(Card, __assign({ as: href ? 'a' : 'button', classNames: {
|
|
8805
|
+
buttonWrapper: classNames$1('c-pointer ta-left w100', className, (_b = {}, _b[styles$f.containerDisabled] = disabled, _b)),
|
|
8806
|
+
description: 'tc-primary-500 p-p',
|
|
8807
|
+
}, density: 'compact', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'purple-500', className: styles$f.chevronRight }, void 0), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null }), void 0));
|
|
8808
|
+
};
|
|
8809
|
+
|
|
8810
|
+
var associatedClassForCardState = function (state, dropshadow) {
|
|
8811
|
+
var baseClass = (function () {
|
|
8812
|
+
switch (state) {
|
|
8813
|
+
case 'actionable':
|
|
8814
|
+
return 'ds-card--actionable';
|
|
8815
|
+
case 'muted':
|
|
8816
|
+
return 'ds-card--muted';
|
|
8817
|
+
case 'static':
|
|
8818
|
+
return 'ds-card';
|
|
8819
|
+
}
|
|
8820
|
+
})();
|
|
8821
|
+
if (dropshadow === false) {
|
|
8822
|
+
return baseClass + " ds-card--no-dropshadow";
|
|
8823
|
+
}
|
|
8824
|
+
return baseClass;
|
|
8825
|
+
};
|
|
8826
|
+
|
|
8774
8827
|
var css_248z$e = ".style-module_chip__3LMgV {\n background: var(--ds-primary-100);\n border: 2px solid var(--ds-primary-100);\n border-radius: 8px;\n padding: 4px 8px;\n width: fit-content;\n width: -moz-fit-content;\n display: flex;\n align-items: center;\n animation-name: style-module_appearInAnimation__33Ebn;\n animation-duration: 0.5s;\n animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n transition: 0.2s ease-in;\n border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n width: 24px;\n height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n color: #b1b0f5;\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: #8e8cee;\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}";
|
|
8775
8828
|
var styles$d = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
|
|
8776
8829
|
styleInject(css_248z$e);
|
|
@@ -36438,6 +36491,7 @@ exports.ArrowDownRightIcon = ArrowDownRight;
|
|
|
36438
36491
|
exports.ArrowLeftCircleIcon = ArrowLeftCircle;
|
|
36439
36492
|
exports.ArrowLeftIcon = ArrowLeft;
|
|
36440
36493
|
exports.ArrowRightCircleIcon = ArrowRightCircle;
|
|
36494
|
+
exports.ArrowRightFilledIcon = ArrowRightFilled;
|
|
36441
36495
|
exports.ArrowRightIcon = ArrowRight;
|
|
36442
36496
|
exports.ArrowUpCircleIcon = ArrowUpCircle;
|
|
36443
36497
|
exports.ArrowUpIcon = ArrowUp;
|
|
@@ -36672,6 +36726,8 @@ exports.PhoneOutgoingIcon = PhoneOutgoing;
|
|
|
36672
36726
|
exports.PieChartIcon = PieChart;
|
|
36673
36727
|
exports.PlaneFilledIcon = PlaneFilled;
|
|
36674
36728
|
exports.PlaneIcon = Plane;
|
|
36729
|
+
exports.PlaneRepatriationFilledIcon = PlaneRepatriationFilled;
|
|
36730
|
+
exports.PlaneRepatriationIcon = PlaneRepatriation;
|
|
36675
36731
|
exports.PlayCircleIcon = PlayCircle;
|
|
36676
36732
|
exports.PlayIcon = Play;
|
|
36677
36733
|
exports.PlusCircleIcon = PlusCircle;
|