alicia-design-system 1.89.0 → 1.89.2
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/cjs/alicia/common/DatePicker/DatePicker.d.ts +2 -0
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js +5 -4
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.d.ts +8 -0
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js +1 -0
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/dist/cjs/alicia/common/icons/ClearIcon.d.ts +1 -0
- package/dist/cjs/alicia/common/icons/ClearIcon.js +12 -0
- package/dist/cjs/alicia/common/icons/ClearIcon.js.map +1 -0
- package/dist/cjs/alicia/common/icons/index.d.ts +1 -0
- package/dist/cjs/alicia/common/icons/index.js +1 -0
- package/dist/cjs/alicia/common/icons/index.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.d.ts +2 -0
- package/dist/esm/alicia/common/DatePicker/DatePicker.js +6 -5
- package/dist/esm/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.d.ts +8 -0
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js +1 -0
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/dist/esm/alicia/common/icons/ClearIcon.d.ts +1 -0
- package/dist/esm/alicia/common/icons/ClearIcon.js +8 -0
- package/dist/esm/alicia/common/icons/ClearIcon.js.map +1 -0
- package/dist/esm/alicia/common/icons/index.d.ts +1 -0
- package/dist/esm/alicia/common/icons/index.js +1 -0
- package/dist/esm/alicia/common/icons/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -17,8 +17,10 @@ type DatePickerProps = ChakraProps & {
|
|
|
17
17
|
variant?: 'outline' | 'filled' | 'flushed' | 'unstyled';
|
|
18
18
|
mask?: string;
|
|
19
19
|
isDisabled?: boolean;
|
|
20
|
+
isClearable?: boolean;
|
|
20
21
|
colors?: {
|
|
21
22
|
iconColor?: string;
|
|
23
|
+
clearIconColor?: string;
|
|
22
24
|
selectedBackgroundColor?: string;
|
|
23
25
|
selectedTextColor?: string;
|
|
24
26
|
textColor?: string;
|
|
@@ -28,12 +28,13 @@ const polished_1 = require("polished");
|
|
|
28
28
|
const picker_styles_1 = require("./picker-styles");
|
|
29
29
|
const DatePickerInput = (_a) => {
|
|
30
30
|
var _b, _c;
|
|
31
|
-
var { isError, dateString = undefined, controlName, colors, onDateChange, placeholder, dateFormat = 'YYYY-MM-DD', onBlurEvent, maxDateString, minDateString, alwaysPassChange = false, sx, _invalid, variant = 'outline', mask, rightElement = undefined } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement"]);
|
|
31
|
+
var { isError, dateString = undefined, controlName, colors, onDateChange, placeholder, dateFormat = 'YYYY-MM-DD', onBlurEvent, maxDateString, minDateString, alwaysPassChange = false, sx, _invalid, variant = 'outline', mask, rightElement = undefined, isClearable = false } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement", "isClearable"]);
|
|
32
32
|
const [value, setValue] = (0, react_2.useState)('');
|
|
33
33
|
const [handleInputDate, formattedInput] = (0, useAutoDateFormatter_1.useAutoDateFormatter)(dateString);
|
|
34
34
|
const [isCalendarOpen, setIsCalendarOpen] = (0, react_2.useState)(false);
|
|
35
35
|
// icon component
|
|
36
36
|
const Calendar = (0, icons_1.CalendarIcon)({ isError });
|
|
37
|
+
const Clear = (0, icons_1.ClearIcon)();
|
|
37
38
|
const handleChange = (item) => {
|
|
38
39
|
if (!item) {
|
|
39
40
|
return;
|
|
@@ -85,9 +86,9 @@ const DatePickerInput = (_a) => {
|
|
|
85
86
|
? new Date(formatMinMaxDate(maxDateString))
|
|
86
87
|
: undefined, minDate: minDateString
|
|
87
88
|
? new Date(formatMinMaxDate(minDateString))
|
|
88
|
-
: undefined, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd" }), (0, jsx_runtime_1.
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
: undefined, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd" }), (0, jsx_runtime_1.jsxs)(react_1.InputRightElement, Object.assign({ mt: variant === 'outline' ? (0, polished_1.rem)(8) : 0, mr: variant === 'outline' ? (0, polished_1.rem)(24) : 0, cursor: props.isDisabled ? 'not-allowed' : 'pointer', sx: rightElement === null || rightElement === void 0 ? void 0 : rightElement.sx, alignItems: "center", justifyContent: "center" }, { children: [isClearable && value && (0, moment_1.default)(value, dateFormat).isValid() && (0, jsx_runtime_1.jsx)(Clear, { mt: (0, polished_1.rem)(2), mr: (0, polished_1.rem)(12), onClick: () => setValue(""), boxSize: (0, polished_1.rem)(20) }), (0, jsx_runtime_1.jsx)(Calendar, { stroke: (_c = colors === null || colors === void 0 ? void 0 : colors.iconColor) !== null && _c !== void 0 ? _c : 'text', onClick: () => props.isDisabled
|
|
90
|
+
? undefined
|
|
91
|
+
: setIsCalendarOpen((isCalendarOpen) => !isCalendarOpen), boxSize: (0, polished_1.rem)(17) })] }))] })));
|
|
91
92
|
};
|
|
92
93
|
exports.DatePickerInput = DatePickerInput;
|
|
93
94
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4CAM0B;AAC1B,iCAMe;AACf,oDAA4B;AAC5B,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,8 +14,10 @@ declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/syst
|
|
|
14
14
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
15
15
|
mask?: string | undefined;
|
|
16
16
|
isDisabled?: boolean | undefined;
|
|
17
|
+
isClearable?: boolean | undefined;
|
|
17
18
|
colors?: {
|
|
18
19
|
iconColor?: string | undefined;
|
|
20
|
+
clearIconColor?: string | undefined;
|
|
19
21
|
selectedBackgroundColor?: string | undefined;
|
|
20
22
|
selectedTextColor?: string | undefined;
|
|
21
23
|
textColor?: string | undefined;
|
|
@@ -39,8 +41,10 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
39
41
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
40
42
|
mask?: string | undefined;
|
|
41
43
|
isDisabled?: boolean | undefined;
|
|
44
|
+
isClearable?: boolean | undefined;
|
|
42
45
|
colors?: {
|
|
43
46
|
iconColor?: string | undefined;
|
|
47
|
+
clearIconColor?: string | undefined;
|
|
44
48
|
selectedBackgroundColor?: string | undefined;
|
|
45
49
|
selectedTextColor?: string | undefined;
|
|
46
50
|
textColor?: string | undefined;
|
|
@@ -63,8 +67,10 @@ export declare const Secondary: ComponentStory<import("react").FC<import("@chakr
|
|
|
63
67
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
64
68
|
mask?: string | undefined;
|
|
65
69
|
isDisabled?: boolean | undefined;
|
|
70
|
+
isClearable?: boolean | undefined;
|
|
66
71
|
colors?: {
|
|
67
72
|
iconColor?: string | undefined;
|
|
73
|
+
clearIconColor?: string | undefined;
|
|
68
74
|
selectedBackgroundColor?: string | undefined;
|
|
69
75
|
selectedTextColor?: string | undefined;
|
|
70
76
|
textColor?: string | undefined;
|
|
@@ -87,8 +93,10 @@ export declare const NoMinMax: ComponentStory<import("react").FC<import("@chakra
|
|
|
87
93
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
88
94
|
mask?: string | undefined;
|
|
89
95
|
isDisabled?: boolean | undefined;
|
|
96
|
+
isClearable?: boolean | undefined;
|
|
90
97
|
colors?: {
|
|
91
98
|
iconColor?: string | undefined;
|
|
99
|
+
clearIconColor?: string | undefined;
|
|
92
100
|
selectedBackgroundColor?: string | undefined;
|
|
93
101
|
selectedTextColor?: string | undefined;
|
|
94
102
|
textColor?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAAkD;AAElD,6CAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,4BAAe;IAC1B,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACuC,CAAC;AAE3C,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE;IAChE,OAAO,CACL,uBAAC,YAAI,kBACH,eAAe,EAAE;YACf,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;SACjB,gBAED,uBAAC,gBAAQ,kBAAC,OAAO,EAAE,CAAC,gBAClB,uBAAC,4BAAe,oBACV,IAAI,IACR,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAClB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACjB,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAClC,IACO,IACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,eAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,gBAAgB,EAAE,IAAI;IACtB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,uBAAuB,EAAE,SAAS;QAClC,iBAAiB,EAAE,SAAS;QAC5B,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAAkD;AAElD,6CAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,4BAAe;IAC1B,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACuC,CAAC;AAE3C,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE;IAChE,OAAO,CACL,uBAAC,YAAI,kBACH,eAAe,EAAE;YACf,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;SACjB,gBAED,uBAAC,gBAAQ,kBAAC,OAAO,EAAE,CAAC,gBAClB,uBAAC,4BAAe,oBACV,IAAI,IACR,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAClB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACjB,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAClC,IACO,IACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,eAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,gBAAgB,EAAE,IAAI;IACtB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,uBAAuB,EAAE,SAAS;QAClC,iBAAiB,EAAE,SAAS;QAC5B,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;CACnB,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACf,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,gBAAgB,EAAE,IAAI;IACtB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,gBAAQ,CAAC,IAAI,GAAG;IACd,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE,IAAI;IACtB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,uBAAuB,EAAE,SAAS;QAClC,iBAAiB,EAAE,SAAS;QAC5B,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;CAClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ClearIcon: () => import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ClearIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const icons_1 = require("@chakra-ui/icons");
|
|
6
|
+
const ClearIcon = () => (0, icons_1.createIcon)({
|
|
7
|
+
displayName: 'ClearIcon',
|
|
8
|
+
viewBox: '0 0 20 20',
|
|
9
|
+
path: ((0, jsx_runtime_1.jsx)("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z", fill: "#E2E8F0" })),
|
|
10
|
+
});
|
|
11
|
+
exports.ClearIcon = ClearIcon;
|
|
12
|
+
//# sourceMappingURL=ClearIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClearIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/ClearIcon.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAEvC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC;IACtC,WAAW,EAAE,WAAW;IACxB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CAAC,iCAAM,CAAC,EAAC,4VAA4V,EAAC,IAAI,EAAC,SAAS,GAAQ,CAAC;CACtY,CAAC,CAAC;AAJU,QAAA,SAAS,aAInB"}
|
|
@@ -43,4 +43,5 @@ __exportStar(require("./SearchIcon"), exports);
|
|
|
43
43
|
__exportStar(require("./PlusIcon"), exports);
|
|
44
44
|
__exportStar(require("./UserIcon"), exports);
|
|
45
45
|
__exportStar(require("./BackToIcon"), exports);
|
|
46
|
+
__exportStar(require("./ClearIcon"), exports);
|
|
46
47
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,4CAA0B;AAC1B,+CAA6B;AAC7B,6CAA2B;AAC3B,gDAA8B;AAC9B,kDAAgC;AAChC,oDAAkC;AAClC,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,qDAAmC;AACnC,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,qDAAmC;AACnC,2DAAyC;AACzC,6CAA2B;AAC3B,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,8CAA4B;AAC5B,gDAA8B;AAC9B,qDAAmC;AACnC,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,6CAA2B;AAC3B,6CAA2B;AAC3B,+CAA6B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,4CAA0B;AAC1B,+CAA6B;AAC7B,6CAA2B;AAC3B,gDAA8B;AAC9B,kDAAgC;AAChC,oDAAkC;AAClC,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,qDAAmC;AACnC,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,qDAAmC;AACnC,2DAAyC;AACzC,6CAA2B;AAC3B,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,8CAA4B;AAC5B,gDAA8B;AAC9B,qDAAmC;AACnC,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,6CAA2B;AAC3B,6CAA2B;AAC3B,+CAA6B;AAC7B,8CAA4B"}
|
|
@@ -17,8 +17,10 @@ type DatePickerProps = ChakraProps & {
|
|
|
17
17
|
variant?: 'outline' | 'filled' | 'flushed' | 'unstyled';
|
|
18
18
|
mask?: string;
|
|
19
19
|
isDisabled?: boolean;
|
|
20
|
+
isClearable?: boolean;
|
|
20
21
|
colors?: {
|
|
21
22
|
iconColor?: string;
|
|
23
|
+
clearIconColor?: string;
|
|
22
24
|
selectedBackgroundColor?: string;
|
|
23
25
|
selectedTextColor?: string;
|
|
24
26
|
textColor?: string;
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { Input, InputGroup, InputRightElement, } from '@chakra-ui/react';
|
|
14
14
|
import { useState, useEffect, } from 'react';
|
|
15
15
|
import moment from 'moment';
|
|
16
|
-
import { CalendarIcon } from '../icons';
|
|
16
|
+
import { CalendarIcon, ClearIcon } from '../icons';
|
|
17
17
|
import { useAutoDateFormatter } from '../../../hooks/useAutoDateFormatter';
|
|
18
18
|
import DatePicker from 'react-date-picker';
|
|
19
19
|
import 'react-date-picker/dist/DatePicker.css';
|
|
@@ -22,12 +22,13 @@ import { rem } from 'polished';
|
|
|
22
22
|
import { customDatePickerStyles } from './picker-styles';
|
|
23
23
|
export const DatePickerInput = (_a) => {
|
|
24
24
|
var _b, _c;
|
|
25
|
-
var { isError, dateString = undefined, controlName, colors, onDateChange, placeholder, dateFormat = 'YYYY-MM-DD', onBlurEvent, maxDateString, minDateString, alwaysPassChange = false, sx, _invalid, variant = 'outline', mask, rightElement = undefined } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement"]);
|
|
25
|
+
var { isError, dateString = undefined, controlName, colors, onDateChange, placeholder, dateFormat = 'YYYY-MM-DD', onBlurEvent, maxDateString, minDateString, alwaysPassChange = false, sx, _invalid, variant = 'outline', mask, rightElement = undefined, isClearable = false } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement", "isClearable"]);
|
|
26
26
|
const [value, setValue] = useState('');
|
|
27
27
|
const [handleInputDate, formattedInput] = useAutoDateFormatter(dateString);
|
|
28
28
|
const [isCalendarOpen, setIsCalendarOpen] = useState(false);
|
|
29
29
|
// icon component
|
|
30
30
|
const Calendar = CalendarIcon({ isError });
|
|
31
|
+
const Clear = ClearIcon();
|
|
31
32
|
const handleChange = (item) => {
|
|
32
33
|
if (!item) {
|
|
33
34
|
return;
|
|
@@ -79,8 +80,8 @@ export const DatePickerInput = (_a) => {
|
|
|
79
80
|
? new Date(formatMinMaxDate(maxDateString))
|
|
80
81
|
: undefined, minDate: minDateString
|
|
81
82
|
? new Date(formatMinMaxDate(minDateString))
|
|
82
|
-
: undefined, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd" }),
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
: undefined, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd" }), _jsxs(InputRightElement, Object.assign({ mt: variant === 'outline' ? rem(8) : 0, mr: variant === 'outline' ? rem(24) : 0, cursor: props.isDisabled ? 'not-allowed' : 'pointer', sx: rightElement === null || rightElement === void 0 ? void 0 : rightElement.sx, alignItems: "center", justifyContent: "center" }, { children: [isClearable && value && moment(value, dateFormat).isValid() && _jsx(Clear, { mt: rem(2), mr: rem(12), onClick: () => setValue(""), boxSize: rem(20) }), _jsx(Calendar, { stroke: (_c = colors === null || colors === void 0 ? void 0 : colors.iconColor) !== null && _c !== void 0 ? _c : 'text', onClick: () => props.isDisabled
|
|
84
|
+
? undefined
|
|
85
|
+
: setIsCalendarOpen((isCalendarOpen) => !isCalendarOpen), boxSize: rem(17) })] }))] })));
|
|
85
86
|
};
|
|
86
87
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEL,KAAK,EACL,UAAU,EACV,iBAAiB,GAElB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,QAAQ,EACR,SAAS,GAGV,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,8 +14,10 @@ declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/syst
|
|
|
14
14
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
15
15
|
mask?: string | undefined;
|
|
16
16
|
isDisabled?: boolean | undefined;
|
|
17
|
+
isClearable?: boolean | undefined;
|
|
17
18
|
colors?: {
|
|
18
19
|
iconColor?: string | undefined;
|
|
20
|
+
clearIconColor?: string | undefined;
|
|
19
21
|
selectedBackgroundColor?: string | undefined;
|
|
20
22
|
selectedTextColor?: string | undefined;
|
|
21
23
|
textColor?: string | undefined;
|
|
@@ -39,8 +41,10 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
39
41
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
40
42
|
mask?: string | undefined;
|
|
41
43
|
isDisabled?: boolean | undefined;
|
|
44
|
+
isClearable?: boolean | undefined;
|
|
42
45
|
colors?: {
|
|
43
46
|
iconColor?: string | undefined;
|
|
47
|
+
clearIconColor?: string | undefined;
|
|
44
48
|
selectedBackgroundColor?: string | undefined;
|
|
45
49
|
selectedTextColor?: string | undefined;
|
|
46
50
|
textColor?: string | undefined;
|
|
@@ -63,8 +67,10 @@ export declare const Secondary: ComponentStory<import("react").FC<import("@chakr
|
|
|
63
67
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
64
68
|
mask?: string | undefined;
|
|
65
69
|
isDisabled?: boolean | undefined;
|
|
70
|
+
isClearable?: boolean | undefined;
|
|
66
71
|
colors?: {
|
|
67
72
|
iconColor?: string | undefined;
|
|
73
|
+
clearIconColor?: string | undefined;
|
|
68
74
|
selectedBackgroundColor?: string | undefined;
|
|
69
75
|
selectedTextColor?: string | undefined;
|
|
70
76
|
textColor?: string | undefined;
|
|
@@ -87,8 +93,10 @@ export declare const NoMinMax: ComponentStory<import("react").FC<import("@chakra
|
|
|
87
93
|
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
88
94
|
mask?: string | undefined;
|
|
89
95
|
isDisabled?: boolean | undefined;
|
|
96
|
+
isClearable?: boolean | undefined;
|
|
90
97
|
colors?: {
|
|
91
98
|
iconColor?: string | undefined;
|
|
99
|
+
clearIconColor?: string | undefined;
|
|
92
100
|
selectedBackgroundColor?: string | undefined;
|
|
93
101
|
selectedTextColor?: string | undefined;
|
|
94
102
|
textColor?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACuC,CAAC;AAE3C,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE;IAChE,OAAO,CACL,KAAC,IAAI,kBACH,eAAe,EAAE;YACf,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;SACjB,gBAED,KAAC,QAAQ,kBAAC,OAAO,EAAE,CAAC,gBAClB,KAAC,eAAe,oBACV,IAAI,IACR,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAClB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACjB,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAClC,IACO,IACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,OAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,gBAAgB,EAAE,IAAI;IACtB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,uBAAuB,EAAE,SAAS;QAClC,iBAAiB,EAAE,SAAS;QAC5B,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACuC,CAAC;AAE3C,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE;IAChE,OAAO,CACL,KAAC,IAAI,kBACH,eAAe,EAAE;YACf,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;SACjB,gBAED,KAAC,QAAQ,kBAAC,OAAO,EAAE,CAAC,gBAClB,KAAC,eAAe,oBACV,IAAI,IACR,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAClB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACjB,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAClC,IACO,IACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,OAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,gBAAgB,EAAE,IAAI;IACtB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,uBAAuB,EAAE,SAAS;QAClC,iBAAiB,EAAE,SAAS;QAC5B,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;CACnB,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACf,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,gBAAgB,EAAE,IAAI;IACtB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG;IACd,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE,IAAI;IACtB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,uBAAuB,EAAE,SAAS;QAClC,iBAAiB,EAAE,SAAS;QAC5B,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;CAClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ClearIcon: () => import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createIcon } from '@chakra-ui/icons';
|
|
3
|
+
export const ClearIcon = () => createIcon({
|
|
4
|
+
displayName: 'ClearIcon',
|
|
5
|
+
viewBox: '0 0 20 20',
|
|
6
|
+
path: (_jsx("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z", fill: "#E2E8F0" })),
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=ClearIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClearIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/ClearIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC;IACtC,WAAW,EAAE,WAAW;IACxB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CAAC,eAAM,CAAC,EAAC,4VAA4V,EAAC,IAAI,EAAC,SAAS,GAAQ,CAAC;CACtY,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
|