@luscii-healthtech/web-ui 2.40.2 → 2.41.1
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/components/AccordionList/AccordionList.d.ts +1 -0
- package/dist/web-ui-tailwind.css +12 -0
- package/dist/web-ui.cjs.development.js +104 -98
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +104 -98
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/web-ui.esm.js
CHANGED
|
@@ -1662,7 +1662,44 @@ var EmptyListMessage = function EmptyListMessage(_ref) {
|
|
|
1662
1662
|
}));
|
|
1663
1663
|
};
|
|
1664
1664
|
|
|
1665
|
-
var
|
|
1665
|
+
var img$3 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='68' height='20' viewBox='0 0 68 20'%3e %3cg fill='none' fill-rule='nonzero'%3e %3ccircle cx='10' cy='10' r='10' fill='%23F09'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='0.1'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='0.1'/%3e %3c/circle%3e %3ccircle cx='34' cy='10' r='10' fill='%236ABFA5'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='0.6'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='0.6'/%3e %3c/circle%3e %3ccircle cx='58' cy='10' r='10' fill='%236670A5'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='1.1'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='1.1'/%3e %3c/circle%3e %3c/g%3e%3c/svg%3e";
|
|
1666
|
+
|
|
1667
|
+
var img$4 = "data:image/svg+xml,%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='%23009fe3' 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/svg%3e";
|
|
1668
|
+
|
|
1669
|
+
var img$5 = "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";
|
|
1670
|
+
|
|
1671
|
+
var css_248z$6 = ".cweb-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-loading .cweb-loading-text {\n margin-bottom: 24px;\n}\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\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\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}";
|
|
1672
|
+
styleInject(css_248z$6);
|
|
1673
|
+
|
|
1674
|
+
var _excluded$5 = ["asModal", "asSpinner", "className", "spinnerColor"];
|
|
1675
|
+
function LoadingIndicator(_ref) {
|
|
1676
|
+
var _ref$asModal = _ref.asModal,
|
|
1677
|
+
asModal = _ref$asModal === void 0 ? false : _ref$asModal,
|
|
1678
|
+
_ref$asSpinner = _ref.asSpinner,
|
|
1679
|
+
asSpinner = _ref$asSpinner === void 0 ? false : _ref$asSpinner,
|
|
1680
|
+
_ref$className = _ref.className,
|
|
1681
|
+
className = _ref$className === void 0 ? "" : _ref$className,
|
|
1682
|
+
_ref$spinnerColor = _ref.spinnerColor,
|
|
1683
|
+
spinnerColor = _ref$spinnerColor === void 0 ? "blue" : _ref$spinnerColor,
|
|
1684
|
+
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
1685
|
+
|
|
1686
|
+
var spinnerToRender = spinnerColor === "blue" ? img$4 : img$5;
|
|
1687
|
+
var containerClassName = classNames("cweb-loading", className, {
|
|
1688
|
+
"as-modal": asModal
|
|
1689
|
+
});
|
|
1690
|
+
return /*#__PURE__*/React__default.createElement("div", _extends({}, restProps, {
|
|
1691
|
+
className: containerClassName
|
|
1692
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
1693
|
+
src: asSpinner ? spinnerToRender : img$3,
|
|
1694
|
+
"data-chromatic": "ignore",
|
|
1695
|
+
className: classNames("text-gray-600 fill-current stroke-current", {
|
|
1696
|
+
"h-4 w-4": asSpinner,
|
|
1697
|
+
"h-12 w-12": !asSpinner
|
|
1698
|
+
})
|
|
1699
|
+
}));
|
|
1700
|
+
}
|
|
1701
|
+
|
|
1702
|
+
var _excluded$6 = ["localisations", "buttonProps", "accordionItems", "isSearchEnabled", "isLoading"];
|
|
1666
1703
|
var AccordionList = function AccordionList(_ref) {
|
|
1667
1704
|
var _ref$localisations = _ref.localisations,
|
|
1668
1705
|
title = _ref$localisations.title,
|
|
@@ -1674,7 +1711,9 @@ var AccordionList = function AccordionList(_ref) {
|
|
|
1674
1711
|
accordionItems = _ref.accordionItems,
|
|
1675
1712
|
_ref$isSearchEnabled = _ref.isSearchEnabled,
|
|
1676
1713
|
isSearchEnabled = _ref$isSearchEnabled === void 0 ? false : _ref$isSearchEnabled,
|
|
1677
|
-
|
|
1714
|
+
_ref$isLoading = _ref.isLoading,
|
|
1715
|
+
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
1716
|
+
accordionProps = _objectWithoutPropertiesLoose(_ref, _excluded$6);
|
|
1678
1717
|
|
|
1679
1718
|
var _useState = useState(""),
|
|
1680
1719
|
searchString = _useState[0],
|
|
@@ -1701,7 +1740,7 @@ var AccordionList = function AccordionList(_ref) {
|
|
|
1701
1740
|
}).filter(Boolean);
|
|
1702
1741
|
}, [accordionItems, searchString]);
|
|
1703
1742
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1704
|
-
className: "bg-white rounded-lg box-border overflow-auto"
|
|
1743
|
+
className: "bg-white h-full rounded-lg box-border overflow-auto flex flex-col"
|
|
1705
1744
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1706
1745
|
className: "p-6 flex flex-col space-y-4 border-b border-slate-100"
|
|
1707
1746
|
}, title && /*#__PURE__*/React__default.createElement(Title, {
|
|
@@ -1714,9 +1753,11 @@ var AccordionList = function AccordionList(_ref) {
|
|
|
1714
1753
|
onChange: function onChange(e) {
|
|
1715
1754
|
setSearchString(typeof e === "string" ? e : e.currentTarget.value);
|
|
1716
1755
|
}
|
|
1717
|
-
}), buttonProps && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(SecondaryButton, _extends({}, buttonProps)))),
|
|
1756
|
+
}), buttonProps && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(SecondaryButton, _extends({}, buttonProps)))), isLoading && /*#__PURE__*/React__default.createElement(LoadingIndicator, {
|
|
1757
|
+
className: "flex-1"
|
|
1758
|
+
}), !isLoading && filteredAccordionItems.length > 0 && /*#__PURE__*/React__default.createElement(Accordion, _extends({}, accordionProps, {
|
|
1718
1759
|
items: filteredAccordionItems
|
|
1719
|
-
}))
|
|
1760
|
+
})), !isLoading && filteredAccordionItems.length === 0 && /*#__PURE__*/React__default.createElement(EmptyListMessage, {
|
|
1720
1761
|
imageName: "search-not-found",
|
|
1721
1762
|
text: emptyListText,
|
|
1722
1763
|
className: "mb-4 py-4 border-t border-b border-slate-100"
|
|
@@ -1826,8 +1867,8 @@ var Modal = function Modal(props) {
|
|
|
1826
1867
|
return /*#__PURE__*/React__default.createElement(ModalBase, _extends({}, props));
|
|
1827
1868
|
};
|
|
1828
1869
|
|
|
1829
|
-
var css_248z$
|
|
1830
|
-
styleInject(css_248z$
|
|
1870
|
+
var css_248z$7 = ".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\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\n.cweb-avatar > .avatar-content-container > .avatar-image {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n}\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\n.cweb-avatar.size-large {\n width: 128px;\n}\n\n.cweb-avatar.size-large > .avatar-content-container {\n width: 128px;\n height: 128px;\n}\n\n.cweb-avatar.size-large > .avatar-content-container > .avatar-initials-text {\n font-size: 48px;\n}\n\n.cweb-avatar.size-medium {\n width: 64px;\n}\n\n.cweb-avatar.size-medium > .avatar-content-container {\n width: 64px;\n height: 64px;\n}\n\n.cweb-avatar.size-medium > .avatar-content-container > .avatar-initials-text {\n font-size: 24px;\n}\n\n.cweb-avatar.size-small {\n width: 36px;\n}\n\n.cweb-avatar.size-small > .avatar-content-container {\n width: 36px;\n height: 36px;\n}\n\n.cweb-avatar.size-small > .avatar-content-container > .avatar-initials-text {\n font-size: 14px;\n}\n\n.cweb-avatar.type-editable {\n cursor: pointer;\n}\n\n.cweb-avatar.type-editable > .avatar-content-container {\n position: relative;\n border-color: #0074dd;\n background-color: #ffffff;\n}\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\n.cweb-avatar.type-editable > .avatar-content-container:hover:after {\n background-color: rgba(0, 116, 221, 0.1);\n}\n\n.cweb-avatar.type-editable > .avatar-content-container > .avatar-initials-text {\n color: #0074dd;\n}\n\n.cweb-avatar.type-readonly > .avatar-content-container {\n border-color: #cccccc;\n background-color: #f1f5f9;\n}\n\n.cweb-avatar.type-readonly > .avatar-content-container > .avatar-initials-text {\n color: #64748b;\n}\n\n@media (max-width: 767px) {\n .cweb-avatar.size-large {\n width: 64px;\n }\n\n .cweb-avatar.size-large > .avatar-content-container {\n width: 64px;\n height: 64px;\n }\n\n .cweb-avatar.size-large > .avatar-content-container > .avatar-initials-text {\n font-size: 24px;\n }\n\n .cweb-avatar.size-large.display-initials > .avatar-content-container {\n border-width: 0.5px;\n }\n}";
|
|
1871
|
+
styleInject(css_248z$7);
|
|
1831
1872
|
|
|
1832
1873
|
function checkImageValidity(src) {
|
|
1833
1874
|
return new Promise(function (resolve) {
|
|
@@ -2061,41 +2102,41 @@ var PrintIcon = function PrintIcon(props) {
|
|
|
2061
2102
|
}));
|
|
2062
2103
|
};
|
|
2063
2104
|
|
|
2064
|
-
var img$
|
|
2105
|
+
var img$6 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.05037 5.63664C6.65984 5.24612 6.02668 5.24612 5.63615 5.63664C5.24563 6.02717 5.24563 6.66033 5.63616 7.05086L10.5862 12.0009L5.63618 16.9509C5.24566 17.3415 5.24566 17.9746 5.63618 18.3652C6.02671 18.7557 6.65987 18.7557 7.0504 18.3652L12.0004 13.4151L16.9499 18.3646C17.3404 18.7551 17.9736 18.7551 18.3641 18.3646C18.7546 17.974 18.7546 17.3409 18.3641 16.9504L13.4146 12.0009L18.3641 7.05145C18.7546 6.66093 18.7546 6.02776 18.3641 5.63724C17.9736 5.24671 17.3404 5.24671 16.9499 5.63724L12.0004 10.5867L7.05037 5.63664Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
2065
2106
|
|
|
2066
|
-
var img$
|
|
2107
|
+
var img$7 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6C3 5.44772 3.44772 5 4 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H4C3.44772 7 3 6.55228 3 6Z' fill='%23EDF2F7'/%3e%3cpath d='M3 12C3 11.4477 3.44772 11 4 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H4C3.44772 13 3 12.5523 3 12Z' fill='%23EDF2F7'/%3e%3cpath d='M4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18C21 17.4477 20.5523 17 20 17H4Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
2067
2108
|
|
|
2068
|
-
var img$
|
|
2109
|
+
var img$8 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.31008 6.70978C8.92008 7.09978 8.92008 7.72978 9.31008 8.11978L13.1901 11.9998L9.31008 15.8798C8.92008 16.2698 8.92008 16.8998 9.31008 17.2898C9.70008 17.6798 10.3301 17.6798 10.7201 17.2898L15.3101 12.6998C15.7001 12.3098 15.7001 11.6798 15.3101 11.2898L10.7201 6.69978C10.3401 6.31978 9.70008 6.31978 9.31008 6.70978Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
2069
2110
|
|
|
2070
|
-
var img$
|
|
2111
|
+
var img$9 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.31008 6.70978C8.92008 7.09978 8.92008 7.72978 9.31008 8.11978L13.1901 11.9998L9.31008 15.8798C8.92008 16.2698 8.92008 16.8998 9.31008 17.2898C9.70008 17.6798 10.3301 17.6798 10.7201 17.2898L15.3101 12.6998C15.7001 12.3098 15.7001 11.6798 15.3101 11.2898L10.7201 6.69978C10.3401 6.31978 9.70008 6.31978 9.31008 6.70978Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
2071
2112
|
|
|
2072
|
-
var img$
|
|
2113
|
+
var img$a = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.6899 17.2902C14.0799 16.9002 14.0799 16.2702 13.6899 15.8802L9.80992 12.0002L13.6899 8.12022C14.0799 7.73022 14.0799 7.10022 13.6899 6.71022C13.2999 6.32022 12.6699 6.32022 12.2799 6.71022L7.68992 11.3002C7.29992 11.6902 7.29992 12.3202 7.68992 12.7102L12.2799 17.3002C12.6599 17.6802 13.2999 17.6802 13.6899 17.2902Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
2073
2114
|
|
|
2074
|
-
var img$
|
|
2115
|
+
var img$b = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.6899 17.2902C14.0799 16.9002 14.0799 16.2702 13.6899 15.8802L9.80992 12.0002L13.6899 8.12022C14.0799 7.73022 14.0799 7.10022 13.6899 6.71022C13.2999 6.32022 12.6699 6.32022 12.2799 6.71022L7.68992 11.3002C7.29992 11.6902 7.29992 12.3202 7.68992 12.7102L12.2799 17.3002C12.6599 17.6802 13.2999 17.6802 13.6899 17.2902Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
2075
2116
|
|
|
2076
|
-
var img$
|
|
2117
|
+
var img$c = "data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.5006 11.0006H11.7106L11.4306 10.7306C12.6306 9.33063 13.2506 7.42063 12.9106 5.39063C12.4406 2.61063 10.1206 0.390626 7.32063 0.0506256C3.09063 -0.469374 -0.469374 3.09063 0.0506256 7.32063C0.390626 10.1206 2.61063 12.4406 5.39063 12.9106C7.42063 13.2506 9.33063 12.6306 10.7306 11.4306L11.0006 11.7106V12.5006L15.2506 16.7506C15.6606 17.1606 16.3306 17.1606 16.7406 16.7506C17.1506 16.3406 17.1506 15.6706 16.7406 15.2606L12.5006 11.0006ZM6.50063 11.0006C4.01063 11.0006 2.00063 8.99063 2.00063 6.50063C2.00063 4.01063 4.01063 2.00063 6.50063 2.00063C8.99063 2.00063 11.0006 4.01063 11.0006 6.50063C11.0006 8.99063 8.99063 11.0006 6.50063 11.0006Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
2077
2118
|
|
|
2078
|
-
var img$
|
|
2119
|
+
var img$d = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.05086 0.636643C1.66033 0.246119 1.02717 0.246119 0.636643 0.636643C0.246119 1.02717 0.246119 1.66033 0.636643 2.05086L5.5867 7.00092L0.636672 11.9509C0.246148 12.3415 0.246148 12.9746 0.636672 13.3652C1.0272 13.7557 1.66036 13.7557 2.05089 13.3652L7.00091 8.41513L11.9503 13.3646C12.3409 13.7551 12.974 13.7551 13.3646 13.3646C13.7551 12.974 13.7551 12.3409 13.3646 11.9504L8.41513 7.00092L13.3646 2.05145C13.7551 1.66093 13.7551 1.02776 13.3646 0.637237C12.9741 0.246712 12.3409 0.246713 11.9504 0.637237L7.00092 5.5867L2.05086 0.636643Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
2079
2120
|
|
|
2080
|
-
var img$
|
|
2121
|
+
var img$e = "data:image/svg+xml,%3csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.58663 1.04906C8.93899 0.258571 10.061 0.258571 10.4134 1.04906L12.1659 4.9807C12.3112 5.30673 12.6193 5.53057 12.9743 5.56804L17.2551 6.01985C18.1158 6.11069 18.4625 7.17779 17.8196 7.75718L14.6219 10.6389C14.3568 10.8778 14.2391 11.24 14.3131 11.5892L15.2063 15.8001C15.3858 16.6467 14.4781 17.3062 13.7284 16.8738L9.99962 14.7232C9.69041 14.5448 9.30959 14.5448 9.00038 14.7232L5.27159 16.8738C4.52189 17.3062 3.61416 16.6467 3.79373 15.8001L4.68686 11.5892C4.76093 11.24 4.64325 10.8778 4.37808 10.6389L1.18043 7.75718C0.537518 7.17779 0.88424 6.11069 1.74492 6.01985L6.0257 5.56804C6.38068 5.53057 6.68877 5.30673 6.8341 4.9807L8.58663 1.04906Z' fill='%23009FE3'/%3e%3c/svg%3e";
|
|
2081
2122
|
|
|
2082
|
-
var img$
|
|
2123
|
+
var img$f = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e %3cg transform='translate(1.5%2c 0.5)'%3e %3cpath fill='none' fill-rule='evenodd' stroke='%230074DD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.643 3.357L6.03 9.97l-2.674 2.674L0 9.286'/%3e %3c/g%3e%3c/svg%3e";
|
|
2083
2124
|
|
|
2084
2125
|
var iconSrc = {
|
|
2085
2126
|
// These need to be converted to svg files instead of components and added in
|
|
2086
2127
|
// "add": AddIcon,
|
|
2087
2128
|
// "delete": DeleteIcon,
|
|
2088
2129
|
// "edit": EditIcon,
|
|
2089
|
-
close: img$
|
|
2090
|
-
hamburger: img$
|
|
2091
|
-
"chevron-right-blue": img$
|
|
2092
|
-
"chevron-left-blue": img$
|
|
2093
|
-
"chevron-right-grey": img$
|
|
2094
|
-
"chevron-left-grey": img$
|
|
2095
|
-
search: img$
|
|
2096
|
-
star: img$
|
|
2097
|
-
check: img$
|
|
2098
|
-
"search-cancel": img$
|
|
2130
|
+
close: img$6,
|
|
2131
|
+
hamburger: img$7,
|
|
2132
|
+
"chevron-right-blue": img$8,
|
|
2133
|
+
"chevron-left-blue": img$a,
|
|
2134
|
+
"chevron-right-grey": img$9,
|
|
2135
|
+
"chevron-left-grey": img$b,
|
|
2136
|
+
search: img$c,
|
|
2137
|
+
star: img$e,
|
|
2138
|
+
check: img$f,
|
|
2139
|
+
"search-cancel": img$d
|
|
2099
2140
|
};
|
|
2100
2141
|
var ButtonIcon = function ButtonIcon(props) {
|
|
2101
2142
|
return /*#__PURE__*/createElement("img", {
|
|
@@ -2116,7 +2157,7 @@ var BUTTON_ROLES = {
|
|
|
2116
2157
|
ICON: "icon"
|
|
2117
2158
|
};
|
|
2118
2159
|
|
|
2119
|
-
var _excluded$
|
|
2160
|
+
var _excluded$7 = ["text", "role", "type", "title", "link", "isPending", "isDisabled", "onClick", "className", "iconName", "hasIcon", "dynamicIcon"];
|
|
2120
2161
|
|
|
2121
2162
|
function Button(props) {
|
|
2122
2163
|
var _props$text = props.text,
|
|
@@ -2141,7 +2182,7 @@ function Button(props) {
|
|
|
2141
2182
|
_props$hasIcon = props.hasIcon,
|
|
2142
2183
|
hasIconProps = _props$hasIcon === void 0 ? false : _props$hasIcon,
|
|
2143
2184
|
dynamicIcon = props.dynamicIcon,
|
|
2144
|
-
otherAttributes = _objectWithoutPropertiesLoose(props, _excluded$
|
|
2185
|
+
otherAttributes = _objectWithoutPropertiesLoose(props, _excluded$7);
|
|
2145
2186
|
|
|
2146
2187
|
var hasAddIcon = className.includes("add-button");
|
|
2147
2188
|
var hasEditIcon = className.includes("edit-button");
|
|
@@ -2263,8 +2304,8 @@ function Button(props) {
|
|
|
2263
2304
|
}, text));
|
|
2264
2305
|
}
|
|
2265
2306
|
|
|
2266
|
-
var css_248z$
|
|
2267
|
-
styleInject(css_248z$
|
|
2307
|
+
var css_248z$8 = ".entity-preview-dots.glider-dots {\n padding-top: 1rem;\n}\n\n.entity-preview-dots.glider-dots .glider-dot {\n height: 0.5rem;\n width: 0.5rem;\n margin: 0.25rem;\n --bg-opacity: 1;\n background-color: #F2FAFD;\n background-color: rgba(242, 250, 253, var(--bg-opacity));\n}\n\n.entity-preview-dots.glider-dots .glider-dot:focus {\n outline: 4px solid rgba(0, 159, 227, 0.3);\n outline-offset: 0;\n}\n\n.entity-preview-dots.glider-dots .glider-dot.active, .entity-preview-dots.glider-dots .glider-dot:focus {\n --bg-opacity: 1;\n background-color: #0074DD;\n background-color: rgba(0, 116, 221, var(--bg-opacity));\n}";
|
|
2308
|
+
styleInject(css_248z$8);
|
|
2268
2309
|
|
|
2269
2310
|
var GliderContainer = function GliderContainer(props) {
|
|
2270
2311
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -2370,8 +2411,8 @@ var CenteredHero = function CenteredHero(_ref) {
|
|
|
2370
2411
|
})));
|
|
2371
2412
|
};
|
|
2372
2413
|
|
|
2373
|
-
var css_248z$
|
|
2374
|
-
styleInject(css_248z$
|
|
2414
|
+
var css_248z$9 = ".cweb-checkbox {\n outline: none;\n}\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\n.cweb-checkbox.type-regular .cweb-checkbox-label {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n}\n\n.cweb-checkbox.type-regular .cweb-checkbox-icon-container {\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n border: 1px solid #cccccc;\n border-radius: 4px;\n}\n\n.cweb-checkbox.type-regular.hasError .cweb-checkbox-icon-container {\n border: 1px solid #ff6266;\n}\n\n.cweb-checkbox.type-regular .cweb-checkbox-icon {\n display: block;\n}\n\n.cweb-checkbox.type-regular.is-focused .cweb-checkbox-icon-container {\n border-color: #0074dd;\n}\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\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\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\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\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\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\n.cweb-checkbox.type-switch.is-checked .cweb-checkbox-icon-container {\n background-color: #6abfa6;\n}\n\n.cweb-checkbox.type-switch.is-checked .cweb-checkbox-icon-container:after {\n left: 32px;\n}";
|
|
2415
|
+
styleInject(css_248z$9);
|
|
2375
2416
|
|
|
2376
2417
|
var Checkbox = function Checkbox(_ref) {
|
|
2377
2418
|
var id = _ref.id,
|
|
@@ -2597,10 +2638,10 @@ NotificationBanner.defaultProps = {
|
|
|
2597
2638
|
onButtonClick: undefined
|
|
2598
2639
|
};
|
|
2599
2640
|
|
|
2600
|
-
var css_248z$
|
|
2601
|
-
styleInject(css_248z$
|
|
2641
|
+
var css_248z$a = ".radio-form-field-label input[type=\"radio\"]:checked + .radio-circle {\n --bg-opacity: 1;\n background-color: #0074DD;\n background-color: rgba(0, 116, 221, var(--bg-opacity));\n}\n\n.radio-form-field-label[data-has-error=\"true\"] .radio-circle {\n --border-opacity: 1;\n border-color: #c53030;\n border-color: rgba(197, 48, 48, var(--border-opacity));\n outline: 4px solid rgba(255, 98, 102, 0.3);\n outline-offset: 0;\n}\n\n.radio-form-field-label\n input[type=\"radio\"]:checked\n + .radio-circle\n .radio-inner-circle {\n --bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n";
|
|
2642
|
+
styleInject(css_248z$a);
|
|
2602
2643
|
|
|
2603
|
-
var _excluded$
|
|
2644
|
+
var _excluded$8 = ["text", "info", "isError", "innerRef", "className", "name"];
|
|
2604
2645
|
|
|
2605
2646
|
function RadioInner(_ref) {
|
|
2606
2647
|
var text = _ref.text,
|
|
@@ -2608,19 +2649,21 @@ function RadioInner(_ref) {
|
|
|
2608
2649
|
isError = _ref.isError,
|
|
2609
2650
|
innerRef = _ref.innerRef,
|
|
2610
2651
|
className = _ref.className,
|
|
2611
|
-
|
|
2652
|
+
name = _ref.name,
|
|
2653
|
+
otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$8);
|
|
2612
2654
|
|
|
2613
2655
|
var value = otherProps.value,
|
|
2614
2656
|
disabled = otherProps.disabled;
|
|
2615
|
-
var nameHtmlFor = "field-" + value;
|
|
2657
|
+
var nameHtmlFor = name + "-field-" + value;
|
|
2616
2658
|
return /*#__PURE__*/React__default.createElement("label", {
|
|
2617
|
-
className: "radio-form-field-label
|
|
2659
|
+
className: "flex flex-row leading-tight radio-form-field-label",
|
|
2618
2660
|
htmlFor: nameHtmlFor,
|
|
2619
2661
|
"data-has-error": isError,
|
|
2620
2662
|
"data-test-id": nameHtmlFor
|
|
2621
2663
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2622
2664
|
className: "flex flex-row items-center self-start"
|
|
2623
2665
|
}, /*#__PURE__*/React__default.createElement("input", _extends({}, otherProps, {
|
|
2666
|
+
name: name,
|
|
2624
2667
|
className: classNames("appearance-none", className),
|
|
2625
2668
|
ref: innerRef,
|
|
2626
2669
|
type: "radio",
|
|
@@ -2633,7 +2676,7 @@ function RadioInner(_ref) {
|
|
|
2633
2676
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
2634
2677
|
className: "space-y-2"
|
|
2635
2678
|
}, text && /*#__PURE__*/React__default.createElement("div", {
|
|
2636
|
-
className: "
|
|
2679
|
+
className: "flex items-center ml-2"
|
|
2637
2680
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
2638
2681
|
inline: true,
|
|
2639
2682
|
text: text,
|
|
@@ -2660,14 +2703,14 @@ var RadioV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
2660
2703
|
}));
|
|
2661
2704
|
});
|
|
2662
2705
|
|
|
2663
|
-
var _excluded$
|
|
2706
|
+
var _excluded$9 = ["innerRef", "options", "defaultValue", "title"];
|
|
2664
2707
|
|
|
2665
2708
|
function RadioGroupInner(_ref) {
|
|
2666
2709
|
var innerRef = _ref.innerRef,
|
|
2667
2710
|
options = _ref.options,
|
|
2668
2711
|
defaultValue = _ref.defaultValue,
|
|
2669
2712
|
title = _ref.title,
|
|
2670
|
-
registerProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
2713
|
+
registerProps = _objectWithoutPropertiesLoose(_ref, _excluded$9);
|
|
2671
2714
|
|
|
2672
2715
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
2673
2716
|
className: classNames("flex flex-col space-y-2")
|
|
@@ -2798,10 +2841,10 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
|
|
|
2798
2841
|
})));
|
|
2799
2842
|
};
|
|
2800
2843
|
|
|
2801
|
-
var css_248z$a = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\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\n.cweb-datepicker input.cweb-datepicker {\n font-size: 14px;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker::placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b !important;\n}\n\n.cweb-datepicker::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper {\n z-index: 5;\n}\n\n.react-datepicker-popper[data-placement^=bottom] {\n margin-top: 4px;\n}\n\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n}\n\n.react-datepicker-popper[data-placement^=top] {\n margin-bottom: 4px;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n}\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\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--previous {\n border: 0;\n transform: rotate(90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--next {\n border: 0;\n transform: rotate(-90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\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\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\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\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\n.cweb-datepicker-calendar .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n}\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\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day-names,\n.cweb-datepicker-calendar .react-datepicker__month {\n margin: 0.4rem;\n}\n\n.cweb-datepicker-calendar .react-datepicker__month {\n padding-bottom: 8px;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #0074dd;\n position: relative;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #045baa;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}";
|
|
2802
|
-
styleInject(css_248z$
|
|
2844
|
+
var css_248z$b = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\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\n.cweb-datepicker input.cweb-datepicker {\n font-size: 14px;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker::placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b !important;\n}\n\n.cweb-datepicker::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper {\n z-index: 5;\n}\n\n.react-datepicker-popper[data-placement^=bottom] {\n margin-top: 4px;\n}\n\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n}\n\n.react-datepicker-popper[data-placement^=top] {\n margin-bottom: 4px;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n}\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\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--previous {\n border: 0;\n transform: rotate(90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--next {\n border: 0;\n transform: rotate(-90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\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\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\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\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\n.cweb-datepicker-calendar .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n}\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\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day-names,\n.cweb-datepicker-calendar .react-datepicker__month {\n margin: 0.4rem;\n}\n\n.cweb-datepicker-calendar .react-datepicker__month {\n padding-bottom: 8px;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #0074dd;\n position: relative;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\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\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #045baa;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\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\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}";
|
|
2845
|
+
styleInject(css_248z$b);
|
|
2803
2846
|
|
|
2804
|
-
var _excluded$
|
|
2847
|
+
var _excluded$a = ["className", "hasCloseButton", "closeButtonText", "adjustDateOnChange", "showMonthDropdown", "showYearDropdown", "shouldCloseOnSelect", "allowSameDay", "minDate", "maxDate", "isDisabled", "selected"];
|
|
2805
2848
|
|
|
2806
2849
|
var Datepicker = /*#__PURE__*/function (_Component) {
|
|
2807
2850
|
_inheritsLoose(Datepicker, _Component);
|
|
@@ -2856,7 +2899,7 @@ var Datepicker = /*#__PURE__*/function (_Component) {
|
|
|
2856
2899
|
_this$props2$isDisabl = _this$props2.isDisabled,
|
|
2857
2900
|
isDisabled = _this$props2$isDisabl === void 0 ? false : _this$props2$isDisabl,
|
|
2858
2901
|
selected = _this$props2.selected,
|
|
2859
|
-
otherProps = _objectWithoutPropertiesLoose(_this$props2, _excluded$
|
|
2902
|
+
otherProps = _objectWithoutPropertiesLoose(_this$props2, _excluded$a);
|
|
2860
2903
|
|
|
2861
2904
|
var dateFormat = this.getDateFormat();
|
|
2862
2905
|
var pickerClassName = classNames("cweb-datepicker text-slate-800 text-sm", className);
|
|
@@ -2912,12 +2955,12 @@ Datepicker.propTypes = {
|
|
|
2912
2955
|
isDisabled: PropTypes.bool
|
|
2913
2956
|
};
|
|
2914
2957
|
|
|
2915
|
-
var img$
|
|
2958
|
+
var img$g = "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";
|
|
2916
2959
|
|
|
2917
|
-
var css_248z$
|
|
2918
|
-
styleInject(css_248z$
|
|
2960
|
+
var css_248z$c = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\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\n.cweb-dropdown:focus {\n outline: 4px solid rgba(0, 159, 227, 0.3);\n}\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\n.cweb-dropdown > .dropdown-header > .dropdown-header-icon {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out;\n}\n\n.cweb-dropdown > .dropdown-header:hover > .dropdown-header-icon {\n opacity: 1;\n}\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\n.cweb-dropdown > .dropdown-list > .dropdown-list-item {\n cursor: pointer;\n}\n\n.cweb-dropdown > .dropdown-list > .dropdown-list-item-group > .dropdown-list-item {\n cursor: pointer;\n}\n\n.cweb-dropdown.is-open > .dropdown-list {\n display: block;\n margin-bottom: 32px;\n}\n\n.cweb-dropdown.is-open > .dropdown-list.wider {\n width: 200%;\n}";
|
|
2961
|
+
styleInject(css_248z$c);
|
|
2919
2962
|
|
|
2920
|
-
var _excluded$
|
|
2963
|
+
var _excluded$b = ["placeholder", "className", "initialSelectedItemId", "onItemSelect", "items", "wider"];
|
|
2921
2964
|
var ITEM_QUERY_FIELD_NAMES = {
|
|
2922
2965
|
ID: "id",
|
|
2923
2966
|
HIGHLIGHT_INDEX: "highlightIndex"
|
|
@@ -3111,7 +3154,7 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
|
|
|
3111
3154
|
className: classNames({
|
|
3112
3155
|
hidden: !isItemSelected
|
|
3113
3156
|
}),
|
|
3114
|
-
src: img$
|
|
3157
|
+
src: img$f,
|
|
3115
3158
|
alt: "checked"
|
|
3116
3159
|
}));
|
|
3117
3160
|
};
|
|
@@ -3189,7 +3232,7 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
|
|
|
3189
3232
|
_this$props$placehold = _this$props.placeholder,
|
|
3190
3233
|
placeholder = _this$props$placehold === void 0 ? "" : _this$props$placehold,
|
|
3191
3234
|
className = _this$props.className,
|
|
3192
|
-
otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$
|
|
3235
|
+
otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$b);
|
|
3193
3236
|
|
|
3194
3237
|
var _this$state2 = this.state,
|
|
3195
3238
|
selectedItem = _this$state2.selectedItem,
|
|
@@ -3217,7 +3260,7 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
|
|
|
3217
3260
|
truncate: true
|
|
3218
3261
|
}), /*#__PURE__*/React__default.createElement("img", {
|
|
3219
3262
|
className: "dropdown-header-icon",
|
|
3220
|
-
src: img$
|
|
3263
|
+
src: img$g,
|
|
3221
3264
|
alt: "browse icon"
|
|
3222
3265
|
})), this.renderItems());
|
|
3223
3266
|
};
|
|
@@ -3279,10 +3322,10 @@ Dropdown.propTypes = {
|
|
|
3279
3322
|
wider: PropTypes.bool
|
|
3280
3323
|
};
|
|
3281
3324
|
|
|
3282
|
-
var css_248z$
|
|
3283
|
-
styleInject(css_248z$
|
|
3325
|
+
var css_248z$d = ".cweb-error-block {\n position: relative;\n padding: 16px 16px 16px 56px;\n background-color: #fff1f1;\n border-radius: 8px;\n}\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}";
|
|
3326
|
+
styleInject(css_248z$d);
|
|
3284
3327
|
|
|
3285
|
-
var _excluded$
|
|
3328
|
+
var _excluded$c = ["message", "className"];
|
|
3286
3329
|
ErrorBlock.propTypes = {
|
|
3287
3330
|
message: PropTypes.string.isRequired,
|
|
3288
3331
|
className: PropTypes.string
|
|
@@ -3292,7 +3335,7 @@ function ErrorBlock(_ref) {
|
|
|
3292
3335
|
var message = _ref.message,
|
|
3293
3336
|
_ref$className = _ref.className,
|
|
3294
3337
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
3295
|
-
otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
3338
|
+
otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$c);
|
|
3296
3339
|
|
|
3297
3340
|
var containerClassName = classNames("cweb-error-block", className);
|
|
3298
3341
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -3303,8 +3346,8 @@ function ErrorBlock(_ref) {
|
|
|
3303
3346
|
})));
|
|
3304
3347
|
}
|
|
3305
3348
|
|
|
3306
|
-
var css_248z$
|
|
3307
|
-
styleInject(css_248z$
|
|
3349
|
+
var css_248z$e = ".cweb-info-block {\n position: relative;\n padding: 16px 16px 16px 56px;\n background-color: #e8f5fc;\n border-radius: 8px;\n}\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}";
|
|
3350
|
+
styleInject(css_248z$e);
|
|
3308
3351
|
|
|
3309
3352
|
InfoBlock.propTypes = {
|
|
3310
3353
|
message: PropTypes.string.isRequired,
|
|
@@ -3445,43 +3488,6 @@ function TableHeader(props) {
|
|
|
3445
3488
|
})));
|
|
3446
3489
|
}
|
|
3447
3490
|
|
|
3448
|
-
var img$e = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='68' height='20' viewBox='0 0 68 20'%3e %3cg fill='none' fill-rule='nonzero'%3e %3ccircle cx='10' cy='10' r='10' fill='%23F09'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='0.1'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='0.1'/%3e %3c/circle%3e %3ccircle cx='34' cy='10' r='10' fill='%236ABFA5'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='0.6'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='0.6'/%3e %3c/circle%3e %3ccircle cx='58' cy='10' r='10' fill='%236670A5'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='1.1'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='1.1'/%3e %3c/circle%3e %3c/g%3e%3c/svg%3e";
|
|
3449
|
-
|
|
3450
|
-
var img$f = "data:image/svg+xml,%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='%23009fe3' 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/svg%3e";
|
|
3451
|
-
|
|
3452
|
-
var img$g = "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";
|
|
3453
|
-
|
|
3454
|
-
var css_248z$e = ".cweb-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-loading .cweb-loading-text {\n margin-bottom: 24px;\n}\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\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\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}";
|
|
3455
|
-
styleInject(css_248z$e);
|
|
3456
|
-
|
|
3457
|
-
var _excluded$c = ["asModal", "asSpinner", "className", "spinnerColor"];
|
|
3458
|
-
function LoadingIndicator(_ref) {
|
|
3459
|
-
var _ref$asModal = _ref.asModal,
|
|
3460
|
-
asModal = _ref$asModal === void 0 ? false : _ref$asModal,
|
|
3461
|
-
_ref$asSpinner = _ref.asSpinner,
|
|
3462
|
-
asSpinner = _ref$asSpinner === void 0 ? false : _ref$asSpinner,
|
|
3463
|
-
_ref$className = _ref.className,
|
|
3464
|
-
className = _ref$className === void 0 ? "" : _ref$className,
|
|
3465
|
-
_ref$spinnerColor = _ref.spinnerColor,
|
|
3466
|
-
spinnerColor = _ref$spinnerColor === void 0 ? "blue" : _ref$spinnerColor,
|
|
3467
|
-
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$c);
|
|
3468
|
-
|
|
3469
|
-
var spinnerToRender = spinnerColor === "blue" ? img$f : img$g;
|
|
3470
|
-
var containerClassName = classNames("cweb-loading", className, {
|
|
3471
|
-
"as-modal": asModal
|
|
3472
|
-
});
|
|
3473
|
-
return /*#__PURE__*/React__default.createElement("div", _extends({}, restProps, {
|
|
3474
|
-
className: containerClassName
|
|
3475
|
-
}), /*#__PURE__*/React__default.createElement("img", {
|
|
3476
|
-
src: asSpinner ? spinnerToRender : img$e,
|
|
3477
|
-
"data-chromatic": "ignore",
|
|
3478
|
-
className: classNames("text-gray-600 fill-current stroke-current", {
|
|
3479
|
-
"h-4 w-4": asSpinner,
|
|
3480
|
-
"h-12 w-12": !asSpinner
|
|
3481
|
-
})
|
|
3482
|
-
}));
|
|
3483
|
-
}
|
|
3484
|
-
|
|
3485
3491
|
var TagSize;
|
|
3486
3492
|
|
|
3487
3493
|
(function (TagSize) {
|
|
@@ -7821,12 +7827,12 @@ var FullPageModal = function FullPageModal(_ref) {
|
|
|
7821
7827
|
overlayClassName: "fixed inset-0 overflow-x-hidden overflow-y-auto z-20",
|
|
7822
7828
|
onRequestClose: onCloseClick,
|
|
7823
7829
|
shouldFocusAfterRender: false,
|
|
7824
|
-
className: "h-
|
|
7830
|
+
className: "w-full h-full",
|
|
7825
7831
|
data: {
|
|
7826
7832
|
"test-id": dataTestId != null ? dataTestId : "react-modal"
|
|
7827
7833
|
}
|
|
7828
7834
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7829
|
-
className: "flex flex-col h-
|
|
7835
|
+
className: "flex flex-col w-full h-full bg-slate-100"
|
|
7830
7836
|
}, /*#__PURE__*/React__default.createElement(FullPageModalHeader, {
|
|
7831
7837
|
title: title,
|
|
7832
7838
|
primaryButtonProps: primaryButtonProps
|