@proprioo/salatim 23.2.1 → 23.3.0
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/CHANGELOG.md +4 -0
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/ui/src/input/Input.d.ts +11 -9
- package/lib/ui/src/input/Input.js +11 -2
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.d.ts +16 -14
- package/lib/ui/src/inputBase/InputBase.js +12 -2
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/utils/src/props.d.ts +2 -2
- package/package.json +1 -1
|
@@ -16,23 +16,25 @@ export interface CustomInputEvent {
|
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
18
|
export interface InputProps {
|
|
19
|
-
id: string;
|
|
20
19
|
disabled: boolean;
|
|
21
20
|
focused: boolean;
|
|
21
|
+
id: string;
|
|
22
22
|
type: InputType;
|
|
23
|
-
|
|
24
|
-
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
23
|
+
dataTest?: string;
|
|
25
24
|
gmap?: GMapProps;
|
|
25
|
+
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
26
|
+
max?: number;
|
|
27
|
+
maxLength?: number;
|
|
28
|
+
min?: number;
|
|
29
|
+
minLength?: number;
|
|
26
30
|
name?: string;
|
|
27
|
-
|
|
31
|
+
phoneWithFlags?: boolean;
|
|
28
32
|
required?: boolean;
|
|
29
|
-
min?: number;
|
|
30
|
-
max?: number;
|
|
31
33
|
style?: CSSProperties;
|
|
32
|
-
|
|
33
|
-
handleFocus(): void;
|
|
34
|
+
value?: nullOrString;
|
|
34
35
|
handleBlur(): void;
|
|
35
|
-
|
|
36
|
+
handleFocus(): void;
|
|
37
|
+
handleOnChange(event: ChangeEvent<HTMLInputElement> | CustomInputEvent): void;
|
|
36
38
|
}
|
|
37
39
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
38
40
|
export default Input;
|
|
@@ -31,10 +31,19 @@ var InputType;
|
|
|
31
31
|
InputType["TEXT"] = "text";
|
|
32
32
|
})(InputType = exports.InputType || (exports.InputType = {}));
|
|
33
33
|
const Input = (0, react_1.forwardRef)((props, ref) => {
|
|
34
|
-
const {
|
|
34
|
+
const { dataTest, disabled, focused, gmap, id, inputElement, max, maxLength, min, minLength, name, required = false, style, type, value, handleBlur, handleFocus, handleOnChange } = props;
|
|
35
35
|
return (react_1.default.createElement(react_1.Fragment, null, inputElement ? (
|
|
36
36
|
// tslint:disable-next-line: no-any
|
|
37
|
-
(0, react_1.createElement)(inputElement, Object.assign({}, props))) : (react_1.default.createElement(Input_styles_1.InputLayout, Object.assign({
|
|
37
|
+
(0, react_1.createElement)(inputElement, Object.assign({}, props))) : (react_1.default.createElement(Input_styles_1.InputLayout, Object.assign({ autoComplete: 'off', "data-test": dataTest || `input-${type}`, value: value === null ? '' : value }, Object.assign(Object.assign({ disabled,
|
|
38
|
+
id,
|
|
39
|
+
max,
|
|
40
|
+
maxLength,
|
|
41
|
+
min,
|
|
42
|
+
minLength,
|
|
43
|
+
name,
|
|
44
|
+
ref,
|
|
45
|
+
required,
|
|
46
|
+
type }, gmap), (focused && { style })), { onBlur: handleBlur, onChange: (event) => handleOnChange(event), onFocus: handleFocus })))));
|
|
38
47
|
});
|
|
39
48
|
exports.default = Input;
|
|
40
49
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AAMf,iDAA6C;AAE7C,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;IACrB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EANW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAMpB;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AAMf,iDAA6C;AAE7C,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;IACrB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EANW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAMpB;AAiCD,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,GAAG,EACH,SAAS,EACT,GAAG,EACH,SAAS,EACT,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,8BAAC,gBAAQ,QACN,YAAY,CAAC,CAAC,CAAC;IACd,mCAAmC;IACnC,IAAA,qBAAa,EAAC,YAAmB,oBAAO,KAAK,EAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAW,kBACV,YAAY,EAAE,KAAK,eACR,QAAQ,IAAI,SAAS,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,kCAEhC,QAAQ;QACR,EAAE;QACF,GAAG;QACH,SAAS;QACT,GAAG;QACH,SAAS;QACT,IAAI;QACJ,GAAG;QACH,QAAQ;QACR,IAAI,IACD,IAAI,GACJ,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,CAAC,KAE3B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,CAAC,KAAoC,EAAE,EAAE,CACjD,cAAc,CAAC,KAAK,CAAC,EAEvB,OAAO,EAAE,WAAW,IACpB,CACH,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,KAAK,CAAC"}
|
|
@@ -6,13 +6,12 @@ import { OptionProps } from '../option/Option';
|
|
|
6
6
|
import { InputColors } from './InputBaseEnum';
|
|
7
7
|
export declare const ZINDEX_OPEN = 10;
|
|
8
8
|
export interface GMapProps {
|
|
9
|
-
|
|
10
|
-
role: 'combobox';
|
|
9
|
+
'aria-activedescendant': string | undefined;
|
|
11
10
|
'aria-autocomplete': 'list';
|
|
12
11
|
'aria-expanded': boolean;
|
|
13
|
-
'
|
|
12
|
+
autoComplete: 'off';
|
|
14
13
|
disabled: boolean;
|
|
15
|
-
|
|
14
|
+
role: 'combobox';
|
|
16
15
|
value: string | undefined;
|
|
17
16
|
onBlur: React.FocusEventHandler;
|
|
18
17
|
onChange(event: {
|
|
@@ -20,26 +19,29 @@ export interface GMapProps {
|
|
|
20
19
|
value: string;
|
|
21
20
|
};
|
|
22
21
|
}): void;
|
|
22
|
+
onKeyDown: React.KeyboardEventHandler;
|
|
23
23
|
}
|
|
24
24
|
export interface InputBaseProps extends GenericInputProps {
|
|
25
|
-
value?: nullOrString;
|
|
26
25
|
displayField?: ReactElement;
|
|
27
|
-
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
28
26
|
field?: ReactElement;
|
|
29
|
-
type?: InputType;
|
|
30
|
-
options?: OptionProps[];
|
|
31
27
|
gmap?: GMapProps;
|
|
32
|
-
name?: string;
|
|
33
|
-
min?: number;
|
|
34
|
-
max?: number;
|
|
35
|
-
suffix?: string;
|
|
36
28
|
id?: string;
|
|
29
|
+
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
30
|
+
max?: number;
|
|
31
|
+
maxLength?: number;
|
|
32
|
+
min?: number;
|
|
33
|
+
minLength?: number;
|
|
34
|
+
name?: string;
|
|
35
|
+
options?: OptionProps[];
|
|
36
|
+
outline?: InputColors;
|
|
37
|
+
phoneWithFlags?: boolean;
|
|
37
38
|
selectOnFocus?: boolean;
|
|
39
|
+
suffix?: string;
|
|
40
|
+
type?: InputType;
|
|
41
|
+
value?: nullOrString;
|
|
38
42
|
onBlur?(): void;
|
|
39
43
|
onChange?(value: string): void;
|
|
40
44
|
onFocus?(): void;
|
|
41
|
-
phoneWithFlags?: boolean;
|
|
42
|
-
outline?: InputColors;
|
|
43
45
|
}
|
|
44
46
|
declare const InputBase: FC<InputBaseProps>;
|
|
45
47
|
export default InputBase;
|
|
@@ -30,7 +30,7 @@ const Alert_1 = __importDefault(require("../icons/Alert"));
|
|
|
30
30
|
const Input_1 = __importStar(require("../input/Input"));
|
|
31
31
|
const InputBase_styles_1 = require("./InputBase.styles");
|
|
32
32
|
exports.ZINDEX_OPEN = 10;
|
|
33
|
-
const InputBase = ({
|
|
33
|
+
const InputBase = ({ dataTest, disabled, displayField, error, field, focused: initialFocused = false, gmap, label, id, inputElement, max, maxLength, min, minLength, name, outline, phoneWithFlags = false, required, selectOnFocus, suffix, type = Input_1.InputType.TEXT, value, zIndex, onBlur, onChange, onFocus }) => {
|
|
34
34
|
var _a;
|
|
35
35
|
const inputRef = (0, react_1.useRef)(null);
|
|
36
36
|
const htmlId = (0, react_1.useMemo)(() => id || `input-${(0, react_id_generator_1.default)()}`, []);
|
|
@@ -68,12 +68,22 @@ const InputBase = ({ disabled, id, inputElement, displayField, error, label, typ
|
|
|
68
68
|
handleOnChange,
|
|
69
69
|
name, gmap: Object.assign(Object.assign({}, gmap), { onBlur: (0, hokkaido_1.compose)(gmap && gmap.onBlur, handleBlur) }), min,
|
|
70
70
|
max,
|
|
71
|
+
minLength,
|
|
72
|
+
maxLength,
|
|
71
73
|
suffix,
|
|
72
74
|
phoneWithFlags });
|
|
73
75
|
(0, react_1.useEffect)(() => {
|
|
74
76
|
setFocused(initialFocused);
|
|
75
77
|
}, [initialFocused]);
|
|
76
|
-
return (react_1.default.createElement(InputBase_styles_1.Layout, {
|
|
78
|
+
return (react_1.default.createElement(InputBase_styles_1.Layout, Object.assign({}, {
|
|
79
|
+
disabled,
|
|
80
|
+
error,
|
|
81
|
+
focused,
|
|
82
|
+
notched,
|
|
83
|
+
outline,
|
|
84
|
+
phoneWithFlags,
|
|
85
|
+
zIndex
|
|
86
|
+
}),
|
|
77
87
|
react_1.default.createElement(InputBase_styles_1.LabelLayout, { htmlFor: htmlId, suffixLength: (suffix === null || suffix === void 0 ? void 0 : suffix.length) || 0 }, label),
|
|
78
88
|
react_1.default.createElement(InputBase_styles_1.InsideLayout, { disabled: disabled },
|
|
79
89
|
react_1.default.createElement(InputBase_styles_1.FieldSetLayout, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputBase.js","sourceRoot":"","sources":["../../../../packages/ui/src/inputBase/InputBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,4EAAwC;AAExC,iDAAuE;AAGvE,2DAAsD;AACtD,wDAAgF;AAEhF,yDAO4B;AAGf,QAAA,WAAW,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"InputBase.js","sourceRoot":"","sources":["../../../../packages/ui/src/inputBase/InputBase.tsx"],"names":[],"mappings":"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"}
|
package/lib/utils/src/props.d.ts
CHANGED