@luscii-healthtech/web-ui 26.0.0 → 27.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/components/{DatepickerV2/Datepicker.d.ts → DatePicker/DatePicker.d.ts} +3 -3
- package/dist/index.d.ts +2 -2
- package/dist/index.development.js +32 -164
- 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 +2 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import "react-datepicker
|
|
3
|
-
import "./
|
|
2
|
+
import "react-datepicker/dist/react-datepicker.min.css";
|
|
3
|
+
import "./DatePicker.scss";
|
|
4
4
|
import { LOCALE_MAP } from "../../system/Locale";
|
|
5
5
|
type Props = {
|
|
6
6
|
/**
|
|
@@ -47,5 +47,5 @@ type Props = {
|
|
|
47
47
|
*/
|
|
48
48
|
allowSameDay?: boolean;
|
|
49
49
|
};
|
|
50
|
-
export declare const
|
|
50
|
+
export declare const DatePicker: (props: Props) => React.JSX.Element;
|
|
51
51
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -27,8 +27,8 @@ export { default as CenteredHero } from "./components/CenteredHero/CenteredHero"
|
|
|
27
27
|
export { Checkbox } from "./components/Checkbox/Checkbox";
|
|
28
28
|
export { ConfirmationDialog } from "./components/ConfirmationDialog/ConfirmationDialog";
|
|
29
29
|
export type { ConfirmationDialogChoice, ConfirmationDialogProps, ConfirmationDialogTitleProps, } from "./components/ConfirmationDialog/types/ConfirmationDialog.types";
|
|
30
|
-
export {
|
|
31
|
-
export {
|
|
30
|
+
export { DatePicker } from "./components/DatePicker/DatePicker";
|
|
31
|
+
export { DatePicker as DatePickerV2 } from "./components/DatePicker/DatePicker";
|
|
32
32
|
export { default as Dropdown } from "./components/Dropdown/Dropdown";
|
|
33
33
|
export { EmptyListMessage } from "./components/EmptyListMessage/EmptyListMessage";
|
|
34
34
|
export { InfoField } from "./components/InfoField/InfoField";
|
|
@@ -15,16 +15,13 @@ var ReactModal = require('react-modal');
|
|
|
15
15
|
var Glider = require('react-glider');
|
|
16
16
|
require('glider-js/glider.min.css');
|
|
17
17
|
var ReactDatePicker = require('react-datepicker');
|
|
18
|
-
|
|
19
|
-
var moment = require('moment');
|
|
20
|
-
require('react-datepicker/dist/react-datepicker.css');
|
|
21
|
-
var ReactDatePicker$1 = require('react-datepicker-v2');
|
|
22
|
-
require('react-datepicker-v2/dist/react-datepicker.min.css');
|
|
18
|
+
require('react-datepicker/dist/react-datepicker.min.css');
|
|
23
19
|
var enGB = require('date-fns/locale/en-GB');
|
|
24
20
|
var nl = require('date-fns/locale/nl');
|
|
25
21
|
var de = require('date-fns/locale/de');
|
|
26
22
|
var fr = require('date-fns/locale/fr');
|
|
27
23
|
var pt = require('date-fns/locale/pt');
|
|
24
|
+
var PropTypes = require('prop-types');
|
|
28
25
|
var FlyOutMenuPrimitive = require('@radix-ui/react-dropdown-menu');
|
|
29
26
|
var tailwindMerge = require('tailwind-merge');
|
|
30
27
|
var ReactSelect = require('react-select');
|
|
@@ -66,8 +63,6 @@ var ReactModal__default = /*#__PURE__*/_interopDefault(ReactModal);
|
|
|
66
63
|
var Glider__default = /*#__PURE__*/_interopDefault(Glider);
|
|
67
64
|
var ReactDatePicker__default = /*#__PURE__*/_interopDefault(ReactDatePicker);
|
|
68
65
|
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
69
|
-
var moment__default = /*#__PURE__*/_interopDefault(moment);
|
|
70
|
-
var ReactDatePicker__default$1 = /*#__PURE__*/_interopDefault(ReactDatePicker$1);
|
|
71
66
|
var FlyOutMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(FlyOutMenuPrimitive);
|
|
72
67
|
var ReactSelect__default = /*#__PURE__*/_interopDefault(ReactSelect);
|
|
73
68
|
var groupBy__default = /*#__PURE__*/_interopDefault(groupBy);
|
|
@@ -865,8 +860,8 @@ function styleInject(css, ref) {
|
|
|
865
860
|
}
|
|
866
861
|
}
|
|
867
862
|
|
|
868
|
-
var css_248z$
|
|
869
|
-
styleInject(css_248z$
|
|
863
|
+
var css_248z$l = "/* 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";
|
|
864
|
+
styleInject(css_248z$l);
|
|
870
865
|
|
|
871
866
|
const allowedTextStyles = {
|
|
872
867
|
sm: "ui-text-xs ui-font-medium",
|
|
@@ -1009,8 +1004,8 @@ toast.info = (message) => {
|
|
|
1009
1004
|
showToaster({ message, type: "success", showIcon: true, title: "" });
|
|
1010
1005
|
};
|
|
1011
1006
|
|
|
1012
|
-
var css_248z$
|
|
1013
|
-
styleInject(css_248z$
|
|
1007
|
+
var css_248z$k = "/**\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/** Load Avenir fonts for titles */\n@font-face {\n font-family: \"AvenirNextLTPro-Regular\";\n src: url(\"../../../public/fonts/avenir/3A0AF8_1_0.eot\");\n src: url(\"../../../public/fonts/avenir/3A0AF8_1_0.eot\") format(\"embedded-opentype\"), url(\"../../../public/fonts/avenir/3A0AF8_1_0.woff2\") format(\"woff2\"), url(\"../../../public/fonts/avenir/3A0AF8_1_0.woff\") format(\"woff\"), url(\"../../../public/fonts/avenir/3A0AF8_1_0.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"AvenirNextLTPro-Bold\";\n src: url(\"../../../public/fonts/avenir/3A0AF8_0_0.eot\");\n src: url(\"../../../public/fonts/avenir/3A0AF8_0_0.eot\") format(\"embedded-opentype\"), url(\"../../../public/fonts/avenir/3A0AF8_0_0.woff2\") format(\"woff2\"), url(\"../../../public/fonts/avenir/3A0AF8_0_0.woff\") format(\"woff\"), url(\"../../../public/fonts/avenir/3A0AF8_0_0.ttf\") format(\"truetype\");\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}";
|
|
1008
|
+
styleInject(css_248z$k);
|
|
1014
1009
|
|
|
1015
1010
|
const Title = (props) => {
|
|
1016
1011
|
var _a, _b;
|
|
@@ -1093,8 +1088,8 @@ const Accordion = ({ dataTestId, isCollapsedByDefault = false, items, className,
|
|
|
1093
1088
|
);
|
|
1094
1089
|
};
|
|
1095
1090
|
|
|
1096
|
-
var css_248z$
|
|
1097
|
-
styleInject(css_248z$
|
|
1091
|
+
var css_248z$j = ".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::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}";
|
|
1092
|
+
styleInject(css_248z$j);
|
|
1098
1093
|
|
|
1099
1094
|
const ListItemSkeleton = () => {
|
|
1100
1095
|
return React__namespace.default.createElement(
|
|
@@ -1319,8 +1314,8 @@ const DraggableBaseList = (_a) => {
|
|
|
1319
1314
|
return React__namespace.default.createElement(BaseList, Object.assign({}, props, { items, itemComponent: DraggableBaseListItem }));
|
|
1320
1315
|
};
|
|
1321
1316
|
|
|
1322
|
-
var css_248z$
|
|
1323
|
-
styleInject(css_248z$
|
|
1317
|
+
var css_248z$i = ".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}";
|
|
1318
|
+
styleInject(css_248z$i);
|
|
1324
1319
|
|
|
1325
1320
|
const DefaultState = ({ icon, message, horizontal = false, alignMessage = "center" }) => {
|
|
1326
1321
|
if (!icon && !message) {
|
|
@@ -1401,8 +1396,8 @@ const SortableBaseList = (_a) => {
|
|
|
1401
1396
|
);
|
|
1402
1397
|
};
|
|
1403
1398
|
|
|
1404
|
-
var css_248z$
|
|
1405
|
-
styleInject(css_248z$
|
|
1399
|
+
var css_248z$h = "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(239 246 255 / 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}";
|
|
1400
|
+
styleInject(css_248z$h);
|
|
1406
1401
|
|
|
1407
1402
|
const ListItem = (props) => {
|
|
1408
1403
|
return React__namespace.default.createElement(BaseListItem, Object.assign({}, props));
|
|
@@ -1454,8 +1449,8 @@ const List = (props) => {
|
|
|
1454
1449
|
return React__namespace.default.createElement(DefaultList, Object.assign({}, props));
|
|
1455
1450
|
};
|
|
1456
1451
|
|
|
1457
|
-
var css_248z$
|
|
1458
|
-
styleInject(css_248z$
|
|
1452
|
+
var css_248z$g = ".input::-ms-clear {\n display: none;\n}";
|
|
1453
|
+
styleInject(css_248z$g);
|
|
1459
1454
|
|
|
1460
1455
|
const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
|
|
1461
1456
|
var { suffix, prefix, className, width = "full", icon, isError, isClearIconVisible, onClickClearField } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "icon", "isError", "isClearIconVisible", "onClickClearField"]);
|
|
@@ -1702,8 +1697,8 @@ var img$e = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:
|
|
|
1702
1697
|
|
|
1703
1698
|
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";
|
|
1704
1699
|
|
|
1705
|
-
var css_248z$
|
|
1706
|
-
styleInject(css_248z$
|
|
1700
|
+
var css_248z$f = "/**\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}";
|
|
1701
|
+
styleInject(css_248z$f);
|
|
1707
1702
|
|
|
1708
1703
|
function LoadingIndicator(_a) {
|
|
1709
1704
|
var { asModal = false, asSpinner = false, className = "", spinnerColor = "blue", dataTestId = "loading-indicator" } = _a, restProps = __rest(_a, ["asModal", "asSpinner", "className", "spinnerColor", "dataTestId"]);
|
|
@@ -2343,8 +2338,8 @@ const Badge = (props) => {
|
|
|
2343
2338
|
);
|
|
2344
2339
|
};
|
|
2345
2340
|
|
|
2346
|
-
var css_248z$
|
|
2347
|
-
styleInject(css_248z$
|
|
2341
|
+
var css_248z$e = ".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(239 246 255 / var(--tw-bg-opacity));\n}\n.entity-preview-dots.glider-dots .glider-dot:focus {\n outline-color: #1e40af;\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(30 64 175 / var(--tw-bg-opacity));\n}\n\n.glider-slide {\n visibility: hidden;\n}\n\n.glider-slide.visible,\n.glider-slide.active {\n visibility: visible;\n}";
|
|
2342
|
+
styleInject(css_248z$e);
|
|
2348
2343
|
|
|
2349
2344
|
const GliderContainer = (props) => React__namespace.default.createElement(
|
|
2350
2345
|
"div",
|
|
@@ -2396,8 +2391,8 @@ const Carousel = ({ slides, className, id }) => {
|
|
|
2396
2391
|
) : React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
2397
2392
|
};
|
|
2398
2393
|
|
|
2399
|
-
var css_248z$
|
|
2400
|
-
styleInject(css_248z$
|
|
2394
|
+
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-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: #1e40af;\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: #1e40af;\n}\n.cweb-checkbox.type-regular.is-checked.is-focused .cweb-checkbox-icon-container {\n border-color: #1d4ed8;\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: #1e40af;\n}\n.cweb-checkbox.type-regular.is-indeterminate.is-focused .cweb-checkbox-icon-container {\n border-color: #1d4ed8;\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}";
|
|
2395
|
+
styleInject(css_248z$d);
|
|
2401
2396
|
|
|
2402
2397
|
const CheckboxInner = (props) => {
|
|
2403
2398
|
const { id, explanation, type = "regular", isChecked = false, isIndeterminate = false, isDisabled, name, value, onChange, className, classNameCheckboxLabel, error, innerRef } = props;
|
|
@@ -2521,8 +2516,8 @@ const TextLink = (props) => {
|
|
|
2521
2516
|
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);
|
|
2522
2517
|
};
|
|
2523
2518
|
|
|
2524
|
-
var css_248z$
|
|
2525
|
-
styleInject(css_248z$
|
|
2519
|
+
var css_248z$c = "/* 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(30 64 175 / var(--tw-text-opacity))\n}\n\n[data-test-id=\"notification-banner\"] a:hover {\n\n --tw-text-opacity: 1;\n\n color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n";
|
|
2520
|
+
styleInject(css_248z$c);
|
|
2526
2521
|
|
|
2527
2522
|
const NotificationBanner = (props) => {
|
|
2528
2523
|
const { stretch = true, centerContent = false, noBorder = false } = props;
|
|
@@ -2571,8 +2566,8 @@ NotificationBanner.defaultProps = {
|
|
|
2571
2566
|
onButtonClick: void 0
|
|
2572
2567
|
};
|
|
2573
2568
|
|
|
2574
|
-
var css_248z$
|
|
2575
|
-
styleInject(css_248z$
|
|
2569
|
+
var css_248z$b = ".ui-radio-form-field-label input[type=\"radio\"]:checked + .ui-radio-circle {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(30 64 175 / 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";
|
|
2570
|
+
styleInject(css_248z$b);
|
|
2576
2571
|
|
|
2577
2572
|
function RadioInner(_a) {
|
|
2578
2573
|
var { text, info, isError, innerRef, className, name } = _a, otherProps = __rest(_a, ["text", "info", "isError", "innerRef", "className", "name"]);
|
|
@@ -2706,134 +2701,7 @@ const ConfirmationDialog = (_a) => {
|
|
|
2706
2701
|
);
|
|
2707
2702
|
};
|
|
2708
2703
|
|
|
2709
|
-
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-v1 {\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-v1 input.cweb-datepicker-v1 {\n font-size: 14px;\n}\n.cweb-datepicker-v1::placeholder {\n color: #64748b;\n}\n.cweb-datepicker-v1:-ms-input-placeholder {\n color: #64748b !important;\n}\n.cweb-datepicker-v1::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper-v1 {\n z-index: 5;\n}\n.react-datepicker-popper-v1[data-placement^=bottom] .react-datepicker__triangle.react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n}\n.react-datepicker-popper-v1[data-placement^=top] {\n margin-bottom: 4px;\n}\n.react-datepicker-popper-v1[data-placement^=top] .react-datepicker__triangle.react-datepicker__triangle {\n border-top-color: #ffffff;\n margin-bottom: -4px;\n}\n\n.cweb-datepicker-calendar-v1 {\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-v1 {\n box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);\n }\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n}\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__navigation.react-datepicker__navigation--previous {\n border: 0;\n transform: rotate(90deg);\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__navigation.react-datepicker__navigation--next {\n border: 0;\n transform: rotate(-90deg);\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__year-dropdown-container--select,\n.cweb-datepicker-calendar-v1 .react-datepicker__month-dropdown-container--select,\n.cweb-datepicker-calendar-v1 .react-datepicker__month-year-dropdown-container--select,\n.cweb-datepicker-calendar-v1 .react-datepicker__year-dropdown-container--scroll,\n.cweb-datepicker-calendar-v1 .react-datepicker__month-dropdown-container--scroll,\n.cweb-datepicker-calendar-v1 .react-datepicker__month-year-dropdown-container--scroll {\n margin: 2px;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {\n color: #ffffff;\n background-color: #1e40af !important;\n position: relative;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover {\n background-color: #1e40af !important;\n}\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n}\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__header .react-datepicker__month-select,\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__header .react-datepicker__month-select:hover, .cweb-datepicker-calendar-v1 .react-datepicker__header .react-datepicker__month-select:focus,\n.cweb-datepicker-calendar-v1 .react-datepicker__header .react-datepicker__year-select:hover,\n.cweb-datepicker-calendar-v1 .react-datepicker__header .react-datepicker__year-select:focus {\n color: #1e40af;\n border-color: #1e40af;\n cursor: pointer;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__day-names,\n.cweb-datepicker-calendar-v1 .react-datepicker__month {\n margin: 0.4rem;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__month {\n padding-bottom: 8px;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day-names,\n.cweb-datepicker-calendar-v1 .react-datepicker__week {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day-name,\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day {\n height: 30px;\n border-radius: 4px;\n transition: background-color 0.3s ease-in-out;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #1e40af;\n position: relative;\n}\n.cweb-datepicker-calendar-v1 .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: #1e40af;\n left: 0;\n right: 0;\n bottom: 2px;\n margin: 0 auto;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--selected:after, .cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--keyboard-selected:after, .cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--in-range:after {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--in-range, .cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--selected {\n color: #ffffff;\n background-color: #1e40af;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--in-range:hover, .cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--selected:hover {\n background-color: #1e40af;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #1e40af;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\n.cweb-datepicker-calendar-v1 .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-v1 .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar-v1 .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}";
|
|
2710
|
-
styleInject(css_248z$b);
|
|
2711
|
-
|
|
2712
|
-
var __defProp$5 = Object.defineProperty;
|
|
2713
|
-
var __defProps$2 = Object.defineProperties;
|
|
2714
|
-
var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
|
|
2715
|
-
var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
|
|
2716
|
-
var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
|
|
2717
|
-
var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
|
|
2718
|
-
var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
2719
|
-
var __spreadValues$3 = (a, b) => {
|
|
2720
|
-
for (var prop in b || (b = {}))
|
|
2721
|
-
if (__hasOwnProp$3.call(b, prop))
|
|
2722
|
-
__defNormalProp$5(a, prop, b[prop]);
|
|
2723
|
-
if (__getOwnPropSymbols$3)
|
|
2724
|
-
for (var prop of __getOwnPropSymbols$3(b)) {
|
|
2725
|
-
if (__propIsEnum$3.call(b, prop))
|
|
2726
|
-
__defNormalProp$5(a, prop, b[prop]);
|
|
2727
|
-
}
|
|
2728
|
-
return a;
|
|
2729
|
-
};
|
|
2730
|
-
var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
|
|
2731
|
-
var __objRest$2 = (source, exclude) => {
|
|
2732
|
-
var target = {};
|
|
2733
|
-
for (var prop in source)
|
|
2734
|
-
if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
2735
|
-
target[prop] = source[prop];
|
|
2736
|
-
if (source != null && __getOwnPropSymbols$3)
|
|
2737
|
-
for (var prop of __getOwnPropSymbols$3(source)) {
|
|
2738
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
|
|
2739
|
-
target[prop] = source[prop];
|
|
2740
|
-
}
|
|
2741
|
-
return target;
|
|
2742
|
-
};
|
|
2743
|
-
var __publicField$3 = (obj, key, value) => {
|
|
2744
|
-
__defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
2745
|
-
return value;
|
|
2746
|
-
};
|
|
2747
|
-
let Datepicker$1 = class Datepicker extends React.Component {
|
|
2748
|
-
constructor() {
|
|
2749
|
-
super(...arguments);
|
|
2750
|
-
__publicField$3(this, "handleCloseButtonClick", (event) => {
|
|
2751
|
-
event.preventDefault();
|
|
2752
|
-
this.datepickerRef.setOpen(false);
|
|
2753
|
-
});
|
|
2754
|
-
__publicField$3(this, "getDateFormat", () => {
|
|
2755
|
-
const { showTimeSelect, formatDateWithTime = false } = this.props;
|
|
2756
|
-
return showTimeSelect || formatDateWithTime ? "L LT" : "L";
|
|
2757
|
-
});
|
|
2758
|
-
}
|
|
2759
|
-
render() {
|
|
2760
|
-
const _a = this.props, {
|
|
2761
|
-
className,
|
|
2762
|
-
hasCloseButton,
|
|
2763
|
-
closeButtonText,
|
|
2764
|
-
adjustDateOnChange = true,
|
|
2765
|
-
showMonthDropdown = true,
|
|
2766
|
-
showYearDropdown = true,
|
|
2767
|
-
shouldCloseOnSelect = false,
|
|
2768
|
-
allowSameDay = false,
|
|
2769
|
-
minDate,
|
|
2770
|
-
maxDate,
|
|
2771
|
-
isDisabled = false,
|
|
2772
|
-
selected
|
|
2773
|
-
} = _a, otherProps = __objRest$2(_a, [
|
|
2774
|
-
"className",
|
|
2775
|
-
"hasCloseButton",
|
|
2776
|
-
"closeButtonText",
|
|
2777
|
-
"adjustDateOnChange",
|
|
2778
|
-
"showMonthDropdown",
|
|
2779
|
-
"showYearDropdown",
|
|
2780
|
-
"shouldCloseOnSelect",
|
|
2781
|
-
"allowSameDay",
|
|
2782
|
-
"minDate",
|
|
2783
|
-
"maxDate",
|
|
2784
|
-
"isDisabled",
|
|
2785
|
-
"selected"
|
|
2786
|
-
]);
|
|
2787
|
-
const dateFormat = this.getDateFormat();
|
|
2788
|
-
const pickerClassName = classNames__default.default(
|
|
2789
|
-
"cweb-datepicker-v1 ui-text-slate-800 ui-text-sm",
|
|
2790
|
-
className
|
|
2791
|
-
);
|
|
2792
|
-
const getCloseButtonText = () => {
|
|
2793
|
-
if (!closeButtonText) {
|
|
2794
|
-
return "OK";
|
|
2795
|
-
}
|
|
2796
|
-
return closeButtonText;
|
|
2797
|
-
};
|
|
2798
|
-
return /* @__PURE__ */ React__namespace.default.createElement(
|
|
2799
|
-
ReactDatePicker__default.default,
|
|
2800
|
-
__spreadProps$2(__spreadValues$3({}, otherProps), {
|
|
2801
|
-
adjustDateOnChange,
|
|
2802
|
-
ref: (element) => this.datepickerRef = element,
|
|
2803
|
-
className: pickerClassName,
|
|
2804
|
-
calendarClassName: "cweb-datepicker-calendar-v1",
|
|
2805
|
-
shouldCloseOnSelect,
|
|
2806
|
-
allowSameDay,
|
|
2807
|
-
closeButtonText: true,
|
|
2808
|
-
minDate,
|
|
2809
|
-
maxDate,
|
|
2810
|
-
disabled: isDisabled,
|
|
2811
|
-
showMonthDropdown,
|
|
2812
|
-
showYearDropdown,
|
|
2813
|
-
dateFormat,
|
|
2814
|
-
timeFormat: "HH:mm",
|
|
2815
|
-
selected,
|
|
2816
|
-
dropdownMode: "select",
|
|
2817
|
-
popperClassName: "react-datepicker-popper-v1"
|
|
2818
|
-
}),
|
|
2819
|
-
/* @__PURE__ */ React__namespace.default.createElement("div", { className: "ui-m-2" }, hasCloseButton ? /* @__PURE__ */ React__namespace.default.createElement(PrimaryButton, { onClick: this.handleCloseButtonClick }, getCloseButtonText()) : null)
|
|
2820
|
-
);
|
|
2821
|
-
}
|
|
2822
|
-
};
|
|
2823
|
-
Datepicker$1.propTypes = {
|
|
2824
|
-
className: PropTypes__default.default.string,
|
|
2825
|
-
selected: PropTypes__default.default.object,
|
|
2826
|
-
hasCloseButton: PropTypes__default.default.bool,
|
|
2827
|
-
closeButtonText: PropTypes__default.default.string,
|
|
2828
|
-
onChange: PropTypes__default.default.func.isRequired,
|
|
2829
|
-
showMonthDropdown: PropTypes__default.default.bool,
|
|
2830
|
-
showYearDropdown: PropTypes__default.default.bool,
|
|
2831
|
-
minDate: PropTypes__default.default.instanceOf(moment__default.default),
|
|
2832
|
-
maxDate: PropTypes__default.default.instanceOf(moment__default.default),
|
|
2833
|
-
isDisabled: PropTypes__default.default.bool
|
|
2834
|
-
};
|
|
2835
|
-
|
|
2836
|
-
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-datepicker-v2 {\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-v2 input.cweb-datepicker-v2 {\n font-size: 14px;\n}\n.cweb-datepicker-v2::placeholder {\n color: #64748b;\n}\n.cweb-datepicker-v2:-ms-input-placeholder {\n color: #64748b !important;\n}\n.cweb-datepicker-v2::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper-v2 {\n z-index: 20;\n}\n.react-datepicker-popper-v2[data-placement^=bottom] {\n margin-top: -4px;\n}\n.react-datepicker-popper-v2[data-placement^=bottom] .react-datepicker__triangle.react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n fill: #ffffff;\n color: #ffffff;\n}\n.react-datepicker-popper-v2[data-placement^=top] {\n margin-bottom: 4px;\n}\n.react-datepicker-popper-v2[data-placement^=top] .react-datepicker__triangle.react-datepicker__triangle {\n border-top-color: #ffffff;\n margin-bottom: -4px;\n fill: #ffffff;\n color: #ffffff;\n}\n.react-datepicker-popper-v2 .react-datepicker__children-container {\n width: 100%;\n margin: 0;\n}\n\n.cweb-datepicker-calendar-v2 {\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-v2 {\n box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);\n }\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n fill: #ffffff;\n color: #ffffff;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__navigation {\n top: 19px;\n width: 19px;\n height: 10px;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__navigation .react-datepicker__navigation-icon:before {\n border: 0;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__navigation.react-datepicker__navigation--previous {\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 border: 0;\n transform: rotate(90deg);\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__navigation.react-datepicker__navigation--next {\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 border: 0;\n transform: rotate(-90deg);\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__year-dropdown-container--select,\n.cweb-datepicker-calendar-v2 .react-datepicker__month-dropdown-container--select,\n.cweb-datepicker-calendar-v2 .react-datepicker__month-year-dropdown-container--select,\n.cweb-datepicker-calendar-v2 .react-datepicker__year-dropdown-container--scroll,\n.cweb-datepicker-calendar-v2 .react-datepicker__month-dropdown-container--scroll,\n.cweb-datepicker-calendar-v2 .react-datepicker__month-year-dropdown-container--scroll {\n margin: 2px;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {\n color: #ffffff;\n background-color: #1e40af !important;\n position: relative;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover {\n background-color: #1e40af !important;\n}\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n padding-bottom: 0;\n}\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__header .react-datepicker__month-select,\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__header .react-datepicker__month-select:hover, .cweb-datepicker-calendar-v2 .react-datepicker__header .react-datepicker__month-select:focus,\n.cweb-datepicker-calendar-v2 .react-datepicker__header .react-datepicker__year-select:hover,\n.cweb-datepicker-calendar-v2 .react-datepicker__header .react-datepicker__year-select:focus {\n color: #1e40af;\n border-color: #1e40af;\n cursor: pointer;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__day-names,\n.cweb-datepicker-calendar-v2 .react-datepicker__month {\n margin: 0.4rem;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day-names,\n.cweb-datepicker-calendar-v2 .react-datepicker__week {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day-name,\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day {\n height: 30px;\n border-radius: 4px;\n transition: background-color 0.3s ease-in-out;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #1e40af;\n position: relative;\n}\n.cweb-datepicker-calendar-v2 .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: #1e40af;\n left: 0;\n right: 0;\n bottom: 2px;\n margin: 0 auto;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--selected:after, .cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--keyboard-selected:after, .cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--in-range:after {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--in-range, .cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--selected {\n color: #ffffff;\n background-color: #1e40af;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--in-range:hover, .cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--selected:hover {\n background-color: #1e40af;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #1e40af;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\n.cweb-datepicker-calendar-v2 .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-v2 .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n.cweb-datepicker-calendar-v2 .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}";
|
|
2704
|
+
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-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: 30;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle.react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n fill: #ffffff;\n color: #ffffff;\n}\n.react-datepicker-popper[data-placement^=top] {\n margin-bottom: 4px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle.react-datepicker__triangle {\n border-top-color: #ffffff;\n margin-bottom: -4px;\n fill: #ffffff;\n color: #ffffff;\n}\n.react-datepicker-popper .react-datepicker__children-container {\n width: 100%;\n margin: 0;\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 fill: #ffffff;\n color: #ffffff;\n}\n.cweb-datepicker-calendar .react-datepicker__navigation {\n top: 19px;\n width: 19px;\n height: 10px;\n}\n.cweb-datepicker-calendar .react-datepicker__navigation .react-datepicker__navigation-icon:before {\n border: 0;\n}\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--previous {\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 border: 0;\n transform: rotate(90deg);\n}\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--next {\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 border: 0;\n transform: rotate(-90deg);\n}\n.cweb-datepicker-calendar .react-datepicker__year-dropdown-container--select,\n.cweb-datepicker-calendar .react-datepicker__month-dropdown-container--select,\n.cweb-datepicker-calendar .react-datepicker__month-year-dropdown-container--select,\n.cweb-datepicker-calendar .react-datepicker__year-dropdown-container--scroll,\n.cweb-datepicker-calendar .react-datepicker__month-dropdown-container--scroll,\n.cweb-datepicker-calendar .react-datepicker__month-year-dropdown-container--scroll {\n margin: 2px;\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: #1e40af !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: #1e40af !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 padding-bottom: 0;\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: #1e40af;\n border-color: #1e40af;\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__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: #1e40af;\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: #1e40af;\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: #1e40af;\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: #1e40af;\n}\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #1e40af;\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}";
|
|
2837
2705
|
styleInject(css_248z$a);
|
|
2838
2706
|
|
|
2839
2707
|
const LocaleContext = React.createContext("en-GB");
|
|
@@ -2853,13 +2721,13 @@ const LOCALE_MAP = {
|
|
|
2853
2721
|
function updateLocale(locale) {
|
|
2854
2722
|
const resolvedLocale = locale !== null && locale !== void 0 ? locale : "en-GB";
|
|
2855
2723
|
const resoledLocaleModule = LOCALE_MAP[resolvedLocale];
|
|
2856
|
-
ReactDatePicker
|
|
2724
|
+
ReactDatePicker.registerLocale(resolvedLocale, resoledLocaleModule);
|
|
2857
2725
|
}
|
|
2858
2726
|
function getLocaleModule(locale) {
|
|
2859
2727
|
const resolvedLocale = locale !== null && locale !== void 0 ? locale : "en-GB";
|
|
2860
2728
|
return LOCALE_MAP[resolvedLocale];
|
|
2861
2729
|
}
|
|
2862
|
-
const
|
|
2730
|
+
const DatePicker = (props) => {
|
|
2863
2731
|
const { locale: localeFromProps, className, hasCloseButton, closeButtonText, adjustDateOnChange = true, showMonthDropdown = true, showYearDropdown = true, shouldCloseOnSelect = false, allowSameDay = false, minDate, maxDate, isDisabled = false, selected } = props, otherProps = __rest(props, ["locale", "className", "hasCloseButton", "closeButtonText", "adjustDateOnChange", "showMonthDropdown", "showYearDropdown", "shouldCloseOnSelect", "allowSameDay", "minDate", "maxDate", "isDisabled", "selected"]);
|
|
2864
2732
|
const localeFromContext = useLocaleContext();
|
|
2865
2733
|
const locale = localeFromProps !== null && localeFromProps !== void 0 ? localeFromProps : localeFromContext;
|
|
@@ -2867,7 +2735,7 @@ const Datepicker = (props) => {
|
|
|
2867
2735
|
React.useEffect(() => {
|
|
2868
2736
|
updateLocale(locale);
|
|
2869
2737
|
}, [locale]);
|
|
2870
|
-
const pickerClassName = classNames__default.default("cweb-datepicker
|
|
2738
|
+
const pickerClassName = classNames__default.default("cweb-datepicker ui-text-slate-800 ui-text-sm", className);
|
|
2871
2739
|
const getDateFormat = () => {
|
|
2872
2740
|
const { formatDateWithTime = false } = props;
|
|
2873
2741
|
return formatDateWithTime ? "Pp" : "P";
|
|
@@ -2879,8 +2747,8 @@ const Datepicker = (props) => {
|
|
|
2879
2747
|
};
|
|
2880
2748
|
const dateFormat = getDateFormat();
|
|
2881
2749
|
return React__namespace.default.createElement(
|
|
2882
|
-
ReactDatePicker__default
|
|
2883
|
-
Object.assign({}, otherProps, { adjustDateOnChange, ref: datePickerRef, className: pickerClassName, calendarClassName: "cweb-datepicker-calendar
|
|
2750
|
+
ReactDatePicker__default.default,
|
|
2751
|
+
Object.assign({}, otherProps, { adjustDateOnChange, ref: datePickerRef, className: pickerClassName, calendarClassName: "cweb-datepicker-calendar", shouldCloseOnSelect, allowSameDay, minDate, maxDate, disabled: isDisabled, showMonthDropdown, showYearDropdown, locale: getLocaleModule(locale), dateFormat, timeFormat: "HH:mm", selected, dropdownMode: "select", popperPlacement: "bottom-start", popperClassName: "react-datepicker-popper ui-z-30", portalId: "datepicker-portal" }),
|
|
2884
2752
|
React__namespace.default.createElement("div", { className: "ui-m-2 ui-mt-0" }, hasCloseButton ? React__namespace.default.createElement(PrimaryButton, { onClick: handleCloseButtonClick }, closeButtonText !== null && closeButtonText !== void 0 ? closeButtonText : "OK") : null)
|
|
2885
2753
|
);
|
|
2886
2754
|
};
|
|
@@ -6202,8 +6070,8 @@ exports.CrossIcon = CrossIcon;
|
|
|
6202
6070
|
exports.CrossInCircleIcon = CrossInCircleIcon;
|
|
6203
6071
|
exports.CrossInFilledCircleIcon = CrossInFilledCircleIcon;
|
|
6204
6072
|
exports.DatabaseIcon = DatabaseIcon;
|
|
6205
|
-
exports.DatePicker =
|
|
6206
|
-
exports.DatePickerV2 =
|
|
6073
|
+
exports.DatePicker = DatePicker;
|
|
6074
|
+
exports.DatePickerV2 = DatePicker;
|
|
6207
6075
|
exports.DeleteIcon = DeleteIcon;
|
|
6208
6076
|
exports.Divider = Divider;
|
|
6209
6077
|
exports.DownArrowIcon = ChevronDownIcon;
|