alicia-design-system 1.44.2 → 1.44.4
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.js +11 -5
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js +3 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/dist/cjs/alicia/common/FormPreview/FormPreview.d.ts +2 -0
- package/dist/cjs/alicia/common/FormPreview/FormPreview.js +5 -1
- package/dist/cjs/alicia/common/FormPreview/FormPreview.js.map +1 -1
- package/dist/cjs/alicia/common/FormPreview/FormPreview.stories.d.ts +8 -0
- package/dist/cjs/alicia/common/FormPreview/FormPreview.stories.js +9 -2
- package/dist/cjs/alicia/common/FormPreview/FormPreview.stories.js.map +1 -1
- package/dist/cjs/hooks/useAutoDateFormatter.js +1 -1
- package/dist/cjs/hooks/useAutoDateFormatter.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.js +11 -5
- package/dist/esm/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js +3 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/dist/esm/alicia/common/FormPreview/FormPreview.d.ts +2 -0
- package/dist/esm/alicia/common/FormPreview/FormPreview.js +2 -1
- package/dist/esm/alicia/common/FormPreview/FormPreview.js.map +1 -1
- package/dist/esm/alicia/common/FormPreview/FormPreview.stories.d.ts +8 -0
- package/dist/esm/alicia/common/FormPreview/FormPreview.stories.js +9 -2
- package/dist/esm/alicia/common/FormPreview/FormPreview.stories.js.map +1 -1
- package/dist/esm/hooks/useAutoDateFormatter.js +1 -1
- package/dist/esm/hooks/useAutoDateFormatter.js.map +1 -1
- package/package.json +1 -1
|
@@ -35,10 +35,8 @@ const DatePicker = (_a) => {
|
|
|
35
35
|
};
|
|
36
36
|
(0, react_2.useEffect)(() => {
|
|
37
37
|
if (dateString && dateString.length === 10) {
|
|
38
|
-
const formattedDate = (0, moment_1.default)(dateString,
|
|
38
|
+
const formattedDate = (0, moment_1.default)(dateString, "YYYY-MM-DD").format(dateFormat);
|
|
39
39
|
handleInputDate(formattedDate, dateFormat);
|
|
40
|
-
setValue(formattedInput);
|
|
41
|
-
setShowDate(formattedInput);
|
|
42
40
|
}
|
|
43
41
|
}, [dateString, dateFormat]);
|
|
44
42
|
const handleClick = () => {
|
|
@@ -47,12 +45,20 @@ const DatePicker = (_a) => {
|
|
|
47
45
|
myRefname.current.showPicker();
|
|
48
46
|
}
|
|
49
47
|
};
|
|
48
|
+
const onUserInputChange = (item) => {
|
|
49
|
+
handleInputDate(item.target.value, dateFormat);
|
|
50
|
+
};
|
|
50
51
|
(0, react_2.useEffect)(() => {
|
|
51
|
-
|
|
52
|
+
setValue(formattedInput);
|
|
53
|
+
setShowDate(formattedInput);
|
|
54
|
+
if (formattedInput.length === 10) {
|
|
55
|
+
const formattedDate = (0, moment_1.default)(formattedInput, dateFormat).format("YYYY-MM-DD");
|
|
56
|
+
onDateChange(formattedDate);
|
|
57
|
+
}
|
|
52
58
|
}, [formattedInput]);
|
|
53
59
|
// icon component
|
|
54
60
|
const Calendar = (0, icons_1.CalendarIcon)({ isError });
|
|
55
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) =>
|
|
61
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e) })), (0, jsx_runtime_1.jsx)(react_1.VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), (0, jsx_runtime_1.jsx)(react_1.InputRightElement, { children: (0, jsx_runtime_1.jsx)(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
56
62
|
};
|
|
57
63
|
exports.DatePicker = DatePicker;
|
|
58
64
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4CAA0G;AAC1G,iCAAqE;AACrE,oDAA4B;AAC5B,oCAAwC;AACxC,8EAA2E;AAEpE,MAAM,UAAU,GAAwB,CAAC,EAAkG,EAAE,EAAE;QAAtG,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,GAAG,YAAY,OAAY,EAAP,KAAK,cAAhG,mFAAkG,CAAF;IAC9I,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,cAAc,CAAC,GAAG,IAAA,2CAAoB,EAAC,UAAU,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,CAAC,IAAmC,EAAE,EAAE;QACvD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjF,eAAe,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC3C,WAAW,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,KAAK,EAAE,EAAE;YAE1C,MAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Secondary = exports.Primary = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
5
6
|
const DatePicker_1 = require("./DatePicker");
|
|
6
7
|
exports.default = {
|
|
7
8
|
title: "Alicia/Common/DatePicker",
|
|
@@ -14,7 +15,8 @@ exports.default = {
|
|
|
14
15
|
},
|
|
15
16
|
};
|
|
16
17
|
const Template = (args) => {
|
|
17
|
-
|
|
18
|
+
const [val, setVal] = (0, react_1.useState)("2004-12-23");
|
|
19
|
+
return (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args, { dateString: val, onDateChange: (e) => [setVal(e), console.log(e)] }));
|
|
18
20
|
};
|
|
19
21
|
exports.Primary = Template.bind({});
|
|
20
22
|
exports.Secondary = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AAEjC,6CAA0C;AAE1C,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,uBAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAC7C,OAAO,uBAAC,uBAAU,oBAAK,IAAI,IAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACvG,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,eAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.FormPreview = void 0;
|
|
4
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
8
|
const react_1 = require("@chakra-ui/react");
|
|
6
9
|
const polished_1 = require("polished");
|
|
7
10
|
const icons_1 = require("../icons");
|
|
11
|
+
const moment_1 = __importDefault(require("moment"));
|
|
8
12
|
const FormPreview = ({ id, title, fields, backgroundColor = "#fffff", textColor = "#000", titleFontSize = (0, polished_1.rem)(18), titleFontWeight = "700", textFontSize = (0, polished_1.rem)(14), textFontWeight = "400", isShowActionIcons = false, isShowLabel = false, labelFontSize = "14px", labelFontWeight = "700", onEditClick, onDeleteClick }) => {
|
|
9
13
|
const EditActionIcon = (0, icons_1.EditIcon)({ fillColor: textColor });
|
|
10
14
|
const DeleteActionIcon = (0, icons_1.DeleteIcon)({ fillColor: textColor });
|
|
@@ -18,7 +22,7 @@ const FormPreview = ({ id, title, fields, backgroundColor = "#fffff", textColor
|
|
|
18
22
|
onDeleteClick(id);
|
|
19
23
|
}
|
|
20
24
|
};
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Box, Object.assign({ backgroundColor: backgroundColor, p: (0, polished_1.rem)(16) }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mb: (0, polished_1.rem)(8) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ color: textColor, fontSize: titleFontSize, fontWeight: titleFontWeight, alignItems: "center" }, { children: title })), (0, jsx_runtime_1.jsx)(react_1.Spacer, {}), isShowActionIcons && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "end", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(EditActionIcon, { width: (0, polished_1.rem)(24), height: (0, polished_1.rem)(20), mr: (0, polished_1.rem)(12), onClick: onHandleEditClick, "data-testid": "edit" }), (0, jsx_runtime_1.jsx)(DeleteActionIcon, { onClick: onHandleDeleteClick, "data-testid": "delete" })] })))] })), (0, jsx_runtime_1.jsx)(react_1.Grid, Object.assign({ templateColumns: ["repeat(1, 1fr)", "repeat(1, 1fr)", "repeat(2, 1fr)"], w: "100%", gap: 1 }, { children: fields.filter(({ value }) => value !== null && value !== undefined && value !== "").map(({ id, label, value }) => ((0, jsx_runtime_1.jsx)(react_1.GridItem, Object.assign({ colSpan: 1, lineHeight: (0, polished_1.rem)(24) }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ direction: "column" }, { children: [isShowLabel && label && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ lineHeight: (0, polished_1.rem)(24), color: textColor, fontSize: labelFontSize, fontWeight: labelFontWeight }, { children: label }))), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ color: textColor, fontSize: textFontSize, fontWeight: textFontWeight }, { children: value }))] })) }), id))) }))] })));
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Box, Object.assign({ backgroundColor: backgroundColor, p: (0, polished_1.rem)(16) }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ mb: (0, polished_1.rem)(8) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ color: textColor, fontSize: titleFontSize, fontWeight: titleFontWeight, alignItems: "center" }, { children: title })), (0, jsx_runtime_1.jsx)(react_1.Spacer, {}), isShowActionIcons && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "end", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(EditActionIcon, { width: (0, polished_1.rem)(24), height: (0, polished_1.rem)(20), mr: (0, polished_1.rem)(12), onClick: onHandleEditClick, "data-testid": "edit" }), (0, jsx_runtime_1.jsx)(DeleteActionIcon, { onClick: onHandleDeleteClick, "data-testid": "delete" })] })))] })), (0, jsx_runtime_1.jsx)(react_1.Grid, Object.assign({ templateColumns: ["repeat(1, 1fr)", "repeat(1, 1fr)", "repeat(2, 1fr)"], w: "100%", gap: 1 }, { children: fields.filter(({ value }) => value !== null && value !== undefined && value !== "").map(({ id, label, value, type, format }) => ((0, jsx_runtime_1.jsx)(react_1.GridItem, Object.assign({ colSpan: 1, lineHeight: (0, polished_1.rem)(24) }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ direction: "column" }, { children: [isShowLabel && label && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ lineHeight: (0, polished_1.rem)(24), color: textColor, fontSize: labelFontSize, fontWeight: labelFontWeight }, { children: label }))), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ color: textColor, fontSize: textFontSize, fontWeight: textFontWeight }, { children: type === 'date' ? (0, moment_1.default)(value, "YYYY-MM-DD").format(format !== null && format !== void 0 ? format : 'DD-MM-YYYY') : value }))] })) }), id))) }))] })));
|
|
22
26
|
};
|
|
23
27
|
exports.FormPreview = FormPreview;
|
|
24
28
|
;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormPreview.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormPreview.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
7
7
|
id: string;
|
|
8
8
|
label?: string | undefined;
|
|
9
9
|
value?: string | undefined;
|
|
10
|
+
type?: string | undefined;
|
|
11
|
+
format?: string | undefined;
|
|
10
12
|
}[];
|
|
11
13
|
backgroundColor?: string | undefined;
|
|
12
14
|
textColor?: string | undefined;
|
|
@@ -29,6 +31,8 @@ export declare const Primary: ComponentStory<import("react").FC<{
|
|
|
29
31
|
id: string;
|
|
30
32
|
label?: string | undefined;
|
|
31
33
|
value?: string | undefined;
|
|
34
|
+
type?: string | undefined;
|
|
35
|
+
format?: string | undefined;
|
|
32
36
|
}[];
|
|
33
37
|
backgroundColor?: string | undefined;
|
|
34
38
|
textColor?: string | undefined;
|
|
@@ -50,6 +54,8 @@ export declare const Secondary: ComponentStory<import("react").FC<{
|
|
|
50
54
|
id: string;
|
|
51
55
|
label?: string | undefined;
|
|
52
56
|
value?: string | undefined;
|
|
57
|
+
type?: string | undefined;
|
|
58
|
+
format?: string | undefined;
|
|
53
59
|
}[];
|
|
54
60
|
backgroundColor?: string | undefined;
|
|
55
61
|
textColor?: string | undefined;
|
|
@@ -71,6 +77,8 @@ export declare const Ternary: ComponentStory<import("react").FC<{
|
|
|
71
77
|
id: string;
|
|
72
78
|
label?: string | undefined;
|
|
73
79
|
value?: string | undefined;
|
|
80
|
+
type?: string | undefined;
|
|
81
|
+
format?: string | undefined;
|
|
74
82
|
}[];
|
|
75
83
|
backgroundColor?: string | undefined;
|
|
76
84
|
textColor?: string | undefined;
|
|
@@ -80,8 +80,15 @@ exports.Secondary.args = {
|
|
|
80
80
|
value: 'Alicia Insure'
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
|
-
id: '
|
|
84
|
-
value: '
|
|
83
|
+
id: 'date',
|
|
84
|
+
value: '2024-12-22',
|
|
85
|
+
type: 'date'
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
id: 'date format',
|
|
89
|
+
value: '2024-12-22',
|
|
90
|
+
type: 'date',
|
|
91
|
+
format: "YYYY-MM-DD"
|
|
85
92
|
},
|
|
86
93
|
{
|
|
87
94
|
id: 'iban',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormPreview.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AAExC,+CAA4C;AAE5C,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,yBAAW;CACc,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE;IAE5D,OAAO,CACL,uBAAC,YAAI,kBAAC,IAAI,EAAC,OAAO,gBAChB,uBAAC,yBAAW,oBACN,IAAI,IACR,EAAE,EAAC,IAAI,EACP,aAAa,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,EAAE,CAAC,EAC9D,WAAW,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAC1D,IACG,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,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,qBAAqB;IAC5B,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,MAAM;IACjB,iBAAiB,EAAE,IAAI;IACvB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,MAAM,EAAE;QACN;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,oFAAoF;SAC5F;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,YAAY;SACpB;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,wCAAwC;YAC/C,KAAK,EAAE,eAAe;SACvB;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,2CAA2C;YAClD,KAAK,EAAE,cAAc;SACtB;QACD;YACE,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,EAAE;SACV;KACF;CACF,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACf,KAAK,EAAE,yBAAyB;IAChC,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,MAAM;IACjB,iBAAiB,EAAE,IAAI;IACvB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,MAAM,EAAE;QACN;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,OAAO;SACf;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,KAAK;SACb;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,eAAe;SACvB;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"FormPreview.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useAutoDateFormatter = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const useAutoDateFormatter = (initialDate) => {
|
|
6
|
-
const [formattedInput, setFormattedInput] = (0, react_1.useState)(
|
|
6
|
+
const [formattedInput, setFormattedInput] = (0, react_1.useState)('');
|
|
7
7
|
const handleInputDate = (value, formatType) => {
|
|
8
8
|
// Length of full date is 10 characters
|
|
9
9
|
if (value.length > 10)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAutoDateFormatter.js","sourceRoot":"","sources":["../../../src/hooks/useAutoDateFormatter.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAI1B,MAAM,oBAAoB,GAAG,CAAC,WAAoB,EAA8B,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,
|
|
1
|
+
{"version":3,"file":"useAutoDateFormatter.js","sourceRoot":"","sources":["../../../src/hooks/useAutoDateFormatter.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAI1B,MAAM,oBAAoB,GAAG,CAAC,WAAoB,EAA8B,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,UAAuC,EAAE,EAAE;QACjF,uCAAuC;QACvC,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE;YAAE,OAAO;QAE9B,mEAAmE;QACnE,IAAI,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE;YACxC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO;SACR;QAED,qBAAqB;QACrB,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAAE,OAAO;QAE/C,oGAAoG;QACpG,MAAM,SAAS,GAAG,UAAU,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC9M,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;AAC3C,CAAC,CAAC;AAvBW,QAAA,oBAAoB,wBAuB/B"}
|
|
@@ -29,10 +29,8 @@ export const DatePicker = (_a) => {
|
|
|
29
29
|
};
|
|
30
30
|
useEffect(() => {
|
|
31
31
|
if (dateString && dateString.length === 10) {
|
|
32
|
-
const formattedDate = moment(dateString,
|
|
32
|
+
const formattedDate = moment(dateString, "YYYY-MM-DD").format(dateFormat);
|
|
33
33
|
handleInputDate(formattedDate, dateFormat);
|
|
34
|
-
setValue(formattedInput);
|
|
35
|
-
setShowDate(formattedInput);
|
|
36
34
|
}
|
|
37
35
|
}, [dateString, dateFormat]);
|
|
38
36
|
const handleClick = () => {
|
|
@@ -41,11 +39,19 @@ export const DatePicker = (_a) => {
|
|
|
41
39
|
myRefname.current.showPicker();
|
|
42
40
|
}
|
|
43
41
|
};
|
|
42
|
+
const onUserInputChange = (item) => {
|
|
43
|
+
handleInputDate(item.target.value, dateFormat);
|
|
44
|
+
};
|
|
44
45
|
useEffect(() => {
|
|
45
|
-
|
|
46
|
+
setValue(formattedInput);
|
|
47
|
+
setShowDate(formattedInput);
|
|
48
|
+
if (formattedInput.length === 10) {
|
|
49
|
+
const formattedDate = moment(formattedInput, dateFormat).format("YYYY-MM-DD");
|
|
50
|
+
onDateChange(formattedDate);
|
|
51
|
+
}
|
|
46
52
|
}, [formattedInput]);
|
|
47
53
|
// icon component
|
|
48
54
|
const Calendar = CalendarIcon({ isError });
|
|
49
|
-
return (_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) =>
|
|
55
|
+
return (_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e) })), _jsx(VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), _jsx(InputRightElement, { children: _jsx(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
50
56
|
};
|
|
51
57
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAe,UAAU,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC1G,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAe,MAAM,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAkG,EAAE,EAAE;QAAtG,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,GAAG,YAAY,OAAY,EAAP,KAAK,cAAhG,mFAAkG,CAAF;IAC9I,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,cAAc,CAAC,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,CAAC,IAAmC,EAAE,EAAE;QACvD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjF,eAAe,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC3C,WAAW,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,KAAK,EAAE,EAAE;YAE1C,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
2
3
|
import { DatePicker } from "./DatePicker";
|
|
3
4
|
export default {
|
|
4
5
|
title: "Alicia/Common/DatePicker",
|
|
@@ -11,7 +12,8 @@ export default {
|
|
|
11
12
|
},
|
|
12
13
|
};
|
|
13
14
|
const Template = (args) => {
|
|
14
|
-
|
|
15
|
+
const [val, setVal] = useState("2004-12-23");
|
|
16
|
+
return _jsx(DatePicker, Object.assign({}, args, { dateString: val, onDateChange: (e) => [setVal(e), console.log(e)] }));
|
|
15
17
|
};
|
|
16
18
|
export const Primary = Template.bind({});
|
|
17
19
|
export const Secondary = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC7C,OAAO,KAAC,UAAU,oBAAK,IAAI,IAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACvG,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,OAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Box, Flex, Text, Grid, GridItem, Spacer } from '@chakra-ui/react';
|
|
3
3
|
import { rem } from 'polished';
|
|
4
4
|
import { EditIcon, DeleteIcon } from '../icons';
|
|
5
|
+
import moment from 'moment';
|
|
5
6
|
export const FormPreview = ({ id, title, fields, backgroundColor = "#fffff", textColor = "#000", titleFontSize = rem(18), titleFontWeight = "700", textFontSize = rem(14), textFontWeight = "400", isShowActionIcons = false, isShowLabel = false, labelFontSize = "14px", labelFontWeight = "700", onEditClick, onDeleteClick }) => {
|
|
6
7
|
const EditActionIcon = EditIcon({ fillColor: textColor });
|
|
7
8
|
const DeleteActionIcon = DeleteIcon({ fillColor: textColor });
|
|
@@ -15,7 +16,7 @@ export const FormPreview = ({ id, title, fields, backgroundColor = "#fffff", tex
|
|
|
15
16
|
onDeleteClick(id);
|
|
16
17
|
}
|
|
17
18
|
};
|
|
18
|
-
return (_jsxs(Box, Object.assign({ backgroundColor: backgroundColor, p: rem(16) }, { children: [_jsxs(Flex, Object.assign({ mb: rem(8) }, { children: [_jsx(Flex, Object.assign({ color: textColor, fontSize: titleFontSize, fontWeight: titleFontWeight, alignItems: "center" }, { children: title })), _jsx(Spacer, {}), isShowActionIcons && (_jsxs(Flex, Object.assign({ justifyContent: "end", alignItems: "center" }, { children: [_jsx(EditActionIcon, { width: rem(24), height: rem(20), mr: rem(12), onClick: onHandleEditClick, "data-testid": "edit" }), _jsx(DeleteActionIcon, { onClick: onHandleDeleteClick, "data-testid": "delete" })] })))] })), _jsx(Grid, Object.assign({ templateColumns: ["repeat(1, 1fr)", "repeat(1, 1fr)", "repeat(2, 1fr)"], w: "100%", gap: 1 }, { children: fields.filter(({ value }) => value !== null && value !== undefined && value !== "").map(({ id, label, value }) => (_jsx(GridItem, Object.assign({ colSpan: 1, lineHeight: rem(24) }, { children: _jsxs(Flex, Object.assign({ direction: "column" }, { children: [isShowLabel && label && (_jsx(Text, Object.assign({ lineHeight: rem(24), color: textColor, fontSize: labelFontSize, fontWeight: labelFontWeight }, { children: label }))), _jsx(Text, Object.assign({ color: textColor, fontSize: textFontSize, fontWeight: textFontWeight }, { children: value }))] })) }), id))) }))] })));
|
|
19
|
+
return (_jsxs(Box, Object.assign({ backgroundColor: backgroundColor, p: rem(16) }, { children: [_jsxs(Flex, Object.assign({ mb: rem(8) }, { children: [_jsx(Flex, Object.assign({ color: textColor, fontSize: titleFontSize, fontWeight: titleFontWeight, alignItems: "center" }, { children: title })), _jsx(Spacer, {}), isShowActionIcons && (_jsxs(Flex, Object.assign({ justifyContent: "end", alignItems: "center" }, { children: [_jsx(EditActionIcon, { width: rem(24), height: rem(20), mr: rem(12), onClick: onHandleEditClick, "data-testid": "edit" }), _jsx(DeleteActionIcon, { onClick: onHandleDeleteClick, "data-testid": "delete" })] })))] })), _jsx(Grid, Object.assign({ templateColumns: ["repeat(1, 1fr)", "repeat(1, 1fr)", "repeat(2, 1fr)"], w: "100%", gap: 1 }, { children: fields.filter(({ value }) => value !== null && value !== undefined && value !== "").map(({ id, label, value, type, format }) => (_jsx(GridItem, Object.assign({ colSpan: 1, lineHeight: rem(24) }, { children: _jsxs(Flex, Object.assign({ direction: "column" }, { children: [isShowLabel && label && (_jsx(Text, Object.assign({ lineHeight: rem(24), color: textColor, fontSize: labelFontSize, fontWeight: labelFontWeight }, { children: label }))), _jsx(Text, Object.assign({ color: textColor, fontSize: textFontSize, fontWeight: textFontWeight }, { children: type === 'date' ? moment(value, "YYYY-MM-DD").format(format !== null && format !== void 0 ? format : 'DD-MM-YYYY') : value }))] })) }), id))) }))] })));
|
|
19
20
|
};
|
|
20
21
|
;
|
|
21
22
|
//# sourceMappingURL=FormPreview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormPreview.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"FormPreview.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
7
7
|
id: string;
|
|
8
8
|
label?: string | undefined;
|
|
9
9
|
value?: string | undefined;
|
|
10
|
+
type?: string | undefined;
|
|
11
|
+
format?: string | undefined;
|
|
10
12
|
}[];
|
|
11
13
|
backgroundColor?: string | undefined;
|
|
12
14
|
textColor?: string | undefined;
|
|
@@ -29,6 +31,8 @@ export declare const Primary: ComponentStory<import("react").FC<{
|
|
|
29
31
|
id: string;
|
|
30
32
|
label?: string | undefined;
|
|
31
33
|
value?: string | undefined;
|
|
34
|
+
type?: string | undefined;
|
|
35
|
+
format?: string | undefined;
|
|
32
36
|
}[];
|
|
33
37
|
backgroundColor?: string | undefined;
|
|
34
38
|
textColor?: string | undefined;
|
|
@@ -50,6 +54,8 @@ export declare const Secondary: ComponentStory<import("react").FC<{
|
|
|
50
54
|
id: string;
|
|
51
55
|
label?: string | undefined;
|
|
52
56
|
value?: string | undefined;
|
|
57
|
+
type?: string | undefined;
|
|
58
|
+
format?: string | undefined;
|
|
53
59
|
}[];
|
|
54
60
|
backgroundColor?: string | undefined;
|
|
55
61
|
textColor?: string | undefined;
|
|
@@ -71,6 +77,8 @@ export declare const Ternary: ComponentStory<import("react").FC<{
|
|
|
71
77
|
id: string;
|
|
72
78
|
label?: string | undefined;
|
|
73
79
|
value?: string | undefined;
|
|
80
|
+
type?: string | undefined;
|
|
81
|
+
format?: string | undefined;
|
|
74
82
|
}[];
|
|
75
83
|
backgroundColor?: string | undefined;
|
|
76
84
|
textColor?: string | undefined;
|
|
@@ -77,8 +77,15 @@ Secondary.args = {
|
|
|
77
77
|
value: 'Alicia Insure'
|
|
78
78
|
},
|
|
79
79
|
{
|
|
80
|
-
id: '
|
|
81
|
-
value: '
|
|
80
|
+
id: 'date',
|
|
81
|
+
value: '2024-12-22',
|
|
82
|
+
type: 'date'
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
id: 'date format',
|
|
86
|
+
value: '2024-12-22',
|
|
87
|
+
type: 'date',
|
|
88
|
+
format: "YYYY-MM-DD"
|
|
82
89
|
},
|
|
83
90
|
{
|
|
84
91
|
id: 'iban',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormPreview.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,WAAW;CACc,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE;IAE5D,OAAO,CACL,KAAC,IAAI,kBAAC,IAAI,EAAC,OAAO,gBAChB,KAAC,WAAW,oBACN,IAAI,IACR,EAAE,EAAC,IAAI,EACP,aAAa,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,EAAE,CAAC,EAC9D,WAAW,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAC1D,IACG,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,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,qBAAqB;IAC5B,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,MAAM;IACjB,iBAAiB,EAAE,IAAI;IACvB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,MAAM,EAAE;QACN;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,oFAAoF;SAC5F;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,YAAY;SACpB;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,wCAAwC;YAC/C,KAAK,EAAE,eAAe;SACvB;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,2CAA2C;YAClD,KAAK,EAAE,cAAc;SACtB;QACD;YACE,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,EAAE;SACV;KACF;CACF,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACf,KAAK,EAAE,yBAAyB;IAChC,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,MAAM;IACjB,iBAAiB,EAAE,IAAI;IACvB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,MAAM;IACrB,eAAe,EAAE,KAAK;IACtB,MAAM,EAAE;QACN;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,OAAO;SACf;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,KAAK;SACb;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,eAAe;SACvB;QACD;YACE,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"FormPreview.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FormPreview/FormPreview.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
export const useAutoDateFormatter = (initialDate) => {
|
|
3
|
-
const [formattedInput, setFormattedInput] = useState(
|
|
3
|
+
const [formattedInput, setFormattedInput] = useState('');
|
|
4
4
|
const handleInputDate = (value, formatType) => {
|
|
5
5
|
// Length of full date is 10 characters
|
|
6
6
|
if (value.length > 10)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAutoDateFormatter.js","sourceRoot":"","sources":["../../../src/hooks/useAutoDateFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,WAAoB,EAA8B,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"useAutoDateFormatter.js","sourceRoot":"","sources":["../../../src/hooks/useAutoDateFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,WAAoB,EAA8B,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,UAAuC,EAAE,EAAE;QACjF,uCAAuC;QACvC,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE;YAAE,OAAO;QAE9B,mEAAmE;QACnE,IAAI,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE;YACxC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO;SACR;QAED,qBAAqB;QACrB,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAAE,OAAO;QAE/C,oGAAoG;QACpG,MAAM,SAAS,GAAG,UAAU,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC9M,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;AAC3C,CAAC,CAAC"}
|