alicia-design-system 1.91.0 → 1.91.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 +1 -0
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js +5 -5
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.d.ts +4 -0
- package/dist/esm/alicia/common/DatePicker/DatePicker.d.ts +1 -0
- package/dist/esm/alicia/common/DatePicker/DatePicker.js +6 -6
- package/dist/esm/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.d.ts +4 -0
- package/package.json +1 -1
|
@@ -27,8 +27,8 @@ require("react-calendar/dist/Calendar.css");
|
|
|
27
27
|
const polished_1 = require("polished");
|
|
28
28
|
const picker_styles_1 = require("./picker-styles");
|
|
29
29
|
const DatePickerInput = (_a) => {
|
|
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, isClearable = false } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement", "isClearable"]);
|
|
30
|
+
var _b, _c, _d, _e;
|
|
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, label } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement", "isClearable", "label"]);
|
|
32
32
|
const [value, setValue] = (0, react_2.useState)('');
|
|
33
33
|
const { formattedInput, handleInputDate } = (0, useAutoDateFormatter_1.useAutoDateFormatter)();
|
|
34
34
|
const [isCalendarOpen, setIsCalendarOpen] = (0, react_2.useState)(false);
|
|
@@ -79,15 +79,15 @@ const DatePickerInput = (_a) => {
|
|
|
79
79
|
onBlurEvent(e);
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, Object.assign({ position: "relative", display: "flex", flexDirection: "column", isolation: "auto" }, { children: [(0, jsx_runtime_1.jsx)("style", { children: (0, picker_styles_1.customDatePickerStyles)(colors) }), (0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: value, variant: variant !== null && variant !== void 0 ? variant : 'outline', rounded: variant === 'outline' ? 'full' : 'none', lineHeight: (0, polished_1.rem)(24), py: variant === 'outline' ? (0, polished_1.rem)(28) : 0, px: variant === 'outline' ? (0, polished_1.rem)(24) : 0, color: isError ? 'error' : (_b = colors === null || colors === void 0 ? void 0 : colors.textColor) !== null && _b !== void 0 ? _b : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e), onBlur: (e) => {
|
|
82
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, Object.assign({ position: "relative", display: "flex", flexDirection: "column", isolation: "auto" }, { children: [(0, jsx_runtime_1.jsx)("style", { children: (0, picker_styles_1.customDatePickerStyles)(colors) }), label && ((0, jsx_runtime_1.jsx)(react_1.FormLabel, Object.assign({ htmlFor: `${controlName}-view`, mb: 1 }, { children: label }))), (0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: value, variant: variant !== null && variant !== void 0 ? variant : 'outline', rounded: variant === 'outline' ? 'full' : 'none', lineHeight: (0, polished_1.rem)(24), py: variant === 'outline' ? (0, polished_1.rem)(28) : 0, px: variant === 'outline' ? (0, polished_1.rem)(24) : 0, color: isError ? 'error' : (_b = colors === null || colors === void 0 ? void 0 : colors.textColor) !== null && _b !== void 0 ? _b : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e), onBlur: (e) => {
|
|
83
83
|
onBlurHandle(e);
|
|
84
|
-
}, className: mask !== null && mask !== void 0 ? mask : '' }, { sx, _invalid })), (0, jsx_runtime_1.jsx)(react_date_picker_1.default, { isOpen: isCalendarOpen, onCalendarClose: () => setIsCalendarOpen(false), onChange: (date) => handleChange(date), value: value && (0, moment_1.default)(value, dateFormat).isValid()
|
|
84
|
+
}, className: mask !== null && mask !== void 0 ? mask : '', "aria-label": (_c = label !== null && label !== void 0 ? label : placeholder) !== null && _c !== void 0 ? _c : 'Date picker' }, { sx, _invalid })), (0, jsx_runtime_1.jsx)(react_date_picker_1.default, { isOpen: isCalendarOpen, onCalendarClose: () => setIsCalendarOpen(false), onChange: (date) => handleChange(date), yearAriaLabel: "YYYY", monthAriaLabel: "MM", dayAriaLabel: "DD", value: value && (0, moment_1.default)(value, dateFormat).isValid()
|
|
85
85
|
? (0, moment_1.default)(value, dateFormat).format('YYYY-MM-DD').toString()
|
|
86
86
|
: '', maxDate: maxDateString
|
|
87
87
|
? new Date(formatMinMaxDate(maxDateString))
|
|
88
88
|
: undefined, minDate: minDateString
|
|
89
89
|
? new Date(formatMinMaxDate(minDateString))
|
|
90
|
-
: undefined, id: `${controlName}-picker`, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd" }), (0, jsx_runtime_1.jsx)(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", w: (0, polished_1.rem)(70) }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "inherit", justifyContent: "space-evenly", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ boxSize: (0, polished_1.rem)(20) }, { 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(""), onDateChange("")], boxSize: (0, polished_1.rem)(20) }) })), (0, jsx_runtime_1.jsx)(Calendar, { stroke: (
|
|
90
|
+
: undefined, id: `${controlName}-picker`, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd", "aria-label": (_d = label !== null && label !== void 0 ? label : placeholder) !== null && _d !== void 0 ? _d : 'Date picker' }), (0, jsx_runtime_1.jsx)(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", w: (0, polished_1.rem)(70) }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "inherit", justifyContent: "space-evenly", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ boxSize: (0, polished_1.rem)(20) }, { 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(""), onDateChange("")], boxSize: (0, polished_1.rem)(20) }) })), (0, jsx_runtime_1.jsx)(Calendar, { stroke: (_e = colors === null || colors === void 0 ? void 0 : colors.iconColor) !== null && _e !== void 0 ? _e : 'text', onClick: () => props.isDisabled
|
|
91
91
|
? undefined
|
|
92
92
|
: setIsCalendarOpen((isCalendarOpen) => !isCalendarOpen), boxSize: (0, polished_1.rem)(17) })] })) }))] })));
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/syst
|
|
|
16
16
|
mask?: string | undefined;
|
|
17
17
|
isDisabled?: boolean | undefined;
|
|
18
18
|
isClearable?: boolean | undefined;
|
|
19
|
+
label?: string | undefined;
|
|
19
20
|
colors?: {
|
|
20
21
|
iconColor?: string | undefined;
|
|
21
22
|
clearIconColor?: string | undefined;
|
|
@@ -44,6 +45,7 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
44
45
|
mask?: string | undefined;
|
|
45
46
|
isDisabled?: boolean | undefined;
|
|
46
47
|
isClearable?: boolean | undefined;
|
|
48
|
+
label?: string | undefined;
|
|
47
49
|
colors?: {
|
|
48
50
|
iconColor?: string | undefined;
|
|
49
51
|
clearIconColor?: string | undefined;
|
|
@@ -71,6 +73,7 @@ export declare const Secondary: ComponentStory<import("react").FC<import("@chakr
|
|
|
71
73
|
mask?: string | undefined;
|
|
72
74
|
isDisabled?: boolean | undefined;
|
|
73
75
|
isClearable?: boolean | undefined;
|
|
76
|
+
label?: string | undefined;
|
|
74
77
|
colors?: {
|
|
75
78
|
iconColor?: string | undefined;
|
|
76
79
|
clearIconColor?: string | undefined;
|
|
@@ -98,6 +101,7 @@ export declare const NoMinMax: ComponentStory<import("react").FC<import("@chakra
|
|
|
98
101
|
mask?: string | undefined;
|
|
99
102
|
isDisabled?: boolean | undefined;
|
|
100
103
|
isClearable?: boolean | undefined;
|
|
104
|
+
label?: string | undefined;
|
|
101
105
|
colors?: {
|
|
102
106
|
iconColor?: string | undefined;
|
|
103
107
|
clearIconColor?: string | undefined;
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { Flex, Input, InputGroup, InputRightElement, } from '@chakra-ui/react';
|
|
13
|
+
import { Flex, Input, InputGroup, InputRightElement, FormLabel, } from '@chakra-ui/react';
|
|
14
14
|
import { useState, useEffect, } from 'react';
|
|
15
15
|
import moment from 'moment';
|
|
16
16
|
import { CalendarIcon, ClearIcon } from '../icons';
|
|
@@ -21,8 +21,8 @@ import 'react-calendar/dist/Calendar.css';
|
|
|
21
21
|
import { rem } from 'polished';
|
|
22
22
|
import { customDatePickerStyles } from './picker-styles';
|
|
23
23
|
export const DatePickerInput = (_a) => {
|
|
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, isClearable = false } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement", "isClearable"]);
|
|
24
|
+
var _b, _c, _d, _e;
|
|
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, label } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "sx", "_invalid", "variant", "mask", "rightElement", "isClearable", "label"]);
|
|
26
26
|
const [value, setValue] = useState('');
|
|
27
27
|
const { formattedInput, handleInputDate } = useAutoDateFormatter();
|
|
28
28
|
const [isCalendarOpen, setIsCalendarOpen] = useState(false);
|
|
@@ -73,15 +73,15 @@ export const DatePickerInput = (_a) => {
|
|
|
73
73
|
onBlurEvent(e);
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
|
-
return (_jsxs(InputGroup, Object.assign({ position: "relative", display: "flex", flexDirection: "column", isolation: "auto" }, { children: [_jsx("style", { children: customDatePickerStyles(colors) }), _jsx(Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: value, variant: variant !== null && variant !== void 0 ? variant : 'outline', rounded: variant === 'outline' ? 'full' : 'none', lineHeight: rem(24), py: variant === 'outline' ? rem(28) : 0, px: variant === 'outline' ? rem(24) : 0, color: isError ? 'error' : (_b = colors === null || colors === void 0 ? void 0 : colors.textColor) !== null && _b !== void 0 ? _b : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e), onBlur: (e) => {
|
|
76
|
+
return (_jsxs(InputGroup, Object.assign({ position: "relative", display: "flex", flexDirection: "column", isolation: "auto" }, { children: [_jsx("style", { children: customDatePickerStyles(colors) }), label && (_jsx(FormLabel, Object.assign({ htmlFor: `${controlName}-view`, mb: 1 }, { children: label }))), _jsx(Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: value, variant: variant !== null && variant !== void 0 ? variant : 'outline', rounded: variant === 'outline' ? 'full' : 'none', lineHeight: rem(24), py: variant === 'outline' ? rem(28) : 0, px: variant === 'outline' ? rem(24) : 0, color: isError ? 'error' : (_b = colors === null || colors === void 0 ? void 0 : colors.textColor) !== null && _b !== void 0 ? _b : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e), onBlur: (e) => {
|
|
77
77
|
onBlurHandle(e);
|
|
78
|
-
}, className: mask !== null && mask !== void 0 ? mask : '' }, { sx, _invalid })), _jsx(DatePicker, { isOpen: isCalendarOpen, onCalendarClose: () => setIsCalendarOpen(false), onChange: (date) => handleChange(date), value: value && moment(value, dateFormat).isValid()
|
|
78
|
+
}, className: mask !== null && mask !== void 0 ? mask : '', "aria-label": (_c = label !== null && label !== void 0 ? label : placeholder) !== null && _c !== void 0 ? _c : 'Date picker' }, { sx, _invalid })), _jsx(DatePicker, { isOpen: isCalendarOpen, onCalendarClose: () => setIsCalendarOpen(false), onChange: (date) => handleChange(date), yearAriaLabel: "YYYY", monthAriaLabel: "MM", dayAriaLabel: "DD", value: value && moment(value, dateFormat).isValid()
|
|
79
79
|
? moment(value, dateFormat).format('YYYY-MM-DD').toString()
|
|
80
80
|
: '', maxDate: maxDateString
|
|
81
81
|
? new Date(formatMinMaxDate(maxDateString))
|
|
82
82
|
: undefined, minDate: minDateString
|
|
83
83
|
? new Date(formatMinMaxDate(minDateString))
|
|
84
|
-
: undefined, id: `${controlName}-picker`, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd" }), _jsx(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", w: rem(70) }, { children: _jsxs(Flex, Object.assign({ w: "inherit", justifyContent: "space-evenly", alignItems: "center" }, { children: [_jsx(Flex, Object.assign({ boxSize: rem(20) }, { children: isClearable && value && moment(value, dateFormat).isValid() && _jsx(Clear, { mt: rem(2), mr: rem(12), onClick: () => [setValue(""), onDateChange("")], boxSize: rem(20) }) })), _jsx(Calendar, { stroke: (
|
|
84
|
+
: undefined, id: `${controlName}-picker`, calendarAriaLabel: "Toggle calendar", clearIcon: null, className: "react-date-picker", locale: "en-GB", format: "yyyy-MM-dd", "aria-label": (_d = label !== null && label !== void 0 ? label : placeholder) !== null && _d !== void 0 ? _d : 'Date picker' }), _jsx(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", w: rem(70) }, { children: _jsxs(Flex, Object.assign({ w: "inherit", justifyContent: "space-evenly", alignItems: "center" }, { children: [_jsx(Flex, Object.assign({ boxSize: rem(20) }, { children: isClearable && value && moment(value, dateFormat).isValid() && _jsx(Clear, { mt: rem(2), mr: rem(12), onClick: () => [setValue(""), onDateChange("")], boxSize: rem(20) }) })), _jsx(Calendar, { stroke: (_e = colors === null || colors === void 0 ? void 0 : colors.iconColor) !== null && _e !== void 0 ? _e : 'text', onClick: () => props.isDisabled
|
|
85
85
|
? undefined
|
|
86
86
|
: setIsCalendarOpen((isCalendarOpen) => !isCalendarOpen), boxSize: rem(17) })] })) }))] })));
|
|
87
87
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/syst
|
|
|
16
16
|
mask?: string | undefined;
|
|
17
17
|
isDisabled?: boolean | undefined;
|
|
18
18
|
isClearable?: boolean | undefined;
|
|
19
|
+
label?: string | undefined;
|
|
19
20
|
colors?: {
|
|
20
21
|
iconColor?: string | undefined;
|
|
21
22
|
clearIconColor?: string | undefined;
|
|
@@ -44,6 +45,7 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
44
45
|
mask?: string | undefined;
|
|
45
46
|
isDisabled?: boolean | undefined;
|
|
46
47
|
isClearable?: boolean | undefined;
|
|
48
|
+
label?: string | undefined;
|
|
47
49
|
colors?: {
|
|
48
50
|
iconColor?: string | undefined;
|
|
49
51
|
clearIconColor?: string | undefined;
|
|
@@ -71,6 +73,7 @@ export declare const Secondary: ComponentStory<import("react").FC<import("@chakr
|
|
|
71
73
|
mask?: string | undefined;
|
|
72
74
|
isDisabled?: boolean | undefined;
|
|
73
75
|
isClearable?: boolean | undefined;
|
|
76
|
+
label?: string | undefined;
|
|
74
77
|
colors?: {
|
|
75
78
|
iconColor?: string | undefined;
|
|
76
79
|
clearIconColor?: string | undefined;
|
|
@@ -98,6 +101,7 @@ export declare const NoMinMax: ComponentStory<import("react").FC<import("@chakra
|
|
|
98
101
|
mask?: string | undefined;
|
|
99
102
|
isDisabled?: boolean | undefined;
|
|
100
103
|
isClearable?: boolean | undefined;
|
|
104
|
+
label?: string | undefined;
|
|
101
105
|
colors?: {
|
|
102
106
|
iconColor?: string | undefined;
|
|
103
107
|
clearIconColor?: string | undefined;
|