alicia-design-system 1.92.2 → 1.92.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/FileUpload/FileUpload.js +1 -1
- package/dist/cjs/alicia/common/LicensePlate/LicensePlate.d.ts +1 -0
- package/dist/cjs/alicia/common/LicensePlate/LicensePlate.js +18 -3
- package/dist/cjs/alicia/common/LicensePlate/LicensePlate.js.map +1 -1
- package/dist/cjs/alicia/common/LicensePlate/LicensePlate.stories.js +4 -0
- package/dist/cjs/alicia/common/LicensePlate/LicensePlate.stories.js.map +1 -1
- package/dist/esm/alicia/common/FileUpload/FileUpload.js +1 -1
- package/dist/esm/alicia/common/LicensePlate/LicensePlate.d.ts +1 -0
- package/dist/esm/alicia/common/LicensePlate/LicensePlate.js +18 -3
- package/dist/esm/alicia/common/LicensePlate/LicensePlate.js.map +1 -1
- package/dist/esm/alicia/common/LicensePlate/LicensePlate.stories.js +4 -0
- package/dist/esm/alicia/common/LicensePlate/LicensePlate.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -110,7 +110,7 @@ const FileUpload = ({ title = 'Upload your files', label, message = '.JPEG, .PNG
|
|
|
110
110
|
borderWidth: variant === 'alicia' || variant === 'secondary' ? '0' : (0, polished_1.rem)(1),
|
|
111
111
|
borderBlockStyle: 'solid',
|
|
112
112
|
borderRadius: variant === 'agos' ? (0, polished_1.rem)(20) : 0,
|
|
113
|
-
} }, getRootProps(), { children: [variant === 'agos' && label && ((0, jsx_runtime_1.jsx)(react_2.FormLabel, Object.assign({ mb: 0, fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(20), fontWeight: "bold", color: (_f = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _f !== void 0 ? _f : 'black', position: "absolute", top: (0, polished_1.rem)(-12), left: (0, polished_1.rem)(16), bg: (_g = colors === null || colors === void 0 ? void 0 : colors.labelBg) !== null && _g !== void 0 ? _g : 'cardBg', px: (0, polished_1.rem)(8), py: (0, polished_1.rem)(3), zIndex:
|
|
113
|
+
} }, getRootProps(), { children: [variant === 'agos' && label && ((0, jsx_runtime_1.jsx)(react_2.FormLabel, Object.assign({ mb: 0, fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(20), fontWeight: "bold", color: (_f = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _f !== void 0 ? _f : 'black', position: "absolute", top: (0, polished_1.rem)(-12), left: (0, polished_1.rem)(16), bg: (_g = colors === null || colors === void 0 ? void 0 : colors.labelBg) !== null && _g !== void 0 ? _g : 'cardBg', px: (0, polished_1.rem)(8), py: (0, polished_1.rem)(3), zIndex: 0 }, { children: label }))), (0, jsx_runtime_1.jsx)("input", Object.assign({}, getInputProps())), (0, jsx_runtime_1.jsx)(IconUpload, { width: (0, polished_1.rem)(32), height: (0, polished_1.rem)(32) }), (0, jsx_runtime_1.jsx)(react_2.Text, Object.assign({ fontSize: 20, fontWeight: variant === 'agos' ? 'bold' : 500, color: isError ? (_h = colors === null || colors === void 0 ? void 0 : colors.error) !== null && _h !== void 0 ? _h : 'error' : (_j = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _j !== void 0 ? _j : 'blackDe', marginTop: 2 }, { children: title })), (0, jsx_runtime_1.jsx)(react_2.Text, Object.assign({ fontSize: 16, fontWeight: 400, color: isError
|
|
114
114
|
? (_k = colors === null || colors === void 0 ? void 0 : colors.error) !== null && _k !== void 0 ? _k : 'error'
|
|
115
115
|
: variant === 'agos'
|
|
116
116
|
? (_l = colors === null || colors === void 0 ? void 0 : colors.subText) !== null && _l !== void 0 ? _l : 'blackMd'
|
|
@@ -75,7 +75,7 @@ const LicensePlate = (_a) => {
|
|
|
75
75
|
var { size = 'medium', text = '', isActive = false, isDisabled = false, isLoading = false, title, error = {
|
|
76
76
|
message: 'Moet een geldig kenteken zijn.',
|
|
77
77
|
color: 'red.500',
|
|
78
|
-
}, onChange, onComplete } = _a, boxProps = __rest(_a, ["size", "text", "isActive", "isDisabled", "isLoading", "title", "error", "onChange", "onComplete"]);
|
|
78
|
+
}, onChange, onComplete, autoFocus = false } = _a, boxProps = __rest(_a, ["size", "text", "isActive", "isDisabled", "isLoading", "title", "error", "onChange", "onComplete", "autoFocus"]);
|
|
79
79
|
const [inputValue, setInputValue] = (0, react_2.useState)(text);
|
|
80
80
|
// Check if input is complete (has expected length)
|
|
81
81
|
const cleanedLength = inputValue.replace(/-/g, '').length;
|
|
@@ -127,14 +127,29 @@ const LicensePlate = (_a) => {
|
|
|
127
127
|
};
|
|
128
128
|
return ((0, jsx_runtime_1.jsxs)(react_1.Box, Object.assign({ as: "div" }, boxProps, { children: [title && ((0, jsx_runtime_1.jsx)(react_1.Heading, Object.assign({ size: "sm", mb: 2, as: "h3", sx: { marginBottom: '0.5rem' } }, { children: title }))), (0, jsx_runtime_1.jsxs)(react_1.FormControl, Object.assign({ isDisabled: isDisabled || isLoading }, { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, Object.assign({ htmlFor: "license-plate-input", srOnly: true }, { children: "License Plate Number" })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ width: currentSize.width, height: currentSize.height, borderRadius: "md", overflow: "hidden", border: "1px solid", borderColor: showValidation
|
|
129
129
|
? (isValid ? 'green.500' : 'red.500')
|
|
130
|
-
: (isActive ? 'blue.500' : 'gray.200'), transition: "all 0.2s", opacity: isDisabled ? 0.6 : 1, "data-testid": "license-plate-container"
|
|
130
|
+
: (isActive ? 'blue.500' : 'gray.200'), transition: "all 0.2s", opacity: isDisabled ? 0.6 : 1, "data-testid": "license-plate-container", animation: inputValue === '' ? 'shake 0.82s cubic-bezier(.36,.07,.19,.97) both' : undefined, sx: {
|
|
131
|
+
'@keyframes shake': {
|
|
132
|
+
'10%, 90%': {
|
|
133
|
+
transform: 'translate3d(-1px, 0, 0)',
|
|
134
|
+
},
|
|
135
|
+
'20%, 80%': {
|
|
136
|
+
transform: 'translate3d(2px, 0, 0)',
|
|
137
|
+
},
|
|
138
|
+
'30%, 50%, 70%': {
|
|
139
|
+
transform: 'translate3d(-4px, 0, 0)',
|
|
140
|
+
},
|
|
141
|
+
'40%, 60%': {
|
|
142
|
+
transform: 'translate3d(4px, 0, 0)',
|
|
143
|
+
},
|
|
144
|
+
}
|
|
145
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ bg: "#345aa5", color: "white", px: 3, alignItems: "center", justifyContent: "center", fontSize: "16px", fontWeight: "bold" }, { children: "NL" })), (0, jsx_runtime_1.jsx)(react_1.Input, { id: "license-plate-input", flex: 1, value: inputValue, onChange: handleChange, isDisabled: isDisabled || isLoading, placeholder: "XX-123-XX", bg: "#f7b518", border: "none", textAlign: "center", rounded: "none", height: "full", fontWeight: "bold", color: showValidation && !isValid ? 'red.500' : 'black', fontSize: currentSize.fontSize, maxLength: 9, _placeholder: { color: 'gray.600' }, _disabled: { opacity: 0.7, cursor: 'not-allowed' }, _focus: {
|
|
131
146
|
border: 'none',
|
|
132
147
|
boxShadow: 'none',
|
|
133
148
|
outline: 'none'
|
|
134
149
|
}, sx: {
|
|
135
150
|
'&::-webkit-input-placeholder': { fontSize: currentSize.fontSize },
|
|
136
151
|
'&::-moz-placeholder': { fontSize: currentSize.fontSize },
|
|
137
|
-
} }), isLoading && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ px: 3, alignItems: "center", justifyContent: "center", bg: "#ffeb3b" }, { children: (0, jsx_runtime_1.jsx)(react_1.Spinner, { size: size === 'small' ? 'sm' : 'md', color: "#003399", "data-testid": "license-plate-spinner" }) })))] })), showValidation && !isValid && ((0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ color: error.color, fontSize: "sm", mt: 1 }, { children: error.message })))] }))] })));
|
|
152
|
+
}, autoFocus: autoFocus }), isLoading && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ px: 3, alignItems: "center", justifyContent: "center", bg: "#ffeb3b" }, { children: (0, jsx_runtime_1.jsx)(react_1.Spinner, { size: size === 'small' ? 'sm' : 'md', color: "#003399", "data-testid": "license-plate-spinner" }) })))] })), showValidation && !isValid && ((0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ color: error.color, fontSize: "sm", mt: 1 }, { children: error.message })))] }))] })));
|
|
138
153
|
};
|
|
139
154
|
exports.LicensePlate = LicensePlate;
|
|
140
155
|
//# sourceMappingURL=LicensePlate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LicensePlate.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,4CAS0B;AAC1B,iCAAkD;
|
|
1
|
+
{"version":3,"file":"LicensePlate.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,10 @@ const meta = {
|
|
|
27
27
|
control: 'boolean',
|
|
28
28
|
description: 'Active state of the license plate',
|
|
29
29
|
},
|
|
30
|
+
autoFocus: {
|
|
31
|
+
control: 'boolean',
|
|
32
|
+
description: 'Auto focus state of the license plate',
|
|
33
|
+
},
|
|
30
34
|
isDisabled: {
|
|
31
35
|
control: 'boolean',
|
|
32
36
|
description: 'Disabled state of the license plate',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LicensePlate.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"LicensePlate.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -107,7 +107,7 @@ export const FileUpload = ({ title = 'Upload your files', label, message = '.JPE
|
|
|
107
107
|
borderWidth: variant === 'alicia' || variant === 'secondary' ? '0' : rem(1),
|
|
108
108
|
borderBlockStyle: 'solid',
|
|
109
109
|
borderRadius: variant === 'agos' ? rem(20) : 0,
|
|
110
|
-
} }, getRootProps(), { children: [variant === 'agos' && label && (_jsx(FormLabel, Object.assign({ mb: 0, fontSize: rem(16), lineHeight: rem(20), fontWeight: "bold", color: (_f = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _f !== void 0 ? _f : 'black', position: "absolute", top: rem(-12), left: rem(16), bg: (_g = colors === null || colors === void 0 ? void 0 : colors.labelBg) !== null && _g !== void 0 ? _g : 'cardBg', px: rem(8), py: rem(3), zIndex:
|
|
110
|
+
} }, getRootProps(), { children: [variant === 'agos' && label && (_jsx(FormLabel, Object.assign({ mb: 0, fontSize: rem(16), lineHeight: rem(20), fontWeight: "bold", color: (_f = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _f !== void 0 ? _f : 'black', position: "absolute", top: rem(-12), left: rem(16), bg: (_g = colors === null || colors === void 0 ? void 0 : colors.labelBg) !== null && _g !== void 0 ? _g : 'cardBg', px: rem(8), py: rem(3), zIndex: 0 }, { children: label }))), _jsx("input", Object.assign({}, getInputProps())), _jsx(IconUpload, { width: rem(32), height: rem(32) }), _jsx(Text, Object.assign({ fontSize: 20, fontWeight: variant === 'agos' ? 'bold' : 500, color: isError ? (_h = colors === null || colors === void 0 ? void 0 : colors.error) !== null && _h !== void 0 ? _h : 'error' : (_j = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _j !== void 0 ? _j : 'blackDe', marginTop: 2 }, { children: title })), _jsx(Text, Object.assign({ fontSize: 16, fontWeight: 400, color: isError
|
|
111
111
|
? (_k = colors === null || colors === void 0 ? void 0 : colors.error) !== null && _k !== void 0 ? _k : 'error'
|
|
112
112
|
: variant === 'agos'
|
|
113
113
|
? (_l = colors === null || colors === void 0 ? void 0 : colors.subText) !== null && _l !== void 0 ? _l : 'blackMd'
|
|
@@ -72,7 +72,7 @@ export const LicensePlate = (_a) => {
|
|
|
72
72
|
var { size = 'medium', text = '', isActive = false, isDisabled = false, isLoading = false, title, error = {
|
|
73
73
|
message: 'Moet een geldig kenteken zijn.',
|
|
74
74
|
color: 'red.500',
|
|
75
|
-
}, onChange, onComplete } = _a, boxProps = __rest(_a, ["size", "text", "isActive", "isDisabled", "isLoading", "title", "error", "onChange", "onComplete"]);
|
|
75
|
+
}, onChange, onComplete, autoFocus = false } = _a, boxProps = __rest(_a, ["size", "text", "isActive", "isDisabled", "isLoading", "title", "error", "onChange", "onComplete", "autoFocus"]);
|
|
76
76
|
const [inputValue, setInputValue] = useState(text);
|
|
77
77
|
// Check if input is complete (has expected length)
|
|
78
78
|
const cleanedLength = inputValue.replace(/-/g, '').length;
|
|
@@ -124,13 +124,28 @@ export const LicensePlate = (_a) => {
|
|
|
124
124
|
};
|
|
125
125
|
return (_jsxs(Box, Object.assign({ as: "div" }, boxProps, { children: [title && (_jsx(Heading, Object.assign({ size: "sm", mb: 2, as: "h3", sx: { marginBottom: '0.5rem' } }, { children: title }))), _jsxs(FormControl, Object.assign({ isDisabled: isDisabled || isLoading }, { children: [_jsx(FormLabel, Object.assign({ htmlFor: "license-plate-input", srOnly: true }, { children: "License Plate Number" })), _jsxs(Flex, Object.assign({ width: currentSize.width, height: currentSize.height, borderRadius: "md", overflow: "hidden", border: "1px solid", borderColor: showValidation
|
|
126
126
|
? (isValid ? 'green.500' : 'red.500')
|
|
127
|
-
: (isActive ? 'blue.500' : 'gray.200'), transition: "all 0.2s", opacity: isDisabled ? 0.6 : 1, "data-testid": "license-plate-container"
|
|
127
|
+
: (isActive ? 'blue.500' : 'gray.200'), transition: "all 0.2s", opacity: isDisabled ? 0.6 : 1, "data-testid": "license-plate-container", animation: inputValue === '' ? 'shake 0.82s cubic-bezier(.36,.07,.19,.97) both' : undefined, sx: {
|
|
128
|
+
'@keyframes shake': {
|
|
129
|
+
'10%, 90%': {
|
|
130
|
+
transform: 'translate3d(-1px, 0, 0)',
|
|
131
|
+
},
|
|
132
|
+
'20%, 80%': {
|
|
133
|
+
transform: 'translate3d(2px, 0, 0)',
|
|
134
|
+
},
|
|
135
|
+
'30%, 50%, 70%': {
|
|
136
|
+
transform: 'translate3d(-4px, 0, 0)',
|
|
137
|
+
},
|
|
138
|
+
'40%, 60%': {
|
|
139
|
+
transform: 'translate3d(4px, 0, 0)',
|
|
140
|
+
},
|
|
141
|
+
}
|
|
142
|
+
} }, { children: [_jsx(Flex, Object.assign({ bg: "#345aa5", color: "white", px: 3, alignItems: "center", justifyContent: "center", fontSize: "16px", fontWeight: "bold" }, { children: "NL" })), _jsx(Input, { id: "license-plate-input", flex: 1, value: inputValue, onChange: handleChange, isDisabled: isDisabled || isLoading, placeholder: "XX-123-XX", bg: "#f7b518", border: "none", textAlign: "center", rounded: "none", height: "full", fontWeight: "bold", color: showValidation && !isValid ? 'red.500' : 'black', fontSize: currentSize.fontSize, maxLength: 9, _placeholder: { color: 'gray.600' }, _disabled: { opacity: 0.7, cursor: 'not-allowed' }, _focus: {
|
|
128
143
|
border: 'none',
|
|
129
144
|
boxShadow: 'none',
|
|
130
145
|
outline: 'none'
|
|
131
146
|
}, sx: {
|
|
132
147
|
'&::-webkit-input-placeholder': { fontSize: currentSize.fontSize },
|
|
133
148
|
'&::-moz-placeholder': { fontSize: currentSize.fontSize },
|
|
134
|
-
} }), isLoading && (_jsx(Flex, Object.assign({ px: 3, alignItems: "center", justifyContent: "center", bg: "#ffeb3b" }, { children: _jsx(Spinner, { size: size === 'small' ? 'sm' : 'md', color: "#003399", "data-testid": "license-plate-spinner" }) })))] })), showValidation && !isValid && (_jsx(Box, Object.assign({ color: error.color, fontSize: "sm", mt: 1 }, { children: error.message })))] }))] })));
|
|
149
|
+
}, autoFocus: autoFocus }), isLoading && (_jsx(Flex, Object.assign({ px: 3, alignItems: "center", justifyContent: "center", bg: "#ffeb3b" }, { children: _jsx(Spinner, { size: size === 'small' ? 'sm' : 'md', color: "#003399", "data-testid": "license-plate-spinner" }) })))] })), showValidation && !isValid && (_jsx(Box, Object.assign({ color: error.color, fontSize: "sm", mt: 1 }, { children: error.message })))] }))] })));
|
|
135
150
|
};
|
|
136
151
|
//# sourceMappingURL=LicensePlate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LicensePlate.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EAEP,WAAW,EACX,SAAS,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAmB,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LicensePlate.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,6 +24,10 @@ const meta = {
|
|
|
24
24
|
control: 'boolean',
|
|
25
25
|
description: 'Active state of the license plate',
|
|
26
26
|
},
|
|
27
|
+
autoFocus: {
|
|
28
|
+
control: 'boolean',
|
|
29
|
+
description: 'Auto focus state of the license plate',
|
|
30
|
+
},
|
|
27
31
|
isDisabled: {
|
|
28
32
|
control: 'boolean',
|
|
29
33
|
description: 'Disabled state of the license plate',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LicensePlate.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"LicensePlate.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/LicensePlate/LicensePlate.stories.tsx"],"names":[],"mappings":"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"}
|