@luscii-healthtech/web-ui 10.0.1 → 11.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -2
- package/dist/index.development.js +91 -141
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -22,8 +22,6 @@ export type { ConfirmationDialogChoice, ConfirmationDialogProps, ConfirmationDia
|
|
|
22
22
|
export { default as DatePicker } from "./components/Datepicker/Datepicker";
|
|
23
23
|
export { default as Dropdown } from "./components/Dropdown/Dropdown";
|
|
24
24
|
export { EmptyListMessage } from "./components/EmptyListMessage/EmptyListMessage";
|
|
25
|
-
export { default as ErrorBlock } from "./components/ErrorBlock/ErrorBlock";
|
|
26
|
-
export { default as InfoBlock } from "./components/InfoBlock/InfoBlock";
|
|
27
25
|
export { InfoField } from "./components/InfoField/InfoField";
|
|
28
26
|
export { INPUT_TYPES, default as Input } from "./components/Input/Input";
|
|
29
27
|
export { default as Line } from "./components/Line/Line";
|
|
@@ -53,6 +51,7 @@ export { SettingsMenuButton } from "./components/SettingsMenuButton/SettingsMenu
|
|
|
53
51
|
export { Spinner } from "./components/Spinner/Spinner";
|
|
54
52
|
export { Steps } from "./components/Steps/Steps";
|
|
55
53
|
export { default as Switcher } from "./components/Switcher/Switcher";
|
|
54
|
+
export { default as Image } from "./components/Image/Image";
|
|
56
55
|
export { ImagePicker } from "./components/MediaPicker/MediaPicker";
|
|
57
56
|
export { MediaPicker, TargetProps } from "./components/MediaPicker/MediaPicker";
|
|
58
57
|
export { default as Tabbar, TabbarProps, TabItemDetails, } from "./components/Tabbar/Tabbar";
|
|
@@ -179,8 +179,8 @@ function styleInject(css, ref) {
|
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
var css_248z$
|
|
183
|
-
styleInject(css_248z$
|
|
182
|
+
var css_248z$o = "/* https://stackoverflow.com/a/13924997 */\n.ui-text-two-lines-max {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n /* number of lines to show */\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n";
|
|
183
|
+
styleInject(css_248z$o);
|
|
184
184
|
|
|
185
185
|
const allowedTextStyles = {
|
|
186
186
|
sm: "ui-text-xs ui-font-medium",
|
|
@@ -725,8 +725,8 @@ var Icons = /*#__PURE__*/Object.freeze({
|
|
|
725
725
|
WarningIcon: WarningIcon
|
|
726
726
|
});
|
|
727
727
|
|
|
728
|
-
var css_248z$
|
|
729
|
-
styleInject(css_248z$
|
|
728
|
+
var css_248z$n = "#application-toaster {\n position: fixed;\n left: 50%;\n transform: translate(-50%, 200%);\n bottom: 48px;\n transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);\n}\n#application-toaster.shelved {\n transform: translate(-50%, 200%);\n}\n#application-toaster.expanded {\n transform: translate(-50%, 0);\n}\n#application-toaster.type-success {\n --tw-bg-opacity: 1;\n background-color: rgb(231 245 236 / var(--tw-bg-opacity));\n}\n#application-toaster.type-success [data-test-id=toaster-title] {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity));\n}\n#application-toaster.type-success .failure-icon {\n display: none;\n}\n#application-toaster.type-success [data-test-id=toaster-progress-bar-container] {\n --tw-bg-opacity: 1;\n background-color: rgb(231 245 236 / var(--tw-bg-opacity));\n}\n#application-toaster.type-success [data-test-id=toaster-progress-bar-container] [data-test-id=toaster-progress-bar] {\n --tw-bg-opacity: 1;\n background-color: rgb(82 176 147 / var(--tw-bg-opacity));\n}\n#application-toaster.type-failure {\n --tw-bg-opacity: 1;\n background-color: rgb(255 241 241 / var(--tw-bg-opacity));\n}\n#application-toaster.type-failure [data-test-id=toaster-title] {\n --tw-text-opacity: 1;\n color: rgb(197 48 48 / var(--tw-text-opacity));\n}\n#application-toaster.type-failure .success-icon {\n display: none;\n}\n#application-toaster.type-failure [data-test-id=toaster-progress-bar-container] {\n --tw-bg-opacity: 1;\n background-color: rgb(255 241 241 / var(--tw-bg-opacity));\n}\n#application-toaster.type-failure [data-test-id=toaster-progress-bar-container] [data-test-id=toaster-progress-bar] {\n --tw-bg-opacity: 1;\n background-color: rgb(255 98 102 / var(--tw-bg-opacity));\n}";
|
|
729
|
+
styleInject(css_248z$n);
|
|
730
730
|
|
|
731
731
|
const TOASTER_TYPE_OPTIONS = {
|
|
732
732
|
SUCCESS: "success",
|
|
@@ -907,8 +907,8 @@ toast.info = (message) => {
|
|
|
907
907
|
});
|
|
908
908
|
};
|
|
909
909
|
|
|
910
|
-
var css_248z$
|
|
911
|
-
styleInject(css_248z$
|
|
910
|
+
var css_248z$m = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.title-avenir {\n font-family: \"AvenirNextLTPro-Bold\", \"Roboto\", sans-serif;\n}\n\n.title-inter {\n font-family: \"Inter\", \"Roboto\", \"Helvetica\", sans-serif;\n}";
|
|
911
|
+
styleInject(css_248z$m);
|
|
912
912
|
|
|
913
913
|
const Title = (props) => {
|
|
914
914
|
var _a;
|
|
@@ -978,8 +978,8 @@ const Accordion = ({ dataTestId, isCollapsedByDefault = false, items, className
|
|
|
978
978
|
}));
|
|
979
979
|
};
|
|
980
980
|
|
|
981
|
-
var css_248z$
|
|
982
|
-
styleInject(css_248z$
|
|
981
|
+
var css_248z$l = ".list-skeleton .skeleton-box {\n display: inline-block;\n height: 1em;\n position: relative;\n overflow: hidden;\n background-color: #cbd5e1;\n border-radius: 3px;\n}\n.list-skeleton .skeleton-box::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n transform: translateX(-100%);\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));\n animation: shimmer 800ms infinite;\n content: \"\";\n}\n.list-skeleton .skeleton-box.is-circle {\n border-radius: 50%;\n}\n.list-skeleton .skeleton-box.is-button {\n background-color: #e2e8f0;\n border-radius: 9999px;\n}\n.list-skeleton .skeleton-box.is-button::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n transform: translateX(-100%);\n background-image: linear-gradient(90deg, rgba(221, 221, 221, 0) 0, rgba(221, 221, 221, 0.2) 20%, rgba(221, 221, 221, 0.5) 60%, rgba(221, 221, 221, 0));\n animation: shimmer 800ms infinite;\n content: \"\";\n}\n@keyframes shimmer {\n 100% {\n transform: translateX(100%);\n }\n}";
|
|
982
|
+
styleInject(css_248z$l);
|
|
983
983
|
|
|
984
984
|
const ListItemSkeleton = () => {
|
|
985
985
|
return React__namespace.default.createElement(
|
|
@@ -1203,8 +1203,8 @@ const DraggableBaseList = (_a) => {
|
|
|
1203
1203
|
return React__namespace.default.createElement(BaseList, Object.assign({}, props, { items, itemComponent: DraggableBaseListItem }));
|
|
1204
1204
|
};
|
|
1205
1205
|
|
|
1206
|
-
var css_248z$
|
|
1207
|
-
styleInject(css_248z$
|
|
1206
|
+
var css_248z$k = ".dropzone-dashed-border {\n border-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 fill%3D%22none%22%3E %3Cpath fill%3D%22%230074DD%22 fill-rule%3D%22evenodd%22 d%3D%22M8 0v1h8V0H8Zm0 23v1h8v-1H8ZM0 8h1v8H0V8Zm24 0h-1v8h1V8ZM1 0h3v1H1v3H0V0h1ZM0 23v-3h1v3h3v1H0v-1Zm20 0v1h4v-4h-1v3h-3Zm0-22V0h4v4h-1V1h-3Z%22 clip-rule%3D%22evenodd%22 %2F%3E%3C%2Fsvg%3E\") 1 1 1 1;\n border-image-width: 4px;\n border-image-slice: 4 4 4 4;\n border-image-repeat: round;\n}";
|
|
1207
|
+
styleInject(css_248z$k);
|
|
1208
1208
|
|
|
1209
1209
|
const DefaultState = ({ icon, message, horizontal = false, alignMessage = "center" }) => {
|
|
1210
1210
|
if (!icon && !message) {
|
|
@@ -1285,8 +1285,8 @@ const SortableBaseList = (_a) => {
|
|
|
1285
1285
|
);
|
|
1286
1286
|
};
|
|
1287
1287
|
|
|
1288
|
-
var css_248z$
|
|
1289
|
-
styleInject(css_248z$
|
|
1288
|
+
var css_248z$j = "li.gu-mirror {\n position: fixed;\n z-index: 9999;\n margin: 0px;\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\nli.gu-hide {\n display: none\n}\nli.gu-unselectable {\n user-select: none\n}\nli.gu-transit {\n --tw-bg-opacity: 1;\n background-color: rgb(242 250 253 / var(--tw-bg-opacity));\n filter: none;\n border-radius: 0px;\n border-style: none;\n opacity: 1\n}\nli.gu-transit > * {\n visibility: hidden\n}";
|
|
1289
|
+
styleInject(css_248z$j);
|
|
1290
1290
|
|
|
1291
1291
|
const ListItem = (props) => {
|
|
1292
1292
|
return React__namespace.default.createElement(BaseListItem, Object.assign({}, props));
|
|
@@ -1338,8 +1338,8 @@ const List = (props) => {
|
|
|
1338
1338
|
return React__namespace.default.createElement(DefaultList, Object.assign({}, props));
|
|
1339
1339
|
};
|
|
1340
1340
|
|
|
1341
|
-
var css_248z$
|
|
1342
|
-
styleInject(css_248z$
|
|
1341
|
+
var css_248z$i = ".input::-ms-clear {\n display: none;\n}";
|
|
1342
|
+
styleInject(css_248z$i);
|
|
1343
1343
|
|
|
1344
1344
|
const INPUT_TYPES = {
|
|
1345
1345
|
EMAIL: "email",
|
|
@@ -1572,8 +1572,8 @@ var img$e = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:
|
|
|
1572
1572
|
|
|
1573
1573
|
var img$d = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto%3b background: none%3b display: block%3b shape-rendering: auto%3b' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='50' cy='50' fill='none' stroke='%23cbd5e1' stroke-width='16' r='36' stroke-dasharray='169.64600329384882 58.548667764616276'%3e %3canimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.1111111111111112s' values='0 50 50%3b360 50 50' keyTimes='0%3b1'%3e%3c/animateTransform%3e%3c/circle%3e%3c!-- %5bldio%5d generated by https://loading.io/ --%3e%3c/svg%3e";
|
|
1574
1574
|
|
|
1575
|
-
var css_248z$
|
|
1576
|
-
styleInject(css_248z$
|
|
1575
|
+
var css_248z$h = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-loading .cweb-loading-text {\n margin-bottom: 24px;\n}\n.cweb-loading.as-modal {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 9999;\n background-color: rgba(255, 255, 255, 0.6);\n}\n.cweb-loading.as-modal .cweb-loading-panel {\n position: relative;\n width: 320px;\n min-height: 120px;\n border-radius: 4px;\n padding: 16px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.36);\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.cweb-loading.as-modal .cweb-loading-panel:before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n height: 3px;\n background-color: #6abfa5;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}";
|
|
1576
|
+
styleInject(css_248z$h);
|
|
1577
1577
|
|
|
1578
1578
|
function LoadingIndicator(_a) {
|
|
1579
1579
|
var { asModal = false, asSpinner = false, className = "", spinnerColor = "blue", dataTestId = "loading-indicator" } = _a, restProps = __rest(_a, ["asModal", "asSpinner", "className", "spinnerColor", "dataTestId"]);
|
|
@@ -1754,8 +1754,8 @@ const Modal = (props) => {
|
|
|
1754
1754
|
return React__namespace.default.createElement(ModalBase, Object.assign({}, props));
|
|
1755
1755
|
};
|
|
1756
1756
|
|
|
1757
|
-
var css_248z$
|
|
1758
|
-
styleInject(css_248z$
|
|
1757
|
+
var css_248z$g = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-avatar {\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: center;\n width: 64px;\n box-sizing: border-box;\n}\n.cweb-avatar > .avatar-content-container {\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n width: 64px;\n height: 64px;\n border-radius: 50%;\n box-sizing: border-box;\n}\n.cweb-avatar > .avatar-content-container > .avatar-image {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n}\n.cweb-avatar > .avatar-content-container > .avatar-initials-text {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 24px;\n font-weight: 300;\n line-height: 1;\n color: #737373;\n margin: 0;\n pointer-events: none;\n}\n.cweb-avatar.size-large {\n width: 128px;\n}\n.cweb-avatar.size-large > .avatar-content-container {\n width: 128px;\n height: 128px;\n}\n.cweb-avatar.size-large > .avatar-content-container > .avatar-initials-text {\n font-size: 48px;\n}\n.cweb-avatar.size-medium {\n width: 64px;\n}\n.cweb-avatar.size-medium > .avatar-content-container {\n width: 64px;\n height: 64px;\n}\n.cweb-avatar.size-medium > .avatar-content-container > .avatar-initials-text {\n font-size: 24px;\n}\n.cweb-avatar.size-small {\n width: 36px;\n}\n.cweb-avatar.size-small > .avatar-content-container {\n width: 36px;\n height: 36px;\n}\n.cweb-avatar.size-small > .avatar-content-container > .avatar-initials-text {\n font-size: 14px;\n}\n.cweb-avatar.type-editable {\n cursor: pointer;\n}\n.cweb-avatar.type-editable > .avatar-content-container {\n position: relative;\n border-color: #0074dd;\n background-color: #ffffff;\n}\n.cweb-avatar.type-editable > .avatar-content-container:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n border-radius: 50%;\n transition: 0.4s ease background-color;\n}\n.cweb-avatar.type-editable > .avatar-content-container:hover:after {\n background-color: rgba(0, 116, 221, 0.1);\n}\n.cweb-avatar.type-editable > .avatar-content-container > .avatar-initials-text {\n color: #0074dd;\n}\n.cweb-avatar.type-readonly > .avatar-content-container {\n border-color: #cccccc;\n background-color: #f1f5f9;\n}\n.cweb-avatar.type-readonly > .avatar-content-container > .avatar-initials-text {\n color: #64748b;\n}\n@media (max-width: 767px) {\n .cweb-avatar.size-large {\n width: 64px;\n }\n .cweb-avatar.size-large > .avatar-content-container {\n width: 64px;\n height: 64px;\n }\n .cweb-avatar.size-large > .avatar-content-container > .avatar-initials-text {\n font-size: 24px;\n }\n .cweb-avatar.size-large.display-initials > .avatar-content-container {\n border-width: 0.5px;\n }\n}";
|
|
1758
|
+
styleInject(css_248z$g);
|
|
1759
1759
|
|
|
1760
1760
|
function checkImageValidity(src) {
|
|
1761
1761
|
return new Promise((resolve) => {
|
|
@@ -2051,8 +2051,8 @@ function Button(props) {
|
|
|
2051
2051
|
return buttonComponent;
|
|
2052
2052
|
}
|
|
2053
2053
|
|
|
2054
|
-
var css_248z$
|
|
2055
|
-
styleInject(css_248z$
|
|
2054
|
+
var css_248z$f = ".entity-preview-dots.glider-dots {\n padding-top: 1rem\n}\n.entity-preview-dots.glider-dots .glider-dot {\n margin: 0.25rem;\n height: 0.5rem;\n width: 0.5rem;\n --tw-bg-opacity: 1;\n background-color: rgb(242 250 253 / var(--tw-bg-opacity))\n}\n.entity-preview-dots.glider-dots .glider-dot:focus {\n outline-color: #0074DD\n}\n.entity-preview-dots.glider-dots .glider-dot.active, .entity-preview-dots.glider-dots .glider-dot:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(0 116 221 / var(--tw-bg-opacity))\n}";
|
|
2055
|
+
styleInject(css_248z$f);
|
|
2056
2056
|
|
|
2057
2057
|
const GliderContainer = (props) => React__namespace.default.createElement(
|
|
2058
2058
|
"div",
|
|
@@ -2121,8 +2121,8 @@ const CenteredHero = ({ title, text, image, buttons = [], background = "slate-50
|
|
|
2121
2121
|
);
|
|
2122
2122
|
};
|
|
2123
2123
|
|
|
2124
|
-
var css_248z$
|
|
2125
|
-
styleInject(css_248z$
|
|
2124
|
+
var css_248z$e = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-checkbox {\n outline: none;\n}\n.cweb-checkbox .cweb-checkbox-input {\n position: absolute;\n -webkit-appearance: none;\n height: 1px;\n opacity: 0;\n width: 1px;\n}\n.cweb-checkbox.type-regular .cweb-checkbox-icon-container {\n border-color: #cccccc;\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n}\n.cweb-checkbox.type-regular.hasError .cweb-checkbox-icon-container {\n border-color: #ff6266;\n}\n.cweb-checkbox.type-regular.is-focused .cweb-checkbox-icon-container {\n border-color: #0074dd;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon {\n width: 0.5rem;\n height: 0.5rem;\n padding: 4px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2210%22 height%3D%228%22 viewBox%3D%220 0 10 8%22 fill%3D%22none%22%3E %3Cpath d%3D%22M9.207 0.792787C9.39447 0.980314 9.49979 1.23462 9.49979 1.49979C9.49979 1.76495 9.39447 2.01926 9.207 2.20679L4.207 7.20679C4.01947 7.39426 3.76516 7.49957 3.5 7.49957C3.23484 7.49957 2.98053 7.39426 2.793 7.20679L0.793 5.20679C0.610842 5.01818 0.510047 4.76558 0.512326 4.50339C0.514604 4.24119 0.619773 3.99038 0.805181 3.80497C0.990589 3.61956 1.2414 3.51439 1.5036 3.51211C1.7658 3.50983 2.0184 3.61063 2.207 3.79279L3.5 5.08579L7.793 0.792787C7.98053 0.605316 8.23484 0.5 8.5 0.5C8.76516 0.5 9.01947 0.605316 9.207 0.792787Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon-container {\n border-color: #0074dd;\n}\n.cweb-checkbox.type-regular.is-checked.is-focused .cweb-checkbox-icon-container {\n border-color: #2da8e5;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon {\n width: 0.5rem;\n height: 0.5rem;\n padding: 4px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%222%22 viewBox%3D%220 0 10 2%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 -4.37114e-08C9.55228 -1.95703e-08 10 0.447715 10 1C10 1.55228 9.55228 2 9 2L1 2C0.447716 2 -6.78525e-08 1.55228 -4.37114e-08 1C-1.95703e-08 0.447715 0.447715 -4.17544e-07 1 -3.93402e-07L9 -4.37114e-08Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon-container {\n border-color: #0074dd;\n}\n.cweb-checkbox.type-regular.is-indeterminate.is-focused .cweb-checkbox-icon-container {\n border-color: #2da8e5;\n}\n.cweb-checkbox.type-regular.is-disabled.show-cross-when-disabled .cweb-checkbox-icon {\n width: 10px;\n height: 10px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2211px%22 height%3D%2211px%22 viewBox%3D%220 0 11 11%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22 stroke-linecap%3D%22round%22%3E %3Cg transform%3D%22translate(-6.000000%2C -7.000000)%22 stroke%3D%22%232D2D2D%22 stroke-width%3D%222%22%3E %3Cpath d%3D%22M7%2C17 L16%2C8 M16%2C17 L7%2C8%22 %2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n opacity: 0.6;\n}\n.cweb-checkbox.type-switch .cweb-checkbox-label {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n width: 56px;\n height: 28px;\n position: relative;\n}\n.cweb-checkbox.type-switch .cweb-checkbox-icon-container {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #d1d5db;\n border-radius: 16px;\n}\n.cweb-checkbox.type-switch .cweb-checkbox-icon-container:after {\n position: relative;\n display: block;\n content: \"\";\n height: 20px;\n width: 20px;\n top: 4px;\n left: 4px;\n background-color: white;\n border-radius: 50%;\n}\n.cweb-checkbox.type-switch.is-checked .cweb-checkbox-icon-container {\n background-color: #6abfa6;\n}\n.cweb-checkbox.type-switch.is-checked .cweb-checkbox-icon-container:after {\n left: 32px;\n}";
|
|
2125
|
+
styleInject(css_248z$e);
|
|
2126
2126
|
|
|
2127
2127
|
const CheckboxInner = (props) => {
|
|
2128
2128
|
const { id, explanation, type = "regular", isChecked = false, isIndeterminate = false, isDisabled, name, value, onChange, className, classNameCheckboxLabel, error, innerRef } = props;
|
|
@@ -2246,8 +2246,8 @@ const TextLink = (props) => {
|
|
|
2246
2246
|
return React__namespace.default.createElement("a", { href: props.href, rel: props.rel, target: props.target, onClick: props.onClick, className: classNames__default.default(className, props.className) }, props.text);
|
|
2247
2247
|
};
|
|
2248
2248
|
|
|
2249
|
-
var css_248z$
|
|
2250
|
-
styleInject(css_248z$
|
|
2249
|
+
var css_248z$d = "/* Overrides for components we cannot control inside the notification banner component */\n\n[data-test-id=\"notification-banner\"] a {\n\n --tw-text-opacity: 1;\n\n color: rgb(0 116 221 / var(--tw-text-opacity))\n}\n\n[data-test-id=\"notification-banner\"] a:hover {\n\n --tw-text-opacity: 1;\n\n color: rgb(4 91 170 / var(--tw-text-opacity))\n}\n";
|
|
2250
|
+
styleInject(css_248z$d);
|
|
2251
2251
|
|
|
2252
2252
|
const NotificationBanner = (props) => {
|
|
2253
2253
|
const { stretch = true, centerContent = false, noBorder = false } = props;
|
|
@@ -2296,8 +2296,8 @@ NotificationBanner.defaultProps = {
|
|
|
2296
2296
|
onButtonClick: void 0
|
|
2297
2297
|
};
|
|
2298
2298
|
|
|
2299
|
-
var css_248z$
|
|
2300
|
-
styleInject(css_248z$
|
|
2299
|
+
var css_248z$c = ".ui-radio-form-field-label input[type=\"radio\"]:checked + .ui-radio-circle {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(0 116 221 / var(--tw-bg-opacity))\n}\n\n.ui-radio-form-field-label[data-has-error=\"true\"] .ui-radio-circle {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(197 48 48 / var(--tw-border-opacity));\n\n outline-color: #FFF1F1\n}\n\n.ui-radio-form-field-label\n input[type=\"radio\"]:checked\n + .ui-radio-circle\n .ui-radio-inner-circle {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n";
|
|
2300
|
+
styleInject(css_248z$c);
|
|
2301
2301
|
|
|
2302
2302
|
function RadioInner(_a) {
|
|
2303
2303
|
var { text, info, isError, innerRef, className, name } = _a, otherProps = __rest(_a, ["text", "info", "isError", "innerRef", "className", "name"]);
|
|
@@ -2431,42 +2431,42 @@ const ConfirmationDialog = (_a) => {
|
|
|
2431
2431
|
);
|
|
2432
2432
|
};
|
|
2433
2433
|
|
|
2434
|
-
var css_248z$d = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-datepicker {\n width: 182px;\n height: 44px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n background-color: #ffffff;\n outline: none;\n padding: 12px 12px 11px 12px;\n}\n.cweb-datepicker input.cweb-datepicker {\n font-size: 14px;\n}\n.cweb-datepicker::placeholder {\n color: #64748b;\n}\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b !important;\n}\n.cweb-datepicker::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper {\n z-index: 5;\n}\n.react-datepicker-popper[data-placement^=bottom] {\n margin-top: 4px;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n}\n.react-datepicker-popper[data-placement^=top] {\n margin-bottom: 4px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n border-top-color: #ffffff;\n margin-bottom: -4px;\n}\n\n.cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n padding: 0;\n border: 1px solid #cccccc;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);\n }\n}\n.cweb-datepicker-calendar .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n}\n.cweb-datepicker-calendar .react-datepicker__navigation {\n top: 19px;\n width: 19px;\n height: 10px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%227%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0 1.5L1.5 0 5 3.5 8.5 0 10 1.5l-5 5z%22 fill%3D%22%231D9BD8%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n}\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--previous {\n border: 0;\n transform: rotate(90deg);\n}\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--next {\n border: 0;\n transform: rotate(-90deg);\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #1e293b;\n margin: 0;\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 40px !important;\n padding: 0 !important;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {\n color: #ffffff;\n background-color: #0074dd !important;\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover {\n background-color: #045baa !important;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n.cweb-datepicker-calendar .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__current-month {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 19px;\n color: #2d2d2d;\n margin: 0;\n padding-top: 16px;\n padding-bottom: 16px;\n text-transform: capitalize;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select,\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #1e293b;\n margin: 0;\n height: 44px;\n padding-left: 12px;\n border-radius: 4px;\n background: #ffffff url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2214%22 viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z%22 fill%3D%22%239CA3AF%22%2F%3E%3C%2Fsvg%3E\") no-repeat right 8px center;\n text-transform: capitalize;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid #cccccc;\n transition: all 0.4s ease;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:hover, .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:focus,\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:hover,\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:focus {\n color: #0074dd;\n border-color: #0074dd;\n cursor: pointer;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\n.cweb-datepicker-calendar .react-datepicker__header.react-datepicker__header--time {\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 52px;\n padding: 0;\n background-color: #f3f3f3;\n}\n.cweb-datepicker-calendar .react-datepicker__day-names,\n.cweb-datepicker-calendar .react-datepicker__month {\n margin: 0.4rem;\n}\n.cweb-datepicker-calendar .react-datepicker__month {\n padding-bottom: 8px;\n}\n.cweb-datepicker-calendar .react-datepicker__day-names,\n.cweb-datepicker-calendar .react-datepicker__week {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-datepicker-calendar .react-datepicker__day-name,\n.cweb-datepicker-calendar .react-datepicker__day {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #1e293b;\n margin: 0;\n width: 41px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-datepicker-calendar .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\n.cweb-datepicker-calendar .react-datepicker__day {\n height: 30px;\n border-radius: 4px;\n transition: background-color 0.3s ease-in-out;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #0074dd;\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted:after {\n content: \"\";\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: #0074dd;\n left: 0;\n right: 0;\n bottom: 2px;\n margin: 0 auto;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--keyboard-selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--in-range:after {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n.cweb-datepicker-calendar .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n color: #ffffff;\n background-color: #0074dd;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range:hover, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected:hover {\n background-color: #045baa;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #045baa;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start:before {\n content: \"\";\n position: absolute;\n top: -3px;\n left: 0;\n bottom: initial;\n right: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(45deg);\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}";
|
|
2435
|
-
styleInject(css_248z$
|
|
2434
|
+
var css_248z$b = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-datepicker {\n width: 182px;\n height: 44px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n background-color: #ffffff;\n outline: none;\n padding: 12px 12px 11px 12px;\n}\n.cweb-datepicker input.cweb-datepicker {\n font-size: 14px;\n}\n.cweb-datepicker::placeholder {\n color: #64748b;\n}\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b !important;\n}\n.cweb-datepicker::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper {\n z-index: 5;\n}\n.react-datepicker-popper[data-placement^=bottom] {\n margin-top: 4px;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n}\n.react-datepicker-popper[data-placement^=top] {\n margin-bottom: 4px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n border-top-color: #ffffff;\n margin-bottom: -4px;\n}\n\n.cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n padding: 0;\n border: 1px solid #cccccc;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);\n }\n}\n.cweb-datepicker-calendar .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n}\n.cweb-datepicker-calendar .react-datepicker__navigation {\n top: 19px;\n width: 19px;\n height: 10px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%227%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0 1.5L1.5 0 5 3.5 8.5 0 10 1.5l-5 5z%22 fill%3D%22%231D9BD8%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n}\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--previous {\n border: 0;\n transform: rotate(90deg);\n}\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--next {\n border: 0;\n transform: rotate(-90deg);\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #1e293b;\n margin: 0;\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 40px !important;\n padding: 0 !important;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {\n color: #ffffff;\n background-color: #0074dd !important;\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover {\n background-color: #045baa !important;\n}\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n.cweb-datepicker-calendar .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__current-month {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 19px;\n color: #2d2d2d;\n margin: 0;\n padding-top: 16px;\n padding-bottom: 16px;\n text-transform: capitalize;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select,\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #1e293b;\n margin: 0;\n height: 44px;\n padding-left: 12px;\n border-radius: 4px;\n background: #ffffff url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2214%22 viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z%22 fill%3D%22%239CA3AF%22%2F%3E%3C%2Fsvg%3E\") no-repeat right 8px center;\n text-transform: capitalize;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid #cccccc;\n transition: all 0.4s ease;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:hover, .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:focus,\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:hover,\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:focus {\n color: #0074dd;\n border-color: #0074dd;\n cursor: pointer;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\n.cweb-datepicker-calendar .react-datepicker__header.react-datepicker__header--time {\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 52px;\n padding: 0;\n background-color: #f3f3f3;\n}\n.cweb-datepicker-calendar .react-datepicker__day-names,\n.cweb-datepicker-calendar .react-datepicker__month {\n margin: 0.4rem;\n}\n.cweb-datepicker-calendar .react-datepicker__month {\n padding-bottom: 8px;\n}\n.cweb-datepicker-calendar .react-datepicker__day-names,\n.cweb-datepicker-calendar .react-datepicker__week {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-datepicker-calendar .react-datepicker__day-name,\n.cweb-datepicker-calendar .react-datepicker__day {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #1e293b;\n margin: 0;\n width: 41px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-datepicker-calendar .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\n.cweb-datepicker-calendar .react-datepicker__day {\n height: 30px;\n border-radius: 4px;\n transition: background-color 0.3s ease-in-out;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #0074dd;\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted:after {\n content: \"\";\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: #0074dd;\n left: 0;\n right: 0;\n bottom: 2px;\n margin: 0 auto;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--keyboard-selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--in-range:after {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n.cweb-datepicker-calendar .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n color: #ffffff;\n background-color: #0074dd;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range:hover, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected:hover {\n background-color: #045baa;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #045baa;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start:before {\n content: \"\";\n position: absolute;\n top: -3px;\n left: 0;\n bottom: initial;\n right: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(45deg);\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}";
|
|
2435
|
+
styleInject(css_248z$b);
|
|
2436
2436
|
|
|
2437
|
-
var __defProp$
|
|
2438
|
-
var __defProps$
|
|
2439
|
-
var __getOwnPropDescs$
|
|
2440
|
-
var __getOwnPropSymbols$
|
|
2441
|
-
var __hasOwnProp$
|
|
2442
|
-
var __propIsEnum$
|
|
2443
|
-
var __defNormalProp$
|
|
2444
|
-
var __spreadValues$
|
|
2437
|
+
var __defProp$5 = Object.defineProperty;
|
|
2438
|
+
var __defProps$2 = Object.defineProperties;
|
|
2439
|
+
var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
|
|
2440
|
+
var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
|
|
2441
|
+
var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
|
|
2442
|
+
var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
|
|
2443
|
+
var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
2444
|
+
var __spreadValues$3 = (a, b) => {
|
|
2445
2445
|
for (var prop in b || (b = {}))
|
|
2446
|
-
if (__hasOwnProp$
|
|
2447
|
-
__defNormalProp$
|
|
2448
|
-
if (__getOwnPropSymbols$
|
|
2449
|
-
for (var prop of __getOwnPropSymbols$
|
|
2450
|
-
if (__propIsEnum$
|
|
2451
|
-
__defNormalProp$
|
|
2446
|
+
if (__hasOwnProp$3.call(b, prop))
|
|
2447
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
2448
|
+
if (__getOwnPropSymbols$3)
|
|
2449
|
+
for (var prop of __getOwnPropSymbols$3(b)) {
|
|
2450
|
+
if (__propIsEnum$3.call(b, prop))
|
|
2451
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
2452
2452
|
}
|
|
2453
2453
|
return a;
|
|
2454
2454
|
};
|
|
2455
|
-
var __spreadProps$
|
|
2456
|
-
var __objRest$
|
|
2455
|
+
var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
|
|
2456
|
+
var __objRest$2 = (source, exclude) => {
|
|
2457
2457
|
var target = {};
|
|
2458
2458
|
for (var prop in source)
|
|
2459
|
-
if (__hasOwnProp$
|
|
2459
|
+
if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
2460
2460
|
target[prop] = source[prop];
|
|
2461
|
-
if (source != null && __getOwnPropSymbols$
|
|
2462
|
-
for (var prop of __getOwnPropSymbols$
|
|
2463
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
2461
|
+
if (source != null && __getOwnPropSymbols$3)
|
|
2462
|
+
for (var prop of __getOwnPropSymbols$3(source)) {
|
|
2463
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
|
|
2464
2464
|
target[prop] = source[prop];
|
|
2465
2465
|
}
|
|
2466
2466
|
return target;
|
|
2467
2467
|
};
|
|
2468
2468
|
var __publicField$3 = (obj, key, value) => {
|
|
2469
|
-
__defNormalProp$
|
|
2469
|
+
__defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
2470
2470
|
return value;
|
|
2471
2471
|
};
|
|
2472
2472
|
class Datepicker extends React.Component {
|
|
@@ -2495,7 +2495,7 @@ class Datepicker extends React.Component {
|
|
|
2495
2495
|
maxDate,
|
|
2496
2496
|
isDisabled = false,
|
|
2497
2497
|
selected
|
|
2498
|
-
} = _a, otherProps = __objRest$
|
|
2498
|
+
} = _a, otherProps = __objRest$2(_a, [
|
|
2499
2499
|
"className",
|
|
2500
2500
|
"hasCloseButton",
|
|
2501
2501
|
"closeButtonText",
|
|
@@ -2522,7 +2522,7 @@ class Datepicker extends React.Component {
|
|
|
2522
2522
|
};
|
|
2523
2523
|
return /* @__PURE__ */ React__namespace.default.createElement(
|
|
2524
2524
|
ReactDatePicker__default.default,
|
|
2525
|
-
__spreadProps$
|
|
2525
|
+
__spreadProps$2(__spreadValues$3({}, otherProps), {
|
|
2526
2526
|
adjustDateOnChange,
|
|
2527
2527
|
ref: (element) => this.datepickerRef = element,
|
|
2528
2528
|
className: pickerClassName,
|
|
@@ -2566,42 +2566,42 @@ Datepicker.propTypes = {
|
|
|
2566
2566
|
|
|
2567
2567
|
var img$2 = "data:image/svg+xml,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%239CA3AF'/%3e%3c/svg%3e";
|
|
2568
2568
|
|
|
2569
|
-
var css_248z$
|
|
2570
|
-
styleInject(css_248z$
|
|
2569
|
+
var css_248z$a = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-dropdown {\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n outline: none;\n border-radius: 4px;\n}\n.cweb-dropdown:focus {\n outline: 4px solid rgba(0, 159, 227, 0.3);\n}\n.cweb-dropdown > .dropdown-header {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n height: 44px;\n border-radius: 4px;\n transition: all 0.4s ease;\n}\n.cweb-dropdown > .dropdown-header > .dropdown-header-icon {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out;\n}\n.cweb-dropdown > .dropdown-header:hover > .dropdown-header-icon {\n opacity: 1;\n}\n.cweb-dropdown > .dropdown-list {\n box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.56);\n display: none;\n position: absolute;\n top: 100%;\n z-index: 1;\n width: 100%;\n max-height: 360px;\n overflow-y: auto;\n align-self: stretch;\n margin-top: 8px;\n padding: 0;\n background-color: #ffffff;\n list-style: none;\n border: 1px solid #d1d5db;\n border-radius: 4px;\n}\n.cweb-dropdown > .dropdown-list > .dropdown-list-item {\n cursor: pointer;\n}\n.cweb-dropdown > .dropdown-list > .dropdown-list-item-group > .dropdown-list-item {\n cursor: pointer;\n}\n.cweb-dropdown.is-open > .dropdown-list {\n display: block;\n margin-bottom: 32px;\n}\n.cweb-dropdown.is-open > .dropdown-list.wider {\n width: 200%;\n}";
|
|
2570
|
+
styleInject(css_248z$a);
|
|
2571
2571
|
|
|
2572
|
-
var __defProp$
|
|
2573
|
-
var __defProps$
|
|
2574
|
-
var __getOwnPropDescs$
|
|
2575
|
-
var __getOwnPropSymbols$
|
|
2576
|
-
var __hasOwnProp$
|
|
2577
|
-
var __propIsEnum$
|
|
2578
|
-
var __defNormalProp$
|
|
2579
|
-
var __spreadValues$
|
|
2572
|
+
var __defProp$4 = Object.defineProperty;
|
|
2573
|
+
var __defProps$1 = Object.defineProperties;
|
|
2574
|
+
var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
|
|
2575
|
+
var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
|
|
2576
|
+
var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
|
|
2577
|
+
var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
|
|
2578
|
+
var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
2579
|
+
var __spreadValues$2 = (a, b) => {
|
|
2580
2580
|
for (var prop in b || (b = {}))
|
|
2581
|
-
if (__hasOwnProp$
|
|
2582
|
-
__defNormalProp$
|
|
2583
|
-
if (__getOwnPropSymbols$
|
|
2584
|
-
for (var prop of __getOwnPropSymbols$
|
|
2585
|
-
if (__propIsEnum$
|
|
2586
|
-
__defNormalProp$
|
|
2581
|
+
if (__hasOwnProp$2.call(b, prop))
|
|
2582
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
2583
|
+
if (__getOwnPropSymbols$2)
|
|
2584
|
+
for (var prop of __getOwnPropSymbols$2(b)) {
|
|
2585
|
+
if (__propIsEnum$2.call(b, prop))
|
|
2586
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
2587
2587
|
}
|
|
2588
2588
|
return a;
|
|
2589
2589
|
};
|
|
2590
|
-
var __spreadProps$
|
|
2591
|
-
var __objRest$
|
|
2590
|
+
var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
|
|
2591
|
+
var __objRest$1 = (source, exclude) => {
|
|
2592
2592
|
var target = {};
|
|
2593
2593
|
for (var prop in source)
|
|
2594
|
-
if (__hasOwnProp$
|
|
2594
|
+
if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
2595
2595
|
target[prop] = source[prop];
|
|
2596
|
-
if (source != null && __getOwnPropSymbols$
|
|
2597
|
-
for (var prop of __getOwnPropSymbols$
|
|
2598
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
2596
|
+
if (source != null && __getOwnPropSymbols$2)
|
|
2597
|
+
for (var prop of __getOwnPropSymbols$2(source)) {
|
|
2598
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
|
|
2599
2599
|
target[prop] = source[prop];
|
|
2600
2600
|
}
|
|
2601
2601
|
return target;
|
|
2602
2602
|
};
|
|
2603
2603
|
var __publicField$2 = (obj, key, value) => {
|
|
2604
|
-
__defNormalProp$
|
|
2604
|
+
__defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
2605
2605
|
return value;
|
|
2606
2606
|
};
|
|
2607
2607
|
const ITEM_QUERY_FIELD_NAMES = {
|
|
@@ -2622,15 +2622,15 @@ const addHighlightIndexToItems = (items) => {
|
|
|
2622
2622
|
if (!item.subItems) {
|
|
2623
2623
|
const currentIndex = index;
|
|
2624
2624
|
index = index + 1;
|
|
2625
|
-
return __spreadProps$
|
|
2625
|
+
return __spreadProps$1(__spreadValues$2({}, item), {
|
|
2626
2626
|
highlightIndex: currentIndex
|
|
2627
2627
|
});
|
|
2628
2628
|
} else {
|
|
2629
|
-
return __spreadProps$
|
|
2629
|
+
return __spreadProps$1(__spreadValues$2({}, item), {
|
|
2630
2630
|
subItems: item.subItems.map((subItem) => {
|
|
2631
2631
|
const currentIndex = index;
|
|
2632
2632
|
index = index + 1;
|
|
2633
|
-
return __spreadProps$
|
|
2633
|
+
return __spreadProps$1(__spreadValues$2({}, subItem), {
|
|
2634
2634
|
highlightIndex: currentIndex
|
|
2635
2635
|
});
|
|
2636
2636
|
})
|
|
@@ -2847,7 +2847,7 @@ class Dropdown extends React.PureComponent {
|
|
|
2847
2847
|
}
|
|
2848
2848
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
2849
2849
|
const items = addHighlightIndexToItems(nextProps.items);
|
|
2850
|
-
return __spreadProps$
|
|
2850
|
+
return __spreadProps$1(__spreadValues$2({}, prevState), {
|
|
2851
2851
|
items,
|
|
2852
2852
|
totalItemCount: getTotalItemCount(items)
|
|
2853
2853
|
});
|
|
@@ -2866,7 +2866,7 @@ class Dropdown extends React.PureComponent {
|
|
|
2866
2866
|
onItemSelect,
|
|
2867
2867
|
items,
|
|
2868
2868
|
wider
|
|
2869
|
-
} = _a, otherProps = __objRest$
|
|
2869
|
+
} = _a, otherProps = __objRest$1(_a, [
|
|
2870
2870
|
"placeholder",
|
|
2871
2871
|
"className",
|
|
2872
2872
|
"initialSelectedItemId",
|
|
@@ -2889,7 +2889,7 @@ class Dropdown extends React.PureComponent {
|
|
|
2889
2889
|
},
|
|
2890
2890
|
/* @__PURE__ */ React__namespace.default.createElement(
|
|
2891
2891
|
"div",
|
|
2892
|
-
__spreadProps$
|
|
2892
|
+
__spreadProps$1(__spreadValues$2({}, otherProps), {
|
|
2893
2893
|
className: classNames__default.default(
|
|
2894
2894
|
"dropdown-header ui-cursor-pointer ui-space-x-2 ui-border ui-border-solid ui-p-3",
|
|
2895
2895
|
{
|
|
@@ -2951,63 +2951,6 @@ Dropdown.propTypes = {
|
|
|
2951
2951
|
wider: PropTypes__default.default.bool
|
|
2952
2952
|
};
|
|
2953
2953
|
|
|
2954
|
-
var css_248z$b = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-error-block {\n position: relative;\n padding: 16px 16px 16px 56px;\n background-color: #fff1f1;\n border-radius: 8px;\n}\n.cweb-error-block:before {\n content: \"\";\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 1;\n width: 24px;\n height: 23px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2212%22 fill%3D%22%23FF6266%22%2F%3E %3Ccircle cx%3D%2212%22 cy%3D%2217%22 r%3D%222%22 fill%3D%22%23FFF%22%2F%3E %3Crect width%3D%224%22 height%3D%2210%22 x%3D%2210%22 y%3D%224%22 fill%3D%22%23FFF%22 rx%3D%222%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}";
|
|
2955
|
-
styleInject(css_248z$b);
|
|
2956
|
-
|
|
2957
|
-
var __defProp$4 = Object.defineProperty;
|
|
2958
|
-
var __defProps$1 = Object.defineProperties;
|
|
2959
|
-
var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
|
|
2960
|
-
var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
|
|
2961
|
-
var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
|
|
2962
|
-
var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
|
|
2963
|
-
var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
2964
|
-
var __spreadValues$2 = (a, b) => {
|
|
2965
|
-
for (var prop in b || (b = {}))
|
|
2966
|
-
if (__hasOwnProp$2.call(b, prop))
|
|
2967
|
-
__defNormalProp$4(a, prop, b[prop]);
|
|
2968
|
-
if (__getOwnPropSymbols$2)
|
|
2969
|
-
for (var prop of __getOwnPropSymbols$2(b)) {
|
|
2970
|
-
if (__propIsEnum$2.call(b, prop))
|
|
2971
|
-
__defNormalProp$4(a, prop, b[prop]);
|
|
2972
|
-
}
|
|
2973
|
-
return a;
|
|
2974
|
-
};
|
|
2975
|
-
var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
|
|
2976
|
-
var __objRest$1 = (source, exclude) => {
|
|
2977
|
-
var target = {};
|
|
2978
|
-
for (var prop in source)
|
|
2979
|
-
if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
2980
|
-
target[prop] = source[prop];
|
|
2981
|
-
if (source != null && __getOwnPropSymbols$2)
|
|
2982
|
-
for (var prop of __getOwnPropSymbols$2(source)) {
|
|
2983
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
|
|
2984
|
-
target[prop] = source[prop];
|
|
2985
|
-
}
|
|
2986
|
-
return target;
|
|
2987
|
-
};
|
|
2988
|
-
ErrorBlock.propTypes = {
|
|
2989
|
-
message: PropTypes__default.default.string.isRequired,
|
|
2990
|
-
className: PropTypes__default.default.string
|
|
2991
|
-
};
|
|
2992
|
-
function ErrorBlock(_a) {
|
|
2993
|
-
var _b = _a, { message, className = "" } = _b, otherProps = __objRest$1(_b, ["message", "className"]);
|
|
2994
|
-
const containerClassName = classNames__default.default("cweb-error-block", className);
|
|
2995
|
-
return /* @__PURE__ */ React__namespace.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ React__namespace.default.createElement(Text, __spreadProps$1(__spreadValues$2({}, otherProps), { className: "cweb-error-block-message", text: message })));
|
|
2996
|
-
}
|
|
2997
|
-
|
|
2998
|
-
var css_248z$a = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-info-block {\n position: relative;\n padding: 16px 16px 16px 56px;\n background-color: #e8f5fc;\n border-radius: 8px;\n}\n.cweb-info-block:before {\n content: \"\";\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 1;\n width: 24px;\n height: 23px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2212%22 fill%3D%22%23009FE3%22%2F%3E %3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22nonzero%22 d%3D%22M12.483 7.314l1.128 2.39a.54.54 0 0 0 .405.308l2.522.383c.442.067.618.635.299.96l-1.825 1.86a.58.58 0 0 0-.155.499l.43 2.626c.076.46-.386.811-.78.594l-2.256-1.24a.518.518 0 0 0-.502 0l-2.255 1.24c-.395.217-.857-.134-.782-.594l.431-2.626a.58.58 0 0 0-.155-.499l-1.825-1.86c-.32-.326-.143-.893.299-.96l2.522-.383a.54.54 0 0 0 .405-.308l1.128-2.39a.528.528 0 0 1 .966 0z%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}";
|
|
2999
|
-
styleInject(css_248z$a);
|
|
3000
|
-
|
|
3001
|
-
InfoBlock.propTypes = {
|
|
3002
|
-
message: PropTypes__default.default.string.isRequired,
|
|
3003
|
-
containsDangerousHtml: PropTypes__default.default.bool,
|
|
3004
|
-
className: PropTypes__default.default.string
|
|
3005
|
-
};
|
|
3006
|
-
function InfoBlock({ message, className, containsDangerousHtml = false }) {
|
|
3007
|
-
const containerClassName = classNames__default.default("cweb-info-block", className);
|
|
3008
|
-
return /* @__PURE__ */ React__namespace.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ React__namespace.default.createElement(Text, { text: message, containsDangerousHtml }));
|
|
3009
|
-
}
|
|
3010
|
-
|
|
3011
2954
|
const InfoField = (props) => {
|
|
3012
2955
|
React.useEffect(() => {
|
|
3013
2956
|
const clipboard = new ClipboardJS__default.default("button");
|
|
@@ -4787,9 +4730,17 @@ const ImagePickerInner = ({
|
|
|
4787
4730
|
"ui-w-full ui-rounded ui-bg-secondary ui-object-contain ui-p-3": !isTypeCompact,
|
|
4788
4731
|
"ui-w-full": isTypeCompact
|
|
4789
4732
|
}), src: selectedMedia, playsInline: true, controls: true, disablePictureInPicture: true, preload: "none", poster: placeholderImage }, "There is a video, but your browser doesn't support showing the video."),
|
|
4790
|
-
selectedMediaType !== "image" && selectedMediaType !== "video" && React__namespace.default.createElement(
|
|
4733
|
+
selectedMediaType !== "image" && selectedMediaType !== "video" && React__namespace.default.createElement(
|
|
4734
|
+
NotificationBanner,
|
|
4735
|
+
{ color: "blue", icon: InfoIcon },
|
|
4736
|
+
React__namespace.default.createElement(Text, null, (_a = localisation.unsupportedMediaType) !== null && _a !== void 0 ? _a : "File uploaded successfully but preview not supported.")
|
|
4737
|
+
)
|
|
4738
|
+
),
|
|
4739
|
+
error && React__namespace.default.createElement(
|
|
4740
|
+
NotificationBanner,
|
|
4741
|
+
{ color: "red", icon: ExclamationMarkIcon },
|
|
4742
|
+
React__namespace.default.createElement(Text, null, error)
|
|
4791
4743
|
),
|
|
4792
|
-
error && React__namespace.default.createElement(ErrorBlock, { className: "cweb-no-action-error", message: error }),
|
|
4793
4744
|
React__namespace.default.createElement(
|
|
4794
4745
|
FlexRow,
|
|
4795
4746
|
{ spacing: "small" },
|
|
@@ -5586,7 +5537,6 @@ exports.EditIcon = EditIcon;
|
|
|
5586
5537
|
exports.EmptyIcon = EmptyIcon;
|
|
5587
5538
|
exports.EmptyListMessage = EmptyListMessage;
|
|
5588
5539
|
exports.EmptyStateDashboardIcon = EmptyStateDashboardIcon;
|
|
5589
|
-
exports.ErrorBlock = ErrorBlock;
|
|
5590
5540
|
exports.ExclamationMarkIcon = ExclamationMarkIcon;
|
|
5591
5541
|
exports.EyeIcon = EyeIcon;
|
|
5592
5542
|
exports.EyeIconSlashed = EyeIconSlashed;
|
|
@@ -5605,9 +5555,9 @@ exports.HamburgerIcon = HamburgerIcon;
|
|
|
5605
5555
|
exports.HeartIcon = HeartIcon;
|
|
5606
5556
|
exports.INPUT_TYPES = INPUT_TYPES;
|
|
5607
5557
|
exports.Icon = Icon;
|
|
5558
|
+
exports.Image = Image$1;
|
|
5608
5559
|
exports.ImageIcon = ImageIcon;
|
|
5609
5560
|
exports.ImagePicker = ImagePicker;
|
|
5610
|
-
exports.InfoBlock = InfoBlock;
|
|
5611
5561
|
exports.InfoField = InfoField;
|
|
5612
5562
|
exports.InfoIcon = InfoIcon;
|
|
5613
5563
|
exports.Input = Input;
|