@damarkuncoro/ui-library 0.0.1 → 0.0.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/lib/cjs/components/button/button-skin-native.d.ts.map +1 -1
- package/lib/cjs/components/button/button-skin-native.js +67 -4
- package/lib/cjs/components/button/button-skin-native.js.map +1 -1
- package/lib/cjs/components/button/button-skin-tailwind.js +2 -2
- package/lib/cjs/components/button/button-skin-tailwind.js.map +1 -1
- package/lib/cjs/components/button/index.d.ts +0 -1
- package/lib/cjs/components/button/index.d.ts.map +1 -1
- package/lib/cjs/components/button/index.js +1 -3
- package/lib/cjs/components/button/index.js.map +1 -1
- package/lib/cjs/components/input/index.d.ts +0 -1
- package/lib/cjs/components/input/index.d.ts.map +1 -1
- package/lib/cjs/components/input/index.js +1 -3
- package/lib/cjs/components/input/index.js.map +1 -1
- package/lib/cjs/components/input/input-base.d.ts +0 -4
- package/lib/cjs/components/input/input-base.d.ts.map +1 -1
- package/lib/cjs/components/input/input-base.js +3 -4
- package/lib/cjs/components/input/input-base.js.map +1 -1
- package/lib/cjs/components/input/input-contract.d.ts +12 -0
- package/lib/cjs/components/input/input-contract.d.ts.map +1 -1
- package/lib/cjs/components/input/input-contract.js +12 -0
- package/lib/cjs/components/input/input-contract.js.map +1 -1
- package/lib/cjs/components/input/input-skin-contract.d.ts +1 -0
- package/lib/cjs/components/input/input-skin-contract.d.ts.map +1 -1
- package/lib/cjs/components/input/input-skin-contract.js +1 -0
- package/lib/cjs/components/input/input-skin-contract.js.map +1 -1
- package/lib/cjs/components/input/input-skin-native.d.ts.map +1 -1
- package/lib/cjs/components/input/input-skin-native.js +64 -6
- package/lib/cjs/components/input/input-skin-native.js.map +1 -1
- package/lib/cjs/components/input/input-skin-tailwind.d.ts.map +1 -1
- package/lib/cjs/components/input/input-skin-tailwind.js +7 -7
- package/lib/cjs/components/input/input-skin-tailwind.js.map +1 -1
- package/lib/esm/components/button/button-skin-native.d.ts.map +1 -1
- package/lib/esm/components/button/button-skin-native.js +68 -5
- package/lib/esm/components/button/button-skin-native.js.map +1 -1
- package/lib/esm/components/button/button-skin-tailwind.js +3 -3
- package/lib/esm/components/button/button-skin-tailwind.js.map +1 -1
- package/lib/esm/components/button/index.d.ts +0 -1
- package/lib/esm/components/button/index.d.ts.map +1 -1
- package/lib/esm/components/button/index.js +0 -1
- package/lib/esm/components/button/index.js.map +1 -1
- package/lib/esm/components/input/index.d.ts +0 -1
- package/lib/esm/components/input/index.d.ts.map +1 -1
- package/lib/esm/components/input/index.js +0 -1
- package/lib/esm/components/input/index.js.map +1 -1
- package/lib/esm/components/input/input-base.d.ts +0 -4
- package/lib/esm/components/input/input-base.d.ts.map +1 -1
- package/lib/esm/components/input/input-base.js +3 -4
- package/lib/esm/components/input/input-base.js.map +1 -1
- package/lib/esm/components/input/input-contract.d.ts +12 -0
- package/lib/esm/components/input/input-contract.d.ts.map +1 -1
- package/lib/esm/components/input/input-contract.js +12 -0
- package/lib/esm/components/input/input-contract.js.map +1 -1
- package/lib/esm/components/input/input-skin-contract.d.ts +1 -0
- package/lib/esm/components/input/input-skin-contract.d.ts.map +1 -1
- package/lib/esm/components/input/input-skin-contract.js +1 -0
- package/lib/esm/components/input/input-skin-contract.js.map +1 -1
- package/lib/esm/components/input/input-skin-native.d.ts.map +1 -1
- package/lib/esm/components/input/input-skin-native.js +65 -7
- package/lib/esm/components/input/input-skin-native.js.map +1 -1
- package/lib/esm/components/input/input-skin-tailwind.d.ts.map +1 -1
- package/lib/esm/components/input/input-skin-tailwind.js +8 -8
- package/lib/esm/components/input/input-skin-tailwind.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
2
|
+
import { forwardRef, useState, useMemo } from 'react';
|
|
3
3
|
import { ButtonBase } from './button-base';
|
|
4
4
|
import { buttonSkinContractDef } from './button-skin-contract';
|
|
5
5
|
const baseStyles = buttonSkinContractDef.base;
|
|
@@ -27,6 +27,45 @@ const variantStyles = {
|
|
|
27
27
|
color: buttonSkinContractDef.variants.danger.color,
|
|
28
28
|
},
|
|
29
29
|
};
|
|
30
|
+
const hoverStyles = {
|
|
31
|
+
primary: {
|
|
32
|
+
backgroundColor: buttonSkinContractDef.variants.primary.hover.backgroundColor,
|
|
33
|
+
},
|
|
34
|
+
secondary: {
|
|
35
|
+
backgroundColor: buttonSkinContractDef.variants.secondary.hover.backgroundColor,
|
|
36
|
+
},
|
|
37
|
+
outline: {
|
|
38
|
+
backgroundColor: buttonSkinContractDef.variants.outline.hover.backgroundColor,
|
|
39
|
+
},
|
|
40
|
+
ghost: {
|
|
41
|
+
backgroundColor: buttonSkinContractDef.variants.ghost.hover.backgroundColor,
|
|
42
|
+
},
|
|
43
|
+
danger: {
|
|
44
|
+
backgroundColor: buttonSkinContractDef.variants.danger.hover.backgroundColor,
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
const focusStyles = {
|
|
48
|
+
primary: {
|
|
49
|
+
outline: buttonSkinContractDef.variants.primary.focus.outline,
|
|
50
|
+
outlineOffset: buttonSkinContractDef.variants.primary.focus.outlineOffset,
|
|
51
|
+
},
|
|
52
|
+
secondary: {
|
|
53
|
+
outline: buttonSkinContractDef.variants.secondary.focus.outline,
|
|
54
|
+
outlineOffset: buttonSkinContractDef.variants.secondary.focus.outlineOffset,
|
|
55
|
+
},
|
|
56
|
+
outline: {
|
|
57
|
+
outline: buttonSkinContractDef.variants.outline.focus.outline,
|
|
58
|
+
outlineOffset: buttonSkinContractDef.variants.outline.focus.outlineOffset,
|
|
59
|
+
},
|
|
60
|
+
ghost: {
|
|
61
|
+
outline: buttonSkinContractDef.variants.ghost.focus.outline,
|
|
62
|
+
outlineOffset: buttonSkinContractDef.variants.ghost.focus.outlineOffset,
|
|
63
|
+
},
|
|
64
|
+
danger: {
|
|
65
|
+
outline: buttonSkinContractDef.variants.danger.focus.outline,
|
|
66
|
+
outlineOffset: buttonSkinContractDef.variants.danger.focus.outlineOffset,
|
|
67
|
+
},
|
|
68
|
+
};
|
|
30
69
|
const sizeStyles = {
|
|
31
70
|
sm: {
|
|
32
71
|
height: buttonSkinContractDef.sizes.sm.height,
|
|
@@ -44,16 +83,40 @@ const sizeStyles = {
|
|
|
44
83
|
fontSize: buttonSkinContractDef.sizes.lg.fontSize,
|
|
45
84
|
},
|
|
46
85
|
};
|
|
47
|
-
export const ButtonNative = forwardRef(({ variant = 'primary', size = 'md', disabled, isLoading, style, ...props }, ref) => {
|
|
86
|
+
export const ButtonNative = forwardRef(({ variant = 'primary', size = 'md', disabled, isLoading, style, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }, ref) => {
|
|
87
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
88
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
48
89
|
const isDisabled = disabled || isLoading;
|
|
49
|
-
const
|
|
90
|
+
const handleMouseEnter = (e) => {
|
|
91
|
+
if (!isDisabled) {
|
|
92
|
+
setIsHovered(true);
|
|
93
|
+
}
|
|
94
|
+
onMouseEnter?.(e);
|
|
95
|
+
};
|
|
96
|
+
const handleMouseLeave = (e) => {
|
|
97
|
+
setIsHovered(false);
|
|
98
|
+
onMouseLeave?.(e);
|
|
99
|
+
};
|
|
100
|
+
const handleFocus = (e) => {
|
|
101
|
+
if (!isDisabled) {
|
|
102
|
+
setIsFocused(true);
|
|
103
|
+
}
|
|
104
|
+
onFocus?.(e);
|
|
105
|
+
};
|
|
106
|
+
const handleBlur = (e) => {
|
|
107
|
+
setIsFocused(false);
|
|
108
|
+
onBlur?.(e);
|
|
109
|
+
};
|
|
110
|
+
const combinedStyle = useMemo(() => ({
|
|
50
111
|
...baseStyles,
|
|
51
112
|
...(variantStyles[variant] || variantStyles.primary),
|
|
52
113
|
...(sizeStyles[size] || sizeStyles.md),
|
|
114
|
+
...(isHovered && !isDisabled ? hoverStyles[variant] || hoverStyles.primary : {}),
|
|
115
|
+
...(isFocused && !isDisabled ? focusStyles[variant] || focusStyles.primary : {}),
|
|
53
116
|
...(isDisabled ? disabledStyles : {}),
|
|
54
117
|
...style,
|
|
55
|
-
};
|
|
56
|
-
return (_jsx(ButtonBase, { ref: ref, style: combinedStyle, variant: variant, size: size, disabled: disabled, isLoading: isLoading, ...props }));
|
|
118
|
+
}), [variant, size, isHovered, isFocused, isDisabled, style]);
|
|
119
|
+
return (_jsx(ButtonBase, { ref: ref, style: combinedStyle, variant: variant, size: size, disabled: disabled, isLoading: isLoading, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, ...props }));
|
|
57
120
|
});
|
|
58
121
|
ButtonNative.displayName = 'ButtonNative';
|
|
59
122
|
//# sourceMappingURL=button-skin-native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-skin-native.js","sourceRoot":"","sources":["../../../../src/components/button/button-skin-native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"button-skin-native.js","sourceRoot":"","sources":["../../../../src/components/button/button-skin-native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
2
|
+
import { forwardRef, useMemo } from 'react';
|
|
3
3
|
import { ButtonBase } from './button-base';
|
|
4
4
|
import { buttonSkinContractDef } from './button-skin-contract';
|
|
5
5
|
import { tokens } from '../../theme/design-tokens';
|
|
@@ -31,12 +31,12 @@ const childClasses = [
|
|
|
31
31
|
].join(' ');
|
|
32
32
|
const baseClasses = `${layoutClasses} ${stateClasses} ${childClasses}`;
|
|
33
33
|
export const ButtonTailwind = forwardRef(({ variant = 'primary', size = 'md', className = '', ...props }, ref) => {
|
|
34
|
-
const combinedClassName = [
|
|
34
|
+
const combinedClassName = useMemo(() => [
|
|
35
35
|
baseClasses,
|
|
36
36
|
variantClasses[variant],
|
|
37
37
|
sizeClasses[size],
|
|
38
38
|
className
|
|
39
|
-
].filter(Boolean).join(' ');
|
|
39
|
+
].filter(Boolean).join(' '), [variant, size, className]);
|
|
40
40
|
return (_jsx(ButtonBase, { ref: ref, className: combinedClassName, variant: variant, size: size, ...props }));
|
|
41
41
|
});
|
|
42
42
|
ButtonTailwind.displayName = 'ButtonTailwind';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-skin-tailwind.js","sourceRoot":"","sources":["../../../../src/components/button/button-skin-tailwind.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"button-skin-tailwind.js","sourceRoot":"","sources":["../../../../src/components/button/button-skin-tailwind.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@ export * from './button-contract';
|
|
|
2
2
|
export * from './button-skin-contract';
|
|
3
3
|
export * from './button-base';
|
|
4
4
|
export { ButtonTailwind as Button } from './button-skin-tailwind';
|
|
5
|
-
export { ButtonTailwind } from './button-skin-tailwind';
|
|
6
5
|
export { ButtonNative } from './button-skin-native';
|
|
7
6
|
export * from './button-examples';
|
|
8
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,cAAc,mBAAmB,CAAC"}
|
|
@@ -2,7 +2,6 @@ export * from './button-contract';
|
|
|
2
2
|
export * from './button-skin-contract';
|
|
3
3
|
export * from './button-base';
|
|
4
4
|
export { ButtonTailwind as Button } from './button-skin-tailwind';
|
|
5
|
-
export { ButtonTailwind } from './button-skin-tailwind';
|
|
6
5
|
export { ButtonNative } from './button-skin-native';
|
|
7
6
|
export * from './button-examples';
|
|
8
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,cAAc,mBAAmB,CAAC"}
|
|
@@ -3,6 +3,5 @@ export * from './input-skin-contract';
|
|
|
3
3
|
export * from './input-base';
|
|
4
4
|
export { InputTailwind as Input } from './input-skin-tailwind';
|
|
5
5
|
export { InputNative } from './input-skin-native';
|
|
6
|
-
export { InputTailwind } from './input-skin-tailwind';
|
|
7
6
|
export * from './input-examples';
|
|
8
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,cAAc,kBAAkB,CAAC"}
|
|
@@ -3,6 +3,5 @@ export * from './input-skin-contract';
|
|
|
3
3
|
export * from './input-base';
|
|
4
4
|
export { InputTailwind as Input } from './input-skin-tailwind';
|
|
5
5
|
export { InputNative } from './input-skin-native';
|
|
6
|
-
export { InputTailwind } from './input-skin-tailwind';
|
|
7
6
|
export * from './input-examples';
|
|
8
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { InputContract } from './input-contract';
|
|
2
2
|
export interface InputBaseProps extends InputContract {
|
|
3
|
-
inputClassName?: string;
|
|
4
|
-
wrapperStyle?: React.CSSProperties;
|
|
5
|
-
isDisabled?: boolean;
|
|
6
|
-
isReadOnly?: boolean;
|
|
7
3
|
}
|
|
8
4
|
export declare const InputBase: import("react").ForwardRefExoticComponent<InputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
5
|
//# sourceMappingURL=input-base.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-base.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-base.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"input-base.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-base.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,WAAW,cAAe,SAAQ,aAAa;CAAG;AAExD,eAAO,MAAM,SAAS,6GAiErB,CAAC"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const readOnly = isReadOnly || _readOnly;
|
|
3
|
+
import { inputSkinContractDef } from './input-skin-contract';
|
|
4
|
+
export const InputBase = forwardRef(({ className = '', inputClassName = '', wrapperStyle, variant = 'outline', size = 'md', isInvalid = false, disabled = false, readOnly = false, leftIcon, rightIcon, ...props }, ref) => {
|
|
6
5
|
const handleKeyDown = (event) => {
|
|
7
6
|
if (disabled || readOnly)
|
|
8
7
|
return;
|
|
9
8
|
props.onKeyDown?.(event);
|
|
10
9
|
};
|
|
11
|
-
return (_jsxs("div", { className: `input-wrapper ${className}`, style: wrapperStyle, "data-variant": variant, "data-size": size, children: [leftIcon && _jsx("div", { className: "input-icon-left", "aria-hidden":
|
|
10
|
+
return (_jsxs("div", { className: `input-wrapper ${className}`, style: wrapperStyle, "data-variant": variant, "data-size": size, children: [leftIcon && (_jsx("div", { className: "input-icon-left", "aria-hidden": inputSkinContractDef.icons.ariaHidden, children: leftIcon })), _jsx("input", { ref: ref, className: `input-element ${inputClassName}`, disabled: disabled, readOnly: readOnly, "aria-invalid": isInvalid, "aria-disabled": disabled, "aria-readonly": readOnly, onKeyDown: handleKeyDown, ...props }), rightIcon && (_jsx("div", { className: "input-icon-right", "aria-hidden": inputSkinContractDef.icons.ariaHidden, children: rightIcon }))] }));
|
|
12
11
|
});
|
|
13
12
|
InputBase.displayName = 'InputBase';
|
|
14
13
|
//# sourceMappingURL=input-base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../../src/components/input/input-base.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../../src/components/input/input-base.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAI7D,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,YAAY,EACZ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IAGF,MAAM,aAAa,GAAG,CAAC,KAA4C,EAAE,EAAE;QACrE,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QAGjC,KAAK,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,SAAS,EAAE,EACvC,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,aAEd,QAAQ,IAAI,CACX,cACE,SAAS,EAAC,iBAAiB,iBACd,oBAAoB,CAAC,KAAK,CAAC,UAAU,YAEjD,QAAQ,GACL,CACP,EAED,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,cAAc,EAAE,EAC5C,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,SAAS,mBACR,QAAQ,mBACR,QAAQ,EACvB,SAAS,EAAE,aAAa,KACpB,KAAK,GACT,EAED,SAAS,IAAI,CACZ,cACE,SAAS,EAAC,kBAAkB,iBACf,oBAAoB,CAAC,KAAK,CAAC,UAAU,YAEjD,SAAS,GACN,CACP,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -21,6 +21,16 @@ export declare const inputContractDef: {
|
|
|
21
21
|
readonly type: "boolean";
|
|
22
22
|
readonly defaultValue: false;
|
|
23
23
|
readonly description: "Whether the input is invalid";
|
|
24
|
+
}, {
|
|
25
|
+
readonly name: "inputClassName";
|
|
26
|
+
readonly type: "string";
|
|
27
|
+
readonly defaultValue: "";
|
|
28
|
+
readonly description: "Custom class name for input element styling";
|
|
29
|
+
}, {
|
|
30
|
+
readonly name: "wrapperStyle";
|
|
31
|
+
readonly type: "object";
|
|
32
|
+
readonly defaultValue: null;
|
|
33
|
+
readonly description: "Custom inline styles for wrapper element";
|
|
24
34
|
}];
|
|
25
35
|
};
|
|
26
36
|
type ExtractValues<T, Name> = T extends ReadonlyArray<infer U> ? U extends {
|
|
@@ -35,6 +45,8 @@ export interface InputContract extends Omit<React.InputHTMLAttributes<HTMLInputE
|
|
|
35
45
|
isInvalid?: boolean;
|
|
36
46
|
leftIcon?: ReactNode;
|
|
37
47
|
rightIcon?: ReactNode;
|
|
48
|
+
inputClassName?: string;
|
|
49
|
+
wrapperStyle?: React.CSSProperties;
|
|
38
50
|
}
|
|
39
51
|
export {};
|
|
40
52
|
//# sourceMappingURL=input-contract.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-contract.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-contract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"input-contract.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-contract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCnB,CAAC;AAIX,KAAK,aAAa,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAC1D,CAAC,SAAS;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;CAAE,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC;AAEjF,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,OAAO,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtF,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAIhF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC"}
|
|
@@ -23,6 +23,18 @@ export const inputContractDef = {
|
|
|
23
23
|
type: "boolean",
|
|
24
24
|
defaultValue: false,
|
|
25
25
|
description: "Whether the input is invalid"
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
name: "inputClassName",
|
|
29
|
+
type: "string",
|
|
30
|
+
defaultValue: "",
|
|
31
|
+
description: "Custom class name for input element styling"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: "wrapperStyle",
|
|
35
|
+
type: "object",
|
|
36
|
+
defaultValue: null,
|
|
37
|
+
description: "Custom inline styles for wrapper element"
|
|
26
38
|
}
|
|
27
39
|
]
|
|
28
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-contract.js","sourceRoot":"","sources":["../../../../src/components/input/input-contract.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,EAAE,EAAE,mBAAmB;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,cAAc;IACxB,WAAW,EAAE,4DAA4D;IACzE,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACxC,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,2BAA2B;SACzC;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC1B,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,mBAAmB;SACjC;QACD;YACE,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,8BAA8B;SAC5C;KACF;CACO,CAAC"}
|
|
1
|
+
{"version":3,"file":"input-contract.js","sourceRoot":"","sources":["../../../../src/components/input/input-contract.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,EAAE,EAAE,mBAAmB;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,cAAc;IACxB,WAAW,EAAE,4DAA4D;IACzE,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACxC,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,2BAA2B;SACzC;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC1B,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,mBAAmB;SACjC;QACD;YACE,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,8BAA8B;SAC5C;QACD;YACE,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,6CAA6C;SAC3D;QACD;YACE,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,0CAA0C;SACxD;KACF;CACO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-skin-contract.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-contract.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB
|
|
1
|
+
{"version":3,"file":"input-skin-contract.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-contract.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-skin-contract.js","sourceRoot":"","sources":["../../../../src/components/input/input-skin-contract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAKnD,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,wBAAwB;IAC5B,IAAI,EAAE,YAAY;IAGlB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;YAC1C,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;YACzC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;YACjC,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa;YACrD,KAAK,EAAE;gBACL,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;aACxC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;gBACvC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;aACtC;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;gBACtC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;aACrC;SACF;QACD,MAAM,EAAE;YACN,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI;YAC7C,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;YACtC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;YACjC,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa;YACrD,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK;aAC/C;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;gBAC1C,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;gBACvC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;aACtC;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;gBACtC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;aACrC;SACF;QACD,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;YAC1C,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;YACtC,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;YAC/C,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;YACjC,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa;YACrD,KAAK,EAAE;gBACL,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;aAC9C;YACD,KAAK,EAAE;gBACL,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;gBAC7C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;aACrC;YACD,OAAO,EAAE;gBACP,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;gBAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;aACrC;SACF;KACF;IAGD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa;
|
|
1
|
+
{"version":3,"file":"input-skin-contract.js","sourceRoot":"","sources":["../../../../src/components/input/input-skin-contract.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-skin-native.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"input-skin-native.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAiGzD,eAAO,MAAM,WAAW,6GA4FvB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
2
|
+
import { forwardRef, useState, useMemo } from 'react';
|
|
3
3
|
import { InputBase } from './input-base';
|
|
4
4
|
import { inputSkinContractDef } from './input-skin-contract';
|
|
5
5
|
const { variants, sizes, base, disabled, icons } = inputSkinContractDef;
|
|
@@ -23,6 +23,40 @@ const variantStyles = {
|
|
|
23
23
|
color: variants.flushed.color,
|
|
24
24
|
},
|
|
25
25
|
};
|
|
26
|
+
const hoverStyles = {
|
|
27
|
+
outline: {
|
|
28
|
+
borderColor: variants.outline.hover.borderColor,
|
|
29
|
+
},
|
|
30
|
+
filled: {
|
|
31
|
+
backgroundColor: variants.filled.hover.backgroundColor,
|
|
32
|
+
},
|
|
33
|
+
flushed: {
|
|
34
|
+
borderBottomColor: variants.flushed.hover.borderBottomColor,
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
const focusStyles = {
|
|
38
|
+
outline: {
|
|
39
|
+
borderColor: variants.outline.focus.borderColor,
|
|
40
|
+
},
|
|
41
|
+
filled: {
|
|
42
|
+
backgroundColor: variants.filled.focus.backgroundColor,
|
|
43
|
+
borderColor: variants.filled.focus.borderColor,
|
|
44
|
+
},
|
|
45
|
+
flushed: {
|
|
46
|
+
borderBottomColor: variants.flushed.focus.borderBottomColor,
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
const invalidStyles = {
|
|
50
|
+
outline: {
|
|
51
|
+
borderColor: variants.outline.invalid.borderColor,
|
|
52
|
+
},
|
|
53
|
+
filled: {
|
|
54
|
+
borderColor: variants.filled.invalid.borderColor,
|
|
55
|
+
},
|
|
56
|
+
flushed: {
|
|
57
|
+
borderBottomColor: variants.flushed.invalid.borderBottomColor,
|
|
58
|
+
},
|
|
59
|
+
};
|
|
26
60
|
const sizeStyles = {
|
|
27
61
|
sm: {
|
|
28
62
|
height: sizes.sm.height,
|
|
@@ -46,20 +80,44 @@ const wrapperStyles = {
|
|
|
46
80
|
alignItems: 'center',
|
|
47
81
|
width: '100%',
|
|
48
82
|
};
|
|
49
|
-
export const InputNative = forwardRef(({ variant = 'outline', size = 'md', isInvalid = false,
|
|
50
|
-
const
|
|
83
|
+
export const InputNative = forwardRef(({ variant = 'outline', size = 'md', isInvalid = false, disabled = false, readOnly = false, leftIcon, rightIcon, className = '', inputClassName = '', style, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }, ref) => {
|
|
84
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
85
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
86
|
+
const handleMouseEnter = (e) => {
|
|
87
|
+
if (!disabled && !readOnly) {
|
|
88
|
+
setIsHovered(true);
|
|
89
|
+
}
|
|
90
|
+
onMouseEnter?.(e);
|
|
91
|
+
};
|
|
92
|
+
const handleMouseLeave = (e) => {
|
|
93
|
+
setIsHovered(false);
|
|
94
|
+
onMouseLeave?.(e);
|
|
95
|
+
};
|
|
96
|
+
const handleFocus = (e) => {
|
|
97
|
+
if (!disabled && !readOnly) {
|
|
98
|
+
setIsFocused(true);
|
|
99
|
+
}
|
|
100
|
+
onFocus?.(e);
|
|
101
|
+
};
|
|
102
|
+
const handleBlur = (e) => {
|
|
103
|
+
setIsFocused(false);
|
|
104
|
+
onBlur?.(e);
|
|
105
|
+
};
|
|
51
106
|
const iconPaddingLeft = leftIcon ? icons.padding : undefined;
|
|
52
107
|
const iconPaddingRight = rightIcon ? icons.padding : undefined;
|
|
53
|
-
const combinedStyle = {
|
|
108
|
+
const combinedStyle = useMemo(() => ({
|
|
54
109
|
...baseStyles,
|
|
55
110
|
...(variantStyles[variant] || variantStyles.outline),
|
|
56
111
|
...(sizeStyles[size] || sizeStyles.md),
|
|
57
|
-
...(
|
|
112
|
+
...(isHovered && !disabled && !readOnly ? hoverStyles[variant] || hoverStyles.outline : {}),
|
|
113
|
+
...(isFocused && !disabled && !readOnly ? focusStyles[variant] || focusStyles.outline : {}),
|
|
114
|
+
...(isInvalid ? invalidStyles[variant] || invalidStyles.outline : {}),
|
|
115
|
+
...(disabled ? disabledStyles : {}),
|
|
58
116
|
paddingLeft: iconPaddingLeft,
|
|
59
117
|
paddingRight: iconPaddingRight,
|
|
60
118
|
...style,
|
|
61
|
-
};
|
|
62
|
-
return (_jsx(InputBase, { ref: ref, style: combinedStyle, wrapperStyle: wrapperStyles, variant: variant, size: size, isInvalid: isInvalid,
|
|
119
|
+
}), [variant, size, isHovered, isFocused, isInvalid, disabled, readOnly, iconPaddingLeft, iconPaddingRight, style]);
|
|
120
|
+
return (_jsx(InputBase, { ref: ref, style: combinedStyle, wrapperStyle: wrapperStyles, variant: variant, size: size, isInvalid: isInvalid, disabled: disabled, readOnly: readOnly, leftIcon: leftIcon, rightIcon: rightIcon, className: className, inputClassName: inputClassName, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, ...props }));
|
|
63
121
|
});
|
|
64
122
|
InputNative.displayName = 'InputNative';
|
|
65
123
|
//# sourceMappingURL=input-skin-native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-skin-native.js","sourceRoot":"","sources":["../../../../src/components/input/input-skin-native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"input-skin-native.js","sourceRoot":"","sources":["../../../../src/components/input/input-skin-native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-skin-tailwind.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-tailwind.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAQzD,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAQF,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"input-skin-tailwind.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-tailwind.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAQzD,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAQF,eAAO,MAAM,aAAa,6GAwDzB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
2
|
+
import { forwardRef, useMemo } from 'react';
|
|
3
3
|
import { InputBase } from './input-base';
|
|
4
4
|
import { inputSkinContractDef } from './input-skin-contract';
|
|
5
5
|
import { tokens } from '../../theme/design-tokens';
|
|
@@ -21,25 +21,25 @@ export const sizeClasses = {
|
|
|
21
21
|
};
|
|
22
22
|
const wrapperBase = 'relative inline-flex items-center w-full';
|
|
23
23
|
const inputBase = `w-full min-w-0 outline-none [transition:${base.transition.replace(/ /g, '_')}] rounded-[${base.borderRadius}] disabled:opacity-[${disabled.opacity}] disabled:cursor-[${disabled.cursor}] disabled:bg-[${disabled.backgroundColor}]`;
|
|
24
|
-
export const InputTailwind = forwardRef(({ variant = 'outline', size = 'md', isInvalid = false, disabled = false, readOnly = false, className = '', inputClassName = '', ...props }, ref) => {
|
|
24
|
+
export const InputTailwind = forwardRef(({ variant = 'outline', size = 'md', isInvalid = false, disabled = false, readOnly = false, className = '', inputClassName = '', leftIcon, rightIcon, ...props }, ref) => {
|
|
25
25
|
const variantClass = variantClasses[variant] || variantClasses.outline;
|
|
26
26
|
const invalidClass = isInvalid ? (errorClasses[variant] || errorClasses.outline) : '';
|
|
27
27
|
const sizeClass = sizeClasses[size] || sizeClasses.md;
|
|
28
|
-
const finalInputClasses = [
|
|
28
|
+
const finalInputClasses = useMemo(() => [
|
|
29
29
|
inputBase,
|
|
30
30
|
variantClass,
|
|
31
31
|
invalidClass,
|
|
32
32
|
sizeClass,
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
leftIcon ? `pl-[${icons.padding}]` : '',
|
|
34
|
+
rightIcon ? `pr-[${icons.padding}]` : '',
|
|
35
35
|
inputClassName
|
|
36
|
-
].filter(Boolean).join(' ');
|
|
37
|
-
const finalWrapperClasses = [
|
|
36
|
+
].filter(Boolean).join(' '), [variantClass, invalidClass, sizeClass, leftIcon, rightIcon, inputClassName]);
|
|
37
|
+
const finalWrapperClasses = useMemo(() => [
|
|
38
38
|
wrapperBase,
|
|
39
39
|
className,
|
|
40
40
|
`[&_.input-icon-left]:absolute [&_.input-icon-left]:left-[${icons.position}] [&_.input-icon-left]:z-10 [&_.input-icon-left]:text-[${icons.color}] [&_.input-icon-left]:aria-hidden=true`,
|
|
41
41
|
`[&_.input-icon-right]:absolute [&_.input-icon-right]:right-[${icons.position}] [&_.input-icon-right]:z-10 [&_.input-icon-right]:text-[${icons.color}] [&_.input-icon-right]:aria-hidden=true`,
|
|
42
|
-
].filter(Boolean).join(' ');
|
|
42
|
+
].filter(Boolean).join(' '), [className]);
|
|
43
43
|
return (_jsx(InputBase, { ref: ref, className: finalWrapperClasses, inputClassName: finalInputClasses, variant: variant, size: size, isInvalid: isInvalid, ...props }));
|
|
44
44
|
});
|
|
45
45
|
InputTailwind.displayName = 'InputTailwind';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-skin-tailwind.js","sourceRoot":"","sources":["../../../../src/components/input/input-skin-tailwind.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"input-skin-tailwind.js","sourceRoot":"","sources":["../../../../src/components/input/input-skin-tailwind.tsx"],"names":[],"mappings":"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"}
|