takeat-design-system-ui-kit 0.1.41 → 0.1.43
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/components/FormItens/Input/index.d.ts +1 -0
- package/dist/cjs/components/FormItens/Input/index.js +1 -1
- package/dist/cjs/components/FormItens/Input/index.js.map +1 -1
- package/dist/esm/components/FormItens/Input/index.d.ts +1 -0
- package/dist/esm/components/FormItens/Input/index.js +1 -1
- package/dist/esm/components/FormItens/Input/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,6 +12,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
12
12
|
isCurrency?: boolean;
|
|
13
13
|
hasPrefix?: boolean;
|
|
14
14
|
minimumFractionDigits?: number;
|
|
15
|
+
onChange?: (e: any) => void;
|
|
15
16
|
}
|
|
16
17
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
17
18
|
export {};
|
|
@@ -13,6 +13,6 @@ const react_number_format_1 = require("react-number-format");
|
|
|
13
13
|
const functions_1 = require("../../../utils/functions");
|
|
14
14
|
exports.Input = (0, react_1.forwardRef)(function Input({ label, info, error, isLoading, register, mask, maskChar = null, containerStyles, isCurrency, hasPrefix, minimumFractionDigits, ...props }, ref) {
|
|
15
15
|
const theme = (0, styled_components_1.useTheme)();
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { style: { ...containerStyles, width: props.style?.width }, children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasError: !!error, children: [isCurrency ? ((0, jsx_runtime_1.jsx)(react_number_format_1.NumberFormatBase, { format: (e) => (0, functions_1.currencyFormatter)(parseFloat(e), hasPrefix, minimumFractionDigits), ref: ref, ...props, value: props.value, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, ...register, onValueChange: (e) => props.onChange?.(e), type: "text" })) : mask ? ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, { mask: mask, maskChar: maskChar, inputRef: ref, ...props, disabled: isLoading || props.disabled, ...register })) : ((0, jsx_runtime_1.jsx)("input", { ref: ref, ...props, disabled: isLoading || props.disabled, ...register })), error && (0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" }), isLoading && ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { style: { ...containerStyles, width: props.style?.width }, children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasError: !!error, children: [isCurrency ? ((0, jsx_runtime_1.jsx)(react_number_format_1.NumberFormatBase, { format: (e) => (0, functions_1.currencyFormatter)(parseFloat(e), hasPrefix, minimumFractionDigits), ref: ref, ...props, value: props.value, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, ...register, onChange: undefined, onValueChange: (e) => props.onChange?.(e), type: "text" })) : mask ? ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, { mask: mask, maskChar: maskChar, inputRef: ref, ...props, disabled: isLoading || props.disabled, ...register })) : ((0, jsx_runtime_1.jsx)("input", { ref: ref, ...props, disabled: isLoading || props.disabled, ...register })), error && (0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" }), isLoading && ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
|
|
17
17
|
});
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA0C;AAC1C,qCAAwE;AAExE,gFAA8C;AAC9C,yDAA6C;AAC7C,2CAAwC;AACxC,uCAA8C;AAC9C,6DAAuD;AACvD,wDAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA0C;AAC1C,qCAAwE;AAExE,gFAA8C;AAC9C,yDAA6C;AAC7C,2CAAwC;AACxC,uCAA8C;AAC9C,6DAAuD;AACvD,wDAA6D;AAiBhD,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAC5C,EACE,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,eAAe,EACf,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,GAAG,KAAK,EACG,EACb,GAAgC;IAEhC,MAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,wBAAC,qBAAY,IAAC,KAAK,EAAE,EAAE,GAAG,eAAe,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,aACnE,KAAK,IAAI,4CAAQ,KAAK,GAAS,EAChC,wBAAC,uBAAc,IAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,aAC9B,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,sCAAgB,IACf,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CACZ,IAAA,6BAAiB,EAAC,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,EAEpE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,KAA2C,EACxD,YAAY,EACV,KAAK,CAAC,YAAkD,EAE1D,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,EACZ,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAQ,CAAC,EAChD,IAAI,EAAC,MAAM,GACX,CACH,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,uBAAC,0BAAc,IACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,KACT,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,CAAC,CAAC,CAAC,CACF,kCACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,EACA,KAAK,IAAI,uBAAC,uBAAe,IAAC,SAAS,EAAC,YAAY,GAAG,EACnD,SAAS,IAAI,CACZ,uBAAC,iBAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GACnD,CACH,IACc,EAEhB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CACpC,uBAAC,uBAAc,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,YACzD,KAAK,IAAI,IAAI,GACC,CAClB,IACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -12,6 +12,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
12
12
|
isCurrency?: boolean;
|
|
13
13
|
hasPrefix?: boolean;
|
|
14
14
|
minimumFractionDigits?: number;
|
|
15
|
+
onChange?: (e: any) => void;
|
|
15
16
|
}
|
|
16
17
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
17
18
|
export {};
|
|
@@ -9,6 +9,6 @@ import { NumberFormatBase } from "react-number-format";
|
|
|
9
9
|
import { currencyFormatter } from "../../../utils/functions";
|
|
10
10
|
export const Input = forwardRef(function Input({ label, info, error, isLoading, register, mask, maskChar = null, containerStyles, isCurrency, hasPrefix, minimumFractionDigits, ...props }, ref) {
|
|
11
11
|
const theme = useTheme();
|
|
12
|
-
return (_jsxs(InputWrapper, { style: { ...containerStyles, width: props.style?.width }, children: [label && _jsx("label", { children: label }), _jsxs(InputContainer, { hasError: !!error, children: [isCurrency ? (_jsx(NumberFormatBase, { format: (e) => currencyFormatter(parseFloat(e), hasPrefix, minimumFractionDigits), ref: ref, ...props, value: props.value, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, ...register, onValueChange: (e) => props.onChange?.(e), type: "text" })) : mask ? (_jsx(ReactInputMask, { mask: mask, maskChar: maskChar, inputRef: ref, ...props, disabled: isLoading || props.disabled, ...register })) : (_jsx("input", { ref: ref, ...props, disabled: isLoading || props.disabled, ...register })), error && _jsx(IconExclamation, { className: "error-icon" }), isLoading && (_jsx(Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && (_jsx(AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
|
|
12
|
+
return (_jsxs(InputWrapper, { style: { ...containerStyles, width: props.style?.width }, children: [label && _jsx("label", { children: label }), _jsxs(InputContainer, { hasError: !!error, children: [isCurrency ? (_jsx(NumberFormatBase, { format: (e) => currencyFormatter(parseFloat(e), hasPrefix, minimumFractionDigits), ref: ref, ...props, value: props.value, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, ...register, onChange: undefined, onValueChange: (e) => props.onChange?.(e), type: "text" })) : mask ? (_jsx(ReactInputMask, { mask: mask, maskChar: maskChar, inputRef: ref, ...props, disabled: isLoading || props.disabled, ...register })) : (_jsx("input", { ref: ref, ...props, disabled: isLoading || props.disabled, ...register })), error && _jsx(IconExclamation, { className: "error-icon" }), isLoading && (_jsx(Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && (_jsx(AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
|
|
13
13
|
});
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAiB7D,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,KAAK,CAC5C,EACE,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,eAAe,EACf,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,GAAG,KAAK,EACG,EACb,GAAgC;IAEhC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,EAAE,GAAG,eAAe,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,aACnE,KAAK,IAAI,0BAAQ,KAAK,GAAS,EAChC,MAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,aAC9B,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IACf,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CACZ,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,EAEpE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,KAA2C,EACxD,YAAY,EACV,KAAK,CAAC,YAAkD,EAE1D,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,EACZ,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAQ,CAAC,EAChD,IAAI,EAAC,MAAM,GACX,CACH,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,KACT,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,CAAC,CAAC,CAAC,CACF,gBACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,EACA,KAAK,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,YAAY,GAAG,EACnD,SAAS,IAAI,CACZ,KAAC,OAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GACnD,CACH,IACc,EAEhB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,YACzD,KAAK,IAAI,IAAI,GACC,CAClB,IACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|