@egov3/system-design 1.3.110 → 1.3.111
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/baseComponents/InputFieldGroup/index.js +23 -20
- package/dist/cjs/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/esm/baseComponents/InputFieldGroup/index.js +23 -20
- package/dist/esm/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/types/baseComponents/InputFieldGroup/index.d.ts +0 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -20,43 +20,46 @@ const shouldPreventKeyInput = (event) => {
|
|
|
20
20
|
return false;
|
|
21
21
|
return !isSingleDigit(event.key);
|
|
22
22
|
};
|
|
23
|
-
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange,
|
|
23
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange, }) => {
|
|
24
24
|
const inputsRef = React.useRef([]);
|
|
25
25
|
const focusInput = (index) => {
|
|
26
26
|
setTimeout(() => {
|
|
27
|
-
inputsRef.current[index]
|
|
27
|
+
const input = inputsRef.current[index];
|
|
28
|
+
if (input) {
|
|
29
|
+
input.focus();
|
|
30
|
+
const len = input.value.length;
|
|
31
|
+
input.setSelectionRange(len, len);
|
|
32
|
+
}
|
|
28
33
|
}, 0);
|
|
29
34
|
};
|
|
30
35
|
const extractDigits = (text) => text.replaceAll(/\D/g, "");
|
|
31
|
-
const handlePaste = (startIndex, pastedText) => {
|
|
32
|
-
const digits = extractDigits(pastedText);
|
|
33
|
-
for (let i = 0; i < digits.length && startIndex + i < length; i++) {
|
|
34
|
-
const index = startIndex + i;
|
|
35
|
-
handleInputChange(index)({
|
|
36
|
-
target: { value: digits[i] },
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
const lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
|
|
40
|
-
focusInput(lastFilledIndex);
|
|
41
|
-
};
|
|
42
36
|
const handleChange = (index) => (event) => {
|
|
43
37
|
const digits = extractDigits(event.target.value);
|
|
44
|
-
if (digits.length
|
|
45
|
-
|
|
38
|
+
if (digits.length === 0) {
|
|
39
|
+
handleInputChange(index)(event);
|
|
46
40
|
return;
|
|
47
41
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
for (let i = 0; i < digits.length && index + i < length; i++) {
|
|
43
|
+
const digitsIndex = index + i;
|
|
44
|
+
if (index + 1 === length && code[code.length - 1] === digits[i]) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
handleInputChange(digitsIndex)({
|
|
48
|
+
target: { value: digits[i] },
|
|
49
|
+
});
|
|
51
50
|
}
|
|
51
|
+
const lastFilledIndex = Math.min(index + digits.length, length - 1);
|
|
52
|
+
focusInput(lastFilledIndex);
|
|
52
53
|
};
|
|
53
54
|
const handleKey = (index) => (event) => {
|
|
54
55
|
if (shouldPreventKeyInput(event)) {
|
|
55
56
|
event.preventDefault();
|
|
56
57
|
return;
|
|
57
58
|
}
|
|
58
|
-
|
|
59
|
-
if (event.key === "Backspace" &&
|
|
59
|
+
const input = inputsRef.current[index];
|
|
60
|
+
if (event.key === "Backspace" &&
|
|
61
|
+
index > 0 &&
|
|
62
|
+
input?.selectionStart === 0) {
|
|
60
63
|
focusInput(index - 1);
|
|
61
64
|
}
|
|
62
65
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["useRef","_jsxs","joinClasses","styles","_jsx","index","InputField","typography"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["useRef","_jsxs","joinClasses","styles","_jsx","index","InputField","typography"],"mappings":"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"}
|
|
@@ -18,43 +18,46 @@ const shouldPreventKeyInput = (event) => {
|
|
|
18
18
|
return false;
|
|
19
19
|
return !isSingleDigit(event.key);
|
|
20
20
|
};
|
|
21
|
-
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange,
|
|
21
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange, }) => {
|
|
22
22
|
const inputsRef = useRef([]);
|
|
23
23
|
const focusInput = (index) => {
|
|
24
24
|
setTimeout(() => {
|
|
25
|
-
inputsRef.current[index]
|
|
25
|
+
const input = inputsRef.current[index];
|
|
26
|
+
if (input) {
|
|
27
|
+
input.focus();
|
|
28
|
+
const len = input.value.length;
|
|
29
|
+
input.setSelectionRange(len, len);
|
|
30
|
+
}
|
|
26
31
|
}, 0);
|
|
27
32
|
};
|
|
28
33
|
const extractDigits = (text) => text.replaceAll(/\D/g, "");
|
|
29
|
-
const handlePaste = (startIndex, pastedText) => {
|
|
30
|
-
const digits = extractDigits(pastedText);
|
|
31
|
-
for (let i = 0; i < digits.length && startIndex + i < length; i++) {
|
|
32
|
-
const index = startIndex + i;
|
|
33
|
-
handleInputChange(index)({
|
|
34
|
-
target: { value: digits[i] },
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
const lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
|
|
38
|
-
focusInput(lastFilledIndex);
|
|
39
|
-
};
|
|
40
34
|
const handleChange = (index) => (event) => {
|
|
41
35
|
const digits = extractDigits(event.target.value);
|
|
42
|
-
if (digits.length
|
|
43
|
-
|
|
36
|
+
if (digits.length === 0) {
|
|
37
|
+
handleInputChange(index)(event);
|
|
44
38
|
return;
|
|
45
39
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
for (let i = 0; i < digits.length && index + i < length; i++) {
|
|
41
|
+
const digitsIndex = index + i;
|
|
42
|
+
if (index + 1 === length && code[code.length - 1] === digits[i]) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
handleInputChange(digitsIndex)({
|
|
46
|
+
target: { value: digits[i] },
|
|
47
|
+
});
|
|
49
48
|
}
|
|
49
|
+
const lastFilledIndex = Math.min(index + digits.length, length - 1);
|
|
50
|
+
focusInput(lastFilledIndex);
|
|
50
51
|
};
|
|
51
52
|
const handleKey = (index) => (event) => {
|
|
52
53
|
if (shouldPreventKeyInput(event)) {
|
|
53
54
|
event.preventDefault();
|
|
54
55
|
return;
|
|
55
56
|
}
|
|
56
|
-
|
|
57
|
-
if (event.key === "Backspace" &&
|
|
57
|
+
const input = inputsRef.current[index];
|
|
58
|
+
if (event.key === "Backspace" &&
|
|
59
|
+
index > 0 &&
|
|
60
|
+
input?.selectionStart === 0) {
|
|
58
61
|
focusInput(index - 1);
|
|
59
62
|
}
|
|
60
63
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAsBA,MAAM,oBAAoB,GAAG,CAAC,KAAsC,KAAI;IACtE,OAAO,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM;AACvD,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,GAAW,KAAI;AACpC,IAAA,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7C,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAAsC,KAAI;IACvE,IAAI,oBAAoB,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAC7C,IAAA,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AACxC,IAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC;AAClC,CAAC;AAEM,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,GAAG,yBAAyB,EACrD,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,iBAAiB,GACK,KAAI;AAC1B,IAAA,MAAM,SAAS,GAAG,MAAM,CAA8B,EAAE,CAAC;AAEzD,IAAA,MAAM,UAAU,GAAG,CAAC,KAAa,KAAI;QACnC,UAAU,CAAC,MAAK;YACd,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;AAEtC,YAAA,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,KAAK,EAAE;AAEb,gBAAA,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM;AAC9B,gBAAA,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC;AAClC,YAAA;QACH,CAAC,EAAE,CAAC,CAAC;AACP,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC;IAElE,MAAM,YAAY,GAChB,CAAC,KAAa,KAAK,CAAC,KAA0C,KAAI;QAChE,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAEhD,QAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AACvB,YAAA,iBAAiB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAC/B;AACD,QAAA;AAED,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5D,YAAA,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC;AAC7B,YAAA,IAAI,KAAK,GAAG,CAAC,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/D;AACD,YAAA;YAED,iBAAiB,CAAC,WAAW,CAAC,CAAC;gBAC7B,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE;AACU,aAAA,CAAC;AAC1C,QAAA;AAED,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC;QACnE,UAAU,CAAC,eAAe,CAAC;AAC7B,IAAA,CAAC;IAEH,MAAM,SAAS,GACb,CAAC,KAAa,KAAK,CAAC,KAA4C,KAAI;AAClE,QAAA,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE;YAChC,KAAK,CAAC,cAAc,EAAE;YACtB;AACD,QAAA;QAED,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;AAEtC,QAAA,IACE,KAAK,CAAC,GAAG,KAAK,WAAW;AACzB,YAAA,KAAK,GAAG,CAAC;AACT,YAAA,KAAK,EAAE,cAAc,KAAK,CAAC,EAC3B;AACA,YAAA,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;AACtB,QAAA;AACH,IAAA,CAAC;AAEH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,iBACnD,UAAU,EAAA,QAAA,EAAA,CAEvBC,aACE,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAA,aAAA,EACzB,CAAA,EAAG,UAAU,CAAA,uBAAA,CAAyB,EAAA,QAAA,EAElD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;AACvC,oBAAA,MAAM,OAAO,GAAG,CAAA,UAAA,EAAa,KAAK,EAAE;AACpC,oBAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,aAAA,EAEI,GAAG,UAAU,CAAA,aAAA,EAAgB,KAAK,CAAA,CAAE,EACjD,GAAG,EAAE,CAAC,EAAE,KAAI;AACV,4BAAA,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE;wBAC/B,CAAC,EACD,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAA,YAAA,EACZ,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,EAC3B,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAflB,OAAO,CAgBZ;AAEN,gBAAA,CAAC,CAAC,EAAA,CACE,EACL,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,KAC9BA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACe,CAAA,EAAG,UAAU,CAAA,UAAA,CAAY,EACtC,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,QAAQ,EACf,UAAU,CAAC,YAAY,EACvB,OAAO,IAAI,MAAM,CAAC,KAAK,CACxB,EAAA,QAAA,EAEA,QAAQ,GACJ,CACR,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -9,7 +9,6 @@ interface IInputFieldGroupProps {
|
|
|
9
9
|
hintText?: string;
|
|
10
10
|
isError?: boolean;
|
|
11
11
|
handleInputChange: (index: number) => (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
|
-
handleKeyDown?: (index: number) => (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
export type { IInputFieldGroupProps };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -51,7 +51,7 @@ declare const SystemDesign: {
|
|
|
51
51
|
Button: ({ onClick, children, style, className, isRounded, isIcon, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
52
52
|
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
53
53
|
InputField: React.ForwardRefExoticComponent<IInputFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
54
|
-
InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, isFocused, setIsFocused, hintText, isError, handleInputChange,
|
|
54
|
+
InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, isFocused, setIsFocused, hintText, isError, handleInputChange, }: IInputFieldGroupProps) => react_jsx_runtime.JSX.Element;
|
|
55
55
|
Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react_jsx_runtime.JSX.Element;
|
|
56
56
|
Loader: () => react_jsx_runtime.JSX.Element;
|
|
57
57
|
Modal: ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay, isContentScroll, footerButtons, }: IModalProps) => react_jsx_runtime.JSX.Element;
|