@hh.ru/magritte-ui-input 9.4.51 → 9.4.52
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/BaseInput.d.ts +2 -2
- package/BaseInput.js +235 -124
- package/BaseInput.js.map +1 -1
- package/DateTimeInput.d.ts +4 -4
- package/DateTimeInput.js +49 -43
- package/DateTimeInput.js.map +1 -1
- package/Input.d.ts +2 -2
- package/Input.js +2 -3
- package/Input.js.map +1 -1
- package/NumberInput.d.ts +2 -2
- package/NumberInput.js +22 -13
- package/NumberInput.js.map +1 -1
- package/PasswordInput.d.ts +2 -2
- package/PasswordInput.js +29 -16
- package/PasswordInput.js.map +1 -1
- package/SearchInput.d.ts +2 -2
- package/SearchInput.js +11 -2
- package/SearchInput.js.map +1 -1
- package/UncontrolledDateTimeInput.d.ts +4 -4
- package/UncontrolledDateTimeInput.js +4 -4
- package/UncontrolledDateTimeInput.js.map +1 -1
- package/UncontrolledInput.d.ts +2 -2
- package/UncontrolledInput.js +3 -3
- package/UncontrolledInput.js.map +1 -1
- package/UncontrolledNumberInput.d.ts +2 -2
- package/UncontrolledNumberInput.js +3 -3
- package/UncontrolledNumberInput.js.map +1 -1
- package/UncontrolledPasswordInput.d.ts +2 -2
- package/UncontrolledPasswordInput.js +3 -3
- package/UncontrolledPasswordInput.js.map +1 -1
- package/UncontrolledSearchInput.d.ts +2 -2
- package/UncontrolledSearchInput.js +3 -3
- package/UncontrolledSearchInput.js.map +1 -1
- package/index.css +266 -266
- package/index.d.ts +13 -13
- package/{index.esm-BVoBfbo-.js → index.esm-t97x9DTo.js} +1 -1
- package/{index.esm-BVoBfbo-.js.map → index.esm-t97x9DTo.js.map} +1 -1
- package/index.js +1 -1
- package/index.mock.d.ts +1 -1
- package/index.mock.js +55 -27
- package/index.mock.js.map +1 -1
- package/maskito-exports.js +1 -1
- package/numberFormatter.d.ts +1 -1
- package/numberFormatter.js +42 -42
- package/numberFormatter.js.map +1 -1
- package/package.json +7 -7
- package/useDateTimeMask.d.ts +1 -1
- package/useDateTimeMask.js +107 -133
- package/useDateTimeMask.js.map +1 -1
- package/useFocus.js +22 -13
- package/useFocus.js.map +1 -1
- package/useInputAriaProps.js +16 -10
- package/useInputAriaProps.js.map +1 -1
- package/useUncontrolledInput.js +9 -6
- package/useUncontrolledInput.js.map +1 -1
package/DateTimeInput.js
CHANGED
|
@@ -14,52 +14,58 @@ import '@hh.ru/magritte-ui-form-helper';
|
|
|
14
14
|
import './useFocus.js';
|
|
15
15
|
import './useInputAriaProps.js';
|
|
16
16
|
import '@hh.ru/magritte-ui-typography';
|
|
17
|
-
import './index.esm-
|
|
17
|
+
import './index.esm-t97x9DTo.js';
|
|
18
18
|
|
|
19
19
|
const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, range, ...props }, ref) => {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
20
|
+
const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding, range);
|
|
21
|
+
const inputRef = useMultipleRefs(maskedInputRef, ref);
|
|
22
|
+
const onBlur = dateMask === "dd" ? (event) => {
|
|
23
|
+
if (props.value.length === 1) {
|
|
24
|
+
if (props.value === "0") {
|
|
25
|
+
props.onChange("");
|
|
26
|
+
} else {
|
|
27
|
+
props.onChange(props.value.padStart(2, "0"));
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
props.onBlur?.(event);
|
|
31
|
+
} : props.onBlur;
|
|
32
|
+
const maskedPlaceholder = useMemo(() => {
|
|
33
|
+
if (hideMask) {
|
|
34
|
+
return void 0;
|
|
35
|
+
}
|
|
36
|
+
const parts = [];
|
|
37
|
+
if (dateMask) {
|
|
38
|
+
parts.push(dateMask.replace(/d/g, "\u0414").replace(/m/g, "\u041C").replace(/y/g, "\u0413"));
|
|
39
|
+
}
|
|
40
|
+
if (timeMask) {
|
|
41
|
+
parts.push("00:00");
|
|
42
|
+
}
|
|
43
|
+
const placeholder = parts.join(", ");
|
|
44
|
+
const rangeAllowed = range && dateMask !== "dd" && !timeMask;
|
|
45
|
+
return rangeAllowed ? [placeholder, placeholder].join(" \u2013 ") : placeholder;
|
|
46
|
+
}, [dateMask, timeMask, hideMask, range]);
|
|
47
|
+
return /* @__PURE__ */ jsx(
|
|
48
|
+
BaseInput,
|
|
49
|
+
{
|
|
50
|
+
type: "text",
|
|
51
|
+
inputMode: "decimal",
|
|
52
|
+
fixedPlaceholder: maskedPlaceholder,
|
|
53
|
+
...props,
|
|
54
|
+
...(onButtonClick && (size === "small" ? {
|
|
55
|
+
buttonIcon: timeMask && !dateMask ? ClockOutlinedSize16 : CalendarOutlinedSize16,
|
|
56
|
+
onButtonClick
|
|
57
|
+
} : {
|
|
58
|
+
buttonIcon: timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24,
|
|
59
|
+
onButtonClick
|
|
60
|
+
})) ?? {},
|
|
61
|
+
ref: inputRef,
|
|
62
|
+
size,
|
|
63
|
+
autoComplete: "off",
|
|
64
|
+
onBlur
|
|
65
|
+
}
|
|
66
|
+
);
|
|
61
67
|
});
|
|
62
|
-
DateTimeInput.displayName =
|
|
68
|
+
DateTimeInput.displayName = "DateTimeInput";
|
|
63
69
|
|
|
64
70
|
export { DateTimeInput };
|
|
65
71
|
//# sourceMappingURL=DateTimeInput.js.map
|
package/DateTimeInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeInput.js","sources":["src/DateTimeInput.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, useMemo, FocusEventHandler } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport {\n CalendarOutlinedSize16,\n ClockOutlinedSize16,\n CalendarOutlinedSize24,\n ClockOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useDateTimeMask } from '@hh.ru/magritte-ui-input/useDateTimeMask';\n\nexport const DateTimeInput = forwardRef<\n HTMLInputElement,\n ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledDateTimeInputProps>\n>(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, range, ...props }, ref) => {\n const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding, range);\n const inputRef = useMultipleRefs(maskedInputRef, ref);\n\n const onBlur: FocusEventHandler<HTMLInputElement> | undefined =\n dateMask === 'dd'\n ? (event) => {\n if (props.value.length === 1) {\n if (props.value === '0') {\n props.onChange('');\n } else {\n props.onChange(props.value.padStart(2, '0'));\n }\n }\n props.onBlur?.(event);\n }\n : props.onBlur;\n\n const maskedPlaceholder = useMemo(() => {\n if (hideMask) {\n return undefined;\n }\n const parts = [];\n\n if (dateMask) {\n parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));\n }\n if (timeMask) {\n parts.push('00:00');\n }\n\n const placeholder = parts.join(', ');\n const rangeAllowed = range && dateMask !== 'dd' && !timeMask;\n return rangeAllowed ? [placeholder, placeholder].join(' – ') : placeholder;\n }, [dateMask, timeMask, hideMask, range]);\n\n return (\n <BaseInput\n type=\"text\"\n inputMode=\"decimal\"\n fixedPlaceholder={maskedPlaceholder}\n {...props}\n {...((onButtonClick &&\n (size === 'small'\n ? {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize16 : CalendarOutlinedSize16,\n onButtonClick,\n }\n : {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24,\n onButtonClick,\n })) ??\n {})}\n ref={inputRef}\n size={size}\n autoComplete=\"off\"\n onBlur={onBlur}\n />\n );\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"names":[
|
|
1
|
+
{"version":3,"file":"DateTimeInput.js","sources":["src/DateTimeInput.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, useMemo, FocusEventHandler } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport {\n CalendarOutlinedSize16,\n ClockOutlinedSize16,\n CalendarOutlinedSize24,\n ClockOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useDateTimeMask } from '@hh.ru/magritte-ui-input/useDateTimeMask';\n\nexport const DateTimeInput = forwardRef<\n HTMLInputElement,\n ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledDateTimeInputProps>\n>(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, range, ...props }, ref) => {\n const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding, range);\n const inputRef = useMultipleRefs(maskedInputRef, ref);\n\n const onBlur: FocusEventHandler<HTMLInputElement> | undefined =\n dateMask === 'dd'\n ? (event) => {\n if (props.value.length === 1) {\n if (props.value === '0') {\n props.onChange('');\n } else {\n props.onChange(props.value.padStart(2, '0'));\n }\n }\n props.onBlur?.(event);\n }\n : props.onBlur;\n\n const maskedPlaceholder = useMemo(() => {\n if (hideMask) {\n return undefined;\n }\n const parts = [];\n\n if (dateMask) {\n parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));\n }\n if (timeMask) {\n parts.push('00:00');\n }\n\n const placeholder = parts.join(', ');\n const rangeAllowed = range && dateMask !== 'dd' && !timeMask;\n return rangeAllowed ? [placeholder, placeholder].join(' – ') : placeholder;\n }, [dateMask, timeMask, hideMask, range]);\n\n return (\n <BaseInput\n type=\"text\"\n inputMode=\"decimal\"\n fixedPlaceholder={maskedPlaceholder}\n {...props}\n {...((onButtonClick &&\n (size === 'small'\n ? {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize16 : CalendarOutlinedSize16,\n onButtonClick,\n }\n : {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24,\n onButtonClick,\n })) ??\n {})}\n ref={inputRef}\n size={size}\n autoComplete=\"off\"\n onBlur={onBlur}\n />\n );\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,aAAgB,GAAA,UAAA,CAG3B,CAAC,EAAE,UAAU,QAAU,EAAA,YAAA,EAAc,aAAe,EAAA,QAAA,EAAU,IAAM,EAAA,KAAA,EAAO,GAAG,KAAA,IAAS,GAAQ,KAAA;AAC7F,EAAA,MAAM,cAAiB,GAAA,eAAA,CAAgB,QAAU,EAAA,QAAA,EAAU,cAAc,KAAK,CAAA,CAAA;AAC9E,EAAM,MAAA,QAAA,GAAW,eAAgB,CAAA,cAAA,EAAgB,GAAG,CAAA,CAAA;AAEpD,EAAA,MAAM,MACF,GAAA,QAAA,KAAa,IACP,GAAA,CAAC,KAAU,KAAA;AACP,IAAI,IAAA,KAAA,CAAM,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC1B,MAAI,IAAA,KAAA,CAAM,UAAU,GAAK,EAAA;AACrB,QAAA,KAAA,CAAM,SAAS,EAAE,CAAA,CAAA;AAAA,OACd,MAAA;AACH,QAAA,KAAA,CAAM,SAAS,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AAAA,OAC/C;AAAA,KACJ;AACA,IAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAAA,MAExB,KAAM,CAAA,MAAA,CAAA;AAEhB,EAAM,MAAA,iBAAA,GAAoB,QAAQ,MAAM;AACpC,IAAA,IAAI,QAAU,EAAA;AACV,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACX;AACA,IAAA,MAAM,QAAQ,EAAC,CAAA;AAEf,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,KAAA,CAAM,IAAK,CAAA,QAAA,CAAS,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAA,CAAE,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAA,CAAE,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAC,CAAA,CAAA;AAAA,KAChF;AACA,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,KAAA,CAAM,KAAK,OAAO,CAAA,CAAA;AAAA,KACtB;AAEA,IAAM,MAAA,WAAA,GAAc,KAAM,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AACnC,IAAA,MAAM,YAAe,GAAA,KAAA,IAAS,QAAa,KAAA,IAAA,IAAQ,CAAC,QAAA,CAAA;AACpD,IAAA,OAAO,eAAe,CAAC,WAAA,EAAa,WAAW,CAAE,CAAA,IAAA,CAAK,UAAK,CAAI,GAAA,WAAA,CAAA;AAAA,KAChE,CAAC,QAAA,EAAU,QAAU,EAAA,QAAA,EAAU,KAAK,CAAC,CAAA,CAAA;AAExC,EACI,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACG,IAAK,EAAA,MAAA;AAAA,MACL,SAAU,EAAA,SAAA;AAAA,MACV,gBAAkB,EAAA,iBAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,GAAA,CAAK,aACD,KAAA,IAAA,KAAS,OACJ,GAAA;AAAA,QACI,UAAY,EAAA,QAAA,IAAY,CAAC,QAAA,GAAW,mBAAsB,GAAA,sBAAA;AAAA,QAC1D,aAAA;AAAA,OAEJ,GAAA;AAAA,QACI,UAAY,EAAA,QAAA,IAAY,CAAC,QAAA,GAAW,mBAAsB,GAAA,sBAAA;AAAA,QAC1D,aAAA;AAAA,aAEV,EAAC;AAAA,MACL,GAAK,EAAA,QAAA;AAAA,MACL,IAAA;AAAA,MACA,YAAa,EAAA,KAAA;AAAA,MACb,MAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER,CAAC,EAAA;AAED,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
|
package/Input.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { ControlledInputProps } from '
|
|
3
|
-
declare const Input: import("react").ForwardRefExoticComponent<(ControlledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
import { ControlledInputProps } from './types';
|
|
3
|
+
declare const Input: import("react").ForwardRefExoticComponent<(ControlledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "buttonDataQa" | "buttonIcon" | "buttonIconAriaLabel" | "buttonRef" | "clearable" | "clearableOnFocus" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "hint" | "invalid" | "maxLength" | "onBlur" | "onButtonClick" | "onChange" | "onFocus" | "placeholder" | "postfix" | "showHintAlways" | "size" | "value" | "wrapperRef">) & import("react").RefAttributes<HTMLInputElement>>;
|
|
4
4
|
export { Input };
|
package/Input.js
CHANGED
|
@@ -14,10 +14,9 @@ import './useFocus.js';
|
|
|
14
14
|
import './useInputAriaProps.js';
|
|
15
15
|
import '@hh.ru/magritte-ui-typography';
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
const InputComponent = (props, ref) => jsx(BaseInput, { ref: ref, ...props });
|
|
17
|
+
const InputComponent = (props, ref) => /* @__PURE__ */ jsx(BaseInput, { ref, ...props });
|
|
19
18
|
const Input = forwardRef(InputComponent);
|
|
20
|
-
Input.displayName =
|
|
19
|
+
Input.displayName = "Input";
|
|
21
20
|
|
|
22
21
|
export { Input };
|
|
23
22
|
//# sourceMappingURL=Input.js.map
|
package/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["src/Input.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, ForwardedRef } from 'react';\n\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledInputProps } from '@hh.ru/magritte-ui-input/types';\n\n// Здесь создаем новый компонент, а не переиспользуем BaseInput as <...>, чтобы обеспечить уникальность displayName\nconst InputComponent = (\n props: ControlledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledInputProps>,\n ref: ForwardedRef<HTMLInputElement>\n) => <BaseInput ref={ref} {...props} />;\n\nconst Input = forwardRef(InputComponent);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":[
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["src/Input.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, ForwardedRef } from 'react';\n\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledInputProps } from '@hh.ru/magritte-ui-input/types';\n\n// Здесь создаем новый компонент, а не переиспользуем BaseInput as <...>, чтобы обеспечить уникальность displayName\nconst InputComponent = (\n props: ControlledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledInputProps>,\n ref: ForwardedRef<HTMLInputElement>\n) => <BaseInput ref={ref} {...props} />;\n\nconst Input = forwardRef(InputComponent);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,cAAA,GAAiB,CACnB,KACA,EAAA,GAAA,yBACE,SAAU,EAAA,EAAA,GAAA,EAAW,GAAG,KAAO,EAAA,CAAA,CAAA;AAE/B,MAAA,KAAA,GAAQ,WAAW,cAAc,EAAA;AAEvC,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}
|
package/NumberInput.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { ControlledNumberInputProps } from '
|
|
3
|
-
export declare const NumberInput: import("react").ForwardRefExoticComponent<(ControlledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
import { ControlledNumberInputProps } from './types';
|
|
3
|
+
export declare const NumberInput: import("react").ForwardRefExoticComponent<(ControlledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "allowNegative" | "buttonDataQa" | "buttonIcon" | "buttonIconAriaLabel" | "buttonRef" | "clearable" | "clearableOnFocus" | "decimalLength" | "decimalMark" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "groupSeparator" | "groupSize" | "hint" | "invalid" | "maxLength" | "onBlur" | "onButtonClick" | "onChange" | "onFocus" | "placeholder" | "postfix" | "showHintAlways" | "size" | "value" | "wrapperRef">) & import("react").RefAttributes<HTMLInputElement>>;
|
package/NumberInput.js
CHANGED
|
@@ -17,22 +17,31 @@ import './useFocus.js';
|
|
|
17
17
|
import './useInputAriaProps.js';
|
|
18
18
|
import '@hh.ru/magritte-ui-typography';
|
|
19
19
|
|
|
20
|
-
const NumberInput = forwardRef(
|
|
20
|
+
const NumberInput = forwardRef(
|
|
21
|
+
({
|
|
22
|
+
groupSeparator = defaults.groupSeparator,
|
|
23
|
+
decimalMark = defaults.decimalMark,
|
|
24
|
+
groupSize = defaults.groupSize,
|
|
25
|
+
decimalLength = defaults.decimalLength,
|
|
26
|
+
allowNegative = defaults.allowNegative,
|
|
27
|
+
maxLength,
|
|
28
|
+
...restProps
|
|
29
|
+
}, ref) => {
|
|
21
30
|
const numberFormatter = useMemo(() => {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
return numberFormatterFactory({
|
|
32
|
+
groupSeparator,
|
|
33
|
+
decimalMark,
|
|
34
|
+
groupSize,
|
|
35
|
+
decimalLength,
|
|
36
|
+
allowNegative,
|
|
37
|
+
maxLength
|
|
38
|
+
});
|
|
30
39
|
}, [groupSeparator, decimalMark, groupSize, decimalLength, allowNegative, maxLength]);
|
|
31
|
-
// нужно учесть наличие groupSeparator в строке
|
|
32
40
|
const maxLen = !maxLength || groupSize === 0 ? maxLength : maxLength + Math.ceil(maxLength / groupSize) - 1;
|
|
33
|
-
return jsx(Input, { ...restProps, maxLength: maxLen, inputMode: "decimal", formatter: numberFormatter, ref
|
|
34
|
-
}
|
|
35
|
-
|
|
41
|
+
return /* @__PURE__ */ jsx(Input, { ...restProps, maxLength: maxLen, inputMode: "decimal", formatter: numberFormatter, ref });
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
NumberInput.displayName = "NumberInput";
|
|
36
45
|
|
|
37
46
|
export { NumberInput };
|
|
38
47
|
//# sourceMappingURL=NumberInput.js.map
|
package/NumberInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sources":["src/NumberInput.tsx"],"sourcesContent":["import { forwardRef, useMemo, InputHTMLAttributes } from 'react';\n\nimport { defaults } from '@hh.ru/magritte-common-number-formatter';\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { numberFormatterFactory } from '@hh.ru/magritte-ui-input/numberFormatter';\nimport { ControlledNumberInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const NumberInput = forwardRef<\n HTMLInputElement,\n ControlledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledNumberInputProps>\n>(\n (\n {\n groupSeparator = defaults.groupSeparator,\n decimalMark = defaults.decimalMark,\n groupSize = defaults.groupSize,\n decimalLength = defaults.decimalLength,\n allowNegative = defaults.allowNegative,\n maxLength,\n ...restProps\n },\n ref\n ) => {\n const numberFormatter = useMemo(() => {\n return numberFormatterFactory({\n groupSeparator,\n decimalMark,\n groupSize,\n decimalLength,\n allowNegative,\n maxLength,\n });\n }, [groupSeparator, decimalMark, groupSize, decimalLength, allowNegative, maxLength]);\n\n // нужно учесть наличие groupSeparator в строке\n const maxLen = !maxLength || groupSize === 0 ? maxLength : maxLength + Math.ceil(maxLength / groupSize) - 1;\n\n return <Input {...restProps} maxLength={maxLen} inputMode=\"decimal\" formatter={numberFormatter} ref={ref} />;\n }\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":[
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sources":["src/NumberInput.tsx"],"sourcesContent":["import { forwardRef, useMemo, InputHTMLAttributes } from 'react';\n\nimport { defaults } from '@hh.ru/magritte-common-number-formatter';\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { numberFormatterFactory } from '@hh.ru/magritte-ui-input/numberFormatter';\nimport { ControlledNumberInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const NumberInput = forwardRef<\n HTMLInputElement,\n ControlledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledNumberInputProps>\n>(\n (\n {\n groupSeparator = defaults.groupSeparator,\n decimalMark = defaults.decimalMark,\n groupSize = defaults.groupSize,\n decimalLength = defaults.decimalLength,\n allowNegative = defaults.allowNegative,\n maxLength,\n ...restProps\n },\n ref\n ) => {\n const numberFormatter = useMemo(() => {\n return numberFormatterFactory({\n groupSeparator,\n decimalMark,\n groupSize,\n decimalLength,\n allowNegative,\n maxLength,\n });\n }, [groupSeparator, decimalMark, groupSize, decimalLength, allowNegative, maxLength]);\n\n // нужно учесть наличие groupSeparator в строке\n const maxLen = !maxLength || groupSize === 0 ? maxLength : maxLength + Math.ceil(maxLength / groupSize) - 1;\n\n return <Input {...restProps} maxLength={maxLen} inputMode=\"decimal\" formatter={numberFormatter} ref={ref} />;\n }\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAOO,MAAM,WAAc,GAAA,UAAA;AAAA,EAIvB,CACI;AAAA,IACI,iBAAiB,QAAS,CAAA,cAAA;AAAA,IAC1B,cAAc,QAAS,CAAA,WAAA;AAAA,IACvB,YAAY,QAAS,CAAA,SAAA;AAAA,IACrB,gBAAgB,QAAS,CAAA,aAAA;AAAA,IACzB,gBAAgB,QAAS,CAAA,aAAA;AAAA,IACzB,SAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEP,GACC,KAAA;AACD,IAAM,MAAA,eAAA,GAAkB,QAAQ,MAAM;AAClC,MAAA,OAAO,sBAAuB,CAAA;AAAA,QAC1B,cAAA;AAAA,QACA,WAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,SAAA;AAAA,OACH,CAAA,CAAA;AAAA,KACL,EAAG,CAAC,cAAgB,EAAA,WAAA,EAAa,WAAW,aAAe,EAAA,aAAA,EAAe,SAAS,CAAC,CAAA,CAAA;AAGpF,IAAM,MAAA,MAAA,GAAS,CAAC,SAAA,IAAa,SAAc,KAAA,CAAA,GAAI,SAAY,GAAA,SAAA,GAAY,IAAK,CAAA,IAAA,CAAK,SAAY,GAAA,SAAS,CAAI,GAAA,CAAA,CAAA;AAE1G,IAAO,uBAAA,GAAA,CAAC,KAAO,EAAA,EAAA,GAAG,SAAW,EAAA,SAAA,EAAW,QAAQ,SAAU,EAAA,SAAA,EAAU,SAAW,EAAA,eAAA,EAAiB,GAAU,EAAA,CAAA,CAAA;AAAA,GAC9G;AACJ,EAAA;AAEA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}
|
package/PasswordInput.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("
|
|
2
|
+
export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("./types").InputBaseProps & import("./types").InputWithHintProps & {
|
|
3
3
|
type?: never;
|
|
4
4
|
clearable?: never;
|
|
5
|
-
} & import("
|
|
5
|
+
} & import("./types").ControlledProps & Omit<InputHTMLAttributes<HTMLInputElement>, "buttonDataQa" | "buttonRef" | "clearable" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "hint" | "invalid" | "maxLength" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "postfix" | "showHintAlways" | "size" | "type" | "value" | "wrapperRef"> & import("react").RefAttributes<HTMLInputElement>>;
|
package/PasswordInput.js
CHANGED
|
@@ -16,23 +16,36 @@ import './useInputAriaProps.js';
|
|
|
16
16
|
import '@hh.ru/magritte-ui-typography';
|
|
17
17
|
|
|
18
18
|
const PasswordInput = forwardRef(({ onFocus, size, ...props }, ref) => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
19
|
+
const [typePassword, setTypePassword] = useState(true);
|
|
20
|
+
const clickHandler = useCallback(() => {
|
|
21
|
+
setTypePassword((typePassword2) => !typePassword2);
|
|
22
|
+
}, [setTypePassword]);
|
|
23
|
+
const inputRef = useRef(null);
|
|
24
|
+
const inputRefCallback = useMultipleRefs(ref, inputRef);
|
|
25
|
+
const focusHandler = useCallback(
|
|
26
|
+
(event) => {
|
|
27
|
+
if (inputRef.current) {
|
|
28
|
+
Selection.set(inputRef.current, 0, inputRef.current.value.length, "forward");
|
|
29
|
+
}
|
|
30
|
+
onFocus && onFocus(event);
|
|
31
|
+
},
|
|
32
|
+
[onFocus, inputRef]
|
|
33
|
+
);
|
|
34
|
+
return /* @__PURE__ */ jsx(
|
|
35
|
+
Input,
|
|
36
|
+
{
|
|
37
|
+
...props,
|
|
38
|
+
size,
|
|
39
|
+
buttonIcon: size === "small" ? typePassword && EyeCrossedOutlinedSize16 || EyeOutlinedSize16 : typePassword && EyeCrossedOutlinedSize24 || EyeOutlinedSize24,
|
|
40
|
+
buttonDataQa: "password-visibility-switch-button",
|
|
41
|
+
onFocus: focusHandler,
|
|
42
|
+
type: typePassword ? "password" : "text",
|
|
43
|
+
onButtonClick: clickHandler,
|
|
44
|
+
ref: inputRefCallback
|
|
45
|
+
}
|
|
46
|
+
);
|
|
34
47
|
});
|
|
35
|
-
PasswordInput.displayName =
|
|
48
|
+
PasswordInput.displayName = "PasswordInput";
|
|
36
49
|
|
|
37
50
|
export { PasswordInput };
|
|
38
51
|
//# sourceMappingURL=PasswordInput.js.map
|
package/PasswordInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sources":["src/PasswordInput.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState, InputHTMLAttributes, FocusEventHandler, useRef } from 'react';\n\nimport { Selection } from '@hh.ru/magritte-common-text-selection';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport {\n EyeOutlinedSize16,\n EyeCrossedOutlinedSize16,\n EyeOutlinedSize24,\n EyeCrossedOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { ControlledPasswordInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const PasswordInput = forwardRef<\n HTMLInputElement,\n ControlledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledPasswordInputProps>\n>(({ onFocus, size, ...props }, ref) => {\n const [typePassword, setTypePassword] = useState(true);\n const clickHandler = useCallback(() => {\n setTypePassword((typePassword) => !typePassword);\n }, [setTypePassword]);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const inputRefCallback = useMultipleRefs(ref, inputRef);\n\n const focusHandler = useCallback<FocusEventHandler<HTMLInputElement>>(\n (event) => {\n if (inputRef.current) {\n Selection.set(inputRef.current, 0, inputRef.current.value.length, 'forward');\n }\n onFocus && onFocus(event);\n },\n [onFocus, inputRef]\n );\n\n return (\n <Input\n {...props}\n size={size}\n buttonIcon={\n size === 'small'\n ? (typePassword && EyeCrossedOutlinedSize16) || EyeOutlinedSize16\n : (typePassword && EyeCrossedOutlinedSize24) || EyeOutlinedSize24\n }\n buttonDataQa=\"password-visibility-switch-button\"\n onFocus={focusHandler}\n type={typePassword ? 'password' : 'text'}\n onButtonClick={clickHandler}\n ref={inputRefCallback}\n />\n );\n});\n\nPasswordInput.displayName = 'PasswordInput';\n"],"names":["
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sources":["src/PasswordInput.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState, InputHTMLAttributes, FocusEventHandler, useRef } from 'react';\n\nimport { Selection } from '@hh.ru/magritte-common-text-selection';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport {\n EyeOutlinedSize16,\n EyeCrossedOutlinedSize16,\n EyeOutlinedSize24,\n EyeCrossedOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { ControlledPasswordInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const PasswordInput = forwardRef<\n HTMLInputElement,\n ControlledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledPasswordInputProps>\n>(({ onFocus, size, ...props }, ref) => {\n const [typePassword, setTypePassword] = useState(true);\n const clickHandler = useCallback(() => {\n setTypePassword((typePassword) => !typePassword);\n }, [setTypePassword]);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const inputRefCallback = useMultipleRefs(ref, inputRef);\n\n const focusHandler = useCallback<FocusEventHandler<HTMLInputElement>>(\n (event) => {\n if (inputRef.current) {\n Selection.set(inputRef.current, 0, inputRef.current.value.length, 'forward');\n }\n onFocus && onFocus(event);\n },\n [onFocus, inputRef]\n );\n\n return (\n <Input\n {...props}\n size={size}\n buttonIcon={\n size === 'small'\n ? (typePassword && EyeCrossedOutlinedSize16) || EyeOutlinedSize16\n : (typePassword && EyeCrossedOutlinedSize24) || EyeOutlinedSize24\n }\n buttonDataQa=\"password-visibility-switch-button\"\n onFocus={focusHandler}\n type={typePassword ? 'password' : 'text'}\n onButtonClick={clickHandler}\n ref={inputRefCallback}\n />\n );\n});\n\nPasswordInput.displayName = 'PasswordInput';\n"],"names":["typePassword"],"mappings":";;;;;;;;;;;;;;;;AAaa,MAAA,aAAA,GAAgB,WAG3B,CAAC,EAAE,SAAS,IAAM,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACpC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AACrD,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACnC,IAAgB,eAAA,CAAA,CAACA,aAAiB,KAAA,CAACA,aAAY,CAAA,CAAA;AAAA,GACnD,EAAG,CAAC,eAAe,CAAC,CAAA,CAAA;AAEpB,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAC9C,EAAM,MAAA,gBAAA,GAAmB,eAAgB,CAAA,GAAA,EAAK,QAAQ,CAAA,CAAA;AAEtD,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACjB,CAAC,KAAU,KAAA;AACP,MAAA,IAAI,SAAS,OAAS,EAAA;AAClB,QAAU,SAAA,CAAA,GAAA,CAAI,SAAS,OAAS,EAAA,CAAA,EAAG,SAAS,OAAQ,CAAA,KAAA,CAAM,QAAQ,SAAS,CAAA,CAAA;AAAA,OAC/E;AACA,MAAA,OAAA,IAAW,QAAQ,KAAK,CAAA,CAAA;AAAA,KAC5B;AAAA,IACA,CAAC,SAAS,QAAQ,CAAA;AAAA,GACtB,CAAA;AAEA,EACI,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAA;AAAA,MACA,YACI,IAAS,KAAA,OAAA,GACF,gBAAgB,wBAA6B,IAAA,iBAAA,GAC7C,gBAAgB,wBAA6B,IAAA,iBAAA;AAAA,MAExD,YAAa,EAAA,mCAAA;AAAA,MACb,OAAS,EAAA,YAAA;AAAA,MACT,IAAA,EAAM,eAAe,UAAa,GAAA,MAAA;AAAA,MAClC,aAAe,EAAA,YAAA;AAAA,MACf,GAAK,EAAA,gBAAA;AAAA,KAAA;AAAA,GACT,CAAA;AAER,CAAC,EAAA;AAED,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
|
package/SearchInput.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { ControlledSearchInputProps } from '
|
|
3
|
-
export declare const SearchInput: import("react").ForwardRefExoticComponent<(ControlledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
import { ControlledSearchInputProps } from './types';
|
|
3
|
+
export declare const SearchInput: import("react").ForwardRefExoticComponent<(ControlledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "buttonDataQa" | "buttonIcon" | "buttonIconAriaLabel" | "buttonRef" | "clearable" | "clearableOnFocus" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "invalid" | "maxLength" | "onBlur" | "onButtonClick" | "onChange" | "onFocus" | "placeholder" | "postfix" | "size" | "type" | "value" | "wrapperRef">) & import("react").RefAttributes<HTMLInputElement>>;
|
package/SearchInput.js
CHANGED
|
@@ -15,9 +15,18 @@ import './useInputAriaProps.js';
|
|
|
15
15
|
import '@hh.ru/magritte-ui-typography';
|
|
16
16
|
|
|
17
17
|
const SearchInput = forwardRef(({ size, ...props }, ref) => {
|
|
18
|
-
|
|
18
|
+
return /* @__PURE__ */ jsx(
|
|
19
|
+
BaseInput,
|
|
20
|
+
{
|
|
21
|
+
...props,
|
|
22
|
+
elevatePlaceholder: false,
|
|
23
|
+
inputIcon: size === "small" ? MagnifierOutlinedSize16 : MagnifierOutlinedSize24,
|
|
24
|
+
ref,
|
|
25
|
+
size
|
|
26
|
+
}
|
|
27
|
+
);
|
|
19
28
|
});
|
|
20
|
-
SearchInput.displayName =
|
|
29
|
+
SearchInput.displayName = "SearchInput";
|
|
21
30
|
|
|
22
31
|
export { SearchInput };
|
|
23
32
|
//# sourceMappingURL=SearchInput.js.map
|
package/SearchInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sources":["src/SearchInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { MagnifierOutlinedSize16, MagnifierOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledSearchInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const SearchInput = forwardRef<\n HTMLInputElement,\n ControlledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledSearchInputProps>\n>(({ size, ...props }, ref) => {\n return (\n <BaseInput\n {...props}\n elevatePlaceholder={false}\n inputIcon={size === 'small' ? MagnifierOutlinedSize16 : MagnifierOutlinedSize24}\n ref={ref}\n size={size}\n />\n );\n});\n\nSearchInput.displayName = 'SearchInput';\n"],"names":[
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sources":["src/SearchInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { MagnifierOutlinedSize16, MagnifierOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledSearchInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const SearchInput = forwardRef<\n HTMLInputElement,\n ControlledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledSearchInputProps>\n>(({ size, ...props }, ref) => {\n return (\n <BaseInput\n {...props}\n elevatePlaceholder={false}\n inputIcon={size === 'small' ? MagnifierOutlinedSize16 : MagnifierOutlinedSize24}\n ref={ref}\n size={size}\n />\n );\n});\n\nSearchInput.displayName = 'SearchInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,MAAA,WAAA,GAAc,WAGzB,CAAC,EAAE,MAAM,GAAG,KAAA,IAAS,GAAQ,KAAA;AAC3B,EACI,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,kBAAoB,EAAA,KAAA;AAAA,MACpB,SAAA,EAAW,IAAS,KAAA,OAAA,GAAU,uBAA0B,GAAA,uBAAA;AAAA,MACxD,GAAA;AAAA,MACA,IAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER,CAAC,EAAA;AAED,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
export declare const UncontrolledDateTimeInput: import("react").ForwardRefExoticComponent<import("
|
|
3
|
-
dateMask?: import("
|
|
2
|
+
export declare const UncontrolledDateTimeInput: import("react").ForwardRefExoticComponent<import("./types").InputBaseProps & {
|
|
3
|
+
dateMask?: import("./types").DateInputMask;
|
|
4
4
|
timeMask?: boolean;
|
|
5
|
-
timeRounding?: import("
|
|
5
|
+
timeRounding?: import("./types").TimeInputRounding;
|
|
6
6
|
onButtonClick?: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
7
7
|
hideMask?: boolean;
|
|
8
8
|
range?: boolean;
|
|
9
|
-
} & Partial<import("
|
|
9
|
+
} & Partial<import("./types").ControlledProps> & Omit<InputHTMLAttributes<HTMLInputElement>, "dateMask" | "hideMask" | "onButtonClick" | "range" | "timeMask" | "timeRounding" | keyof import("./types").ControlledProps | keyof import("./types").InputBaseProps> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -16,13 +16,13 @@ import './useFocus.js';
|
|
|
16
16
|
import './useInputAriaProps.js';
|
|
17
17
|
import '@hh.ru/magritte-ui-typography';
|
|
18
18
|
import './useDateTimeMask.js';
|
|
19
|
-
import './index.esm-
|
|
19
|
+
import './index.esm-t97x9DTo.js';
|
|
20
20
|
|
|
21
21
|
const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
|
|
23
|
+
return /* @__PURE__ */ jsx(DateTimeInput, { ...restProps, value: currentValue, onChange: changeHandler, ref });
|
|
24
24
|
});
|
|
25
|
-
UncontrolledDateTimeInput.displayName =
|
|
25
|
+
UncontrolledDateTimeInput.displayName = "UncontrolledDateTimeInput";
|
|
26
26
|
|
|
27
27
|
export { UncontrolledDateTimeInput };
|
|
28
28
|
//# sourceMappingURL=UncontrolledDateTimeInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledDateTimeInput.js","sources":["src/UncontrolledDateTimeInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { DateTimeInput } from '@hh.ru/magritte-ui-input/DateTimeInput';\nimport { UncontrolledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledDateTimeInput = forwardRef<\n HTMLInputElement,\n UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledDateTimeInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <DateTimeInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledDateTimeInput.displayName = 'UncontrolledDateTimeInput';\n"],"names":[
|
|
1
|
+
{"version":3,"file":"UncontrolledDateTimeInput.js","sources":["src/UncontrolledDateTimeInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { DateTimeInput } from '@hh.ru/magritte-ui-input/DateTimeInput';\nimport { UncontrolledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledDateTimeInput = forwardRef<\n HTMLInputElement,\n UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledDateTimeInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <DateTimeInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledDateTimeInput.displayName = 'UncontrolledDateTimeInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAA,GAA4B,WAGvC,CAAC,EAAE,OAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,GAAQ,KAAA;AAC1C,EAAA,MAAM,CAAC,YAAc,EAAA,aAAa,CAAI,GAAA,oBAAA,CAAqB,OAAO,QAAQ,CAAA,CAAA;AAC1E,EAAO,uBAAA,GAAA,CAAC,iBAAe,GAAG,SAAA,EAAW,OAAO,YAAc,EAAA,QAAA,EAAU,eAAe,GAAU,EAAA,CAAA,CAAA;AACjG,CAAC,EAAA;AAED,yBAAA,CAA0B,WAAc,GAAA,2BAAA;;;;"}
|
package/UncontrolledInput.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { UncontrolledInputProps } from '
|
|
3
|
-
export declare const UncontrolledInput: import("react").ForwardRefExoticComponent<(UncontrolledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
import { UncontrolledInputProps } from './types';
|
|
3
|
+
export declare const UncontrolledInput: import("react").ForwardRefExoticComponent<(UncontrolledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "buttonDataQa" | "buttonIcon" | "buttonIconAriaLabel" | "buttonRef" | "clearable" | "clearableOnFocus" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "hint" | "invalid" | "maxLength" | "onBlur" | "onButtonClick" | "onChange" | "onFocus" | "placeholder" | "postfix" | "showHintAlways" | "size" | "value" | "wrapperRef">) & import("react").RefAttributes<HTMLInputElement>>;
|
package/UncontrolledInput.js
CHANGED
|
@@ -17,10 +17,10 @@ import './useInputAriaProps.js';
|
|
|
17
17
|
import '@hh.ru/magritte-ui-typography';
|
|
18
18
|
|
|
19
19
|
const UncontrolledInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
|
|
21
|
+
return /* @__PURE__ */ jsx(Input, { ...restProps, value: currentValue, onChange: changeHandler, ref });
|
|
22
22
|
});
|
|
23
|
-
UncontrolledInput.displayName =
|
|
23
|
+
UncontrolledInput.displayName = "UncontrolledInput";
|
|
24
24
|
|
|
25
25
|
export { UncontrolledInput };
|
|
26
26
|
//# sourceMappingURL=UncontrolledInput.js.map
|
package/UncontrolledInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledInput.js","sources":["src/UncontrolledInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { UncontrolledInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledInput = forwardRef<\n HTMLInputElement,\n UncontrolledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <Input {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledInput.displayName = 'UncontrolledInput';\n"],"names":[
|
|
1
|
+
{"version":3,"file":"UncontrolledInput.js","sources":["src/UncontrolledInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { UncontrolledInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledInput = forwardRef<\n HTMLInputElement,\n UncontrolledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <Input {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledInput.displayName = 'UncontrolledInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAMa,MAAA,iBAAA,GAAoB,WAG/B,CAAC,EAAE,OAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,GAAQ,KAAA;AAC1C,EAAA,MAAM,CAAC,YAAc,EAAA,aAAa,CAAI,GAAA,oBAAA,CAAqB,OAAO,QAAQ,CAAA,CAAA;AAC1E,EAAO,uBAAA,GAAA,CAAC,SAAO,GAAG,SAAA,EAAW,OAAO,YAAc,EAAA,QAAA,EAAU,eAAe,GAAU,EAAA,CAAA,CAAA;AACzF,CAAC,EAAA;AAED,iBAAA,CAAkB,WAAc,GAAA,mBAAA;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { UncontrolledNumberInputProps } from '
|
|
3
|
-
export declare const UncontrolledNumberInput: import("react").ForwardRefExoticComponent<(UncontrolledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
import { UncontrolledNumberInputProps } from './types';
|
|
3
|
+
export declare const UncontrolledNumberInput: import("react").ForwardRefExoticComponent<(UncontrolledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "allowNegative" | "buttonDataQa" | "buttonIcon" | "buttonIconAriaLabel" | "buttonRef" | "clearable" | "clearableOnFocus" | "decimalLength" | "decimalMark" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "groupSeparator" | "groupSize" | "hint" | "invalid" | "maxLength" | "onBlur" | "onButtonClick" | "onChange" | "onFocus" | "placeholder" | "postfix" | "showHintAlways" | "size" | "value" | "wrapperRef">) & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -20,10 +20,10 @@ import '@hh.ru/magritte-ui-typography';
|
|
|
20
20
|
import './numberFormatter.js';
|
|
21
21
|
|
|
22
22
|
const UncontrolledNumberInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
|
|
24
|
+
return /* @__PURE__ */ jsx(NumberInput, { ...restProps, value: currentValue, onChange: changeHandler, ref });
|
|
25
25
|
});
|
|
26
|
-
UncontrolledNumberInput.displayName =
|
|
26
|
+
UncontrolledNumberInput.displayName = "UncontrolledNumberInput";
|
|
27
27
|
|
|
28
28
|
export { UncontrolledNumberInput };
|
|
29
29
|
//# sourceMappingURL=UncontrolledNumberInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledNumberInput.js","sources":["src/UncontrolledNumberInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { NumberInput } from '@hh.ru/magritte-ui-input/NumberInput';\nimport { UncontrolledNumberInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledNumberInput = forwardRef<\n HTMLInputElement,\n UncontrolledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledNumberInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <NumberInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledNumberInput.displayName = 'UncontrolledNumberInput';\n"],"names":[
|
|
1
|
+
{"version":3,"file":"UncontrolledNumberInput.js","sources":["src/UncontrolledNumberInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { NumberInput } from '@hh.ru/magritte-ui-input/NumberInput';\nimport { UncontrolledNumberInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledNumberInput = forwardRef<\n HTMLInputElement,\n UncontrolledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledNumberInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <NumberInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledNumberInput.displayName = 'UncontrolledNumberInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAMa,MAAA,uBAAA,GAA0B,WAGrC,CAAC,EAAE,OAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,GAAQ,KAAA;AAC1C,EAAA,MAAM,CAAC,YAAc,EAAA,aAAa,CAAI,GAAA,oBAAA,CAAqB,OAAO,QAAQ,CAAA,CAAA;AAC1E,EAAO,uBAAA,GAAA,CAAC,eAAa,GAAG,SAAA,EAAW,OAAO,YAAc,EAAA,QAAA,EAAU,eAAe,GAAU,EAAA,CAAA,CAAA;AAC/F,CAAC,EAAA;AAED,uBAAA,CAAwB,WAAc,GAAA,yBAAA;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
export declare const UncontrolledPasswordInput: import("react").ForwardRefExoticComponent<import("
|
|
2
|
+
export declare const UncontrolledPasswordInput: import("react").ForwardRefExoticComponent<import("./types").InputBaseProps & import("./types").InputWithHintProps & {
|
|
3
3
|
type?: never;
|
|
4
4
|
clearable?: never;
|
|
5
|
-
} & Partial<import("
|
|
5
|
+
} & Partial<import("./types").ControlledProps> & Omit<InputHTMLAttributes<HTMLInputElement>, "buttonDataQa" | "buttonRef" | "clearable" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "hint" | "invalid" | "maxLength" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "postfix" | "showHintAlways" | "size" | "type" | "value" | "wrapperRef"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -18,10 +18,10 @@ import './useInputAriaProps.js';
|
|
|
18
18
|
import '@hh.ru/magritte-ui-typography';
|
|
19
19
|
|
|
20
20
|
const UncontrolledPasswordInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
|
|
22
|
+
return /* @__PURE__ */ jsx(PasswordInput, { ...restProps, value: currentValue, onChange: changeHandler, ref });
|
|
23
23
|
});
|
|
24
|
-
UncontrolledPasswordInput.displayName =
|
|
24
|
+
UncontrolledPasswordInput.displayName = "UncontrolledPasswordInput";
|
|
25
25
|
|
|
26
26
|
export { UncontrolledPasswordInput };
|
|
27
27
|
//# sourceMappingURL=UncontrolledPasswordInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledPasswordInput.js","sources":["src/UncontrolledPasswordInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { PasswordInput } from '@hh.ru/magritte-ui-input/PasswordInput';\nimport { UncontrolledPasswordInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledPasswordInput = forwardRef<\n HTMLInputElement,\n UncontrolledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledPasswordInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <PasswordInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledPasswordInput.displayName = 'UncontrolledPasswordInput';\n"],"names":[
|
|
1
|
+
{"version":3,"file":"UncontrolledPasswordInput.js","sources":["src/UncontrolledPasswordInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { PasswordInput } from '@hh.ru/magritte-ui-input/PasswordInput';\nimport { UncontrolledPasswordInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledPasswordInput = forwardRef<\n HTMLInputElement,\n UncontrolledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledPasswordInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <PasswordInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledPasswordInput.displayName = 'UncontrolledPasswordInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAA,GAA4B,WAGvC,CAAC,EAAE,OAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,GAAQ,KAAA;AAC1C,EAAA,MAAM,CAAC,YAAc,EAAA,aAAa,CAAI,GAAA,oBAAA,CAAqB,OAAO,QAAQ,CAAA,CAAA;AAC1E,EAAO,uBAAA,GAAA,CAAC,iBAAe,GAAG,SAAA,EAAW,OAAO,YAAc,EAAA,QAAA,EAAU,eAAe,GAAU,EAAA,CAAA,CAAA;AACjG,CAAC,EAAA;AAED,yBAAA,CAA0B,WAAc,GAAA,2BAAA;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { UncontrolledSearchInputProps } from '
|
|
3
|
-
export declare const UncontrolledSearchInput: import("react").ForwardRefExoticComponent<(UncontrolledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
import { UncontrolledSearchInputProps } from './types';
|
|
3
|
+
export declare const UncontrolledSearchInput: import("react").ForwardRefExoticComponent<(UncontrolledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "buttonDataQa" | "buttonIcon" | "buttonIconAriaLabel" | "buttonRef" | "clearable" | "clearableOnFocus" | "description" | "disabled" | "elevatePlaceholder" | "errorMessage" | "formatter" | "invalid" | "maxLength" | "onBlur" | "onButtonClick" | "onChange" | "onFocus" | "placeholder" | "postfix" | "size" | "type" | "value" | "wrapperRef">) & import("react").RefAttributes<HTMLInputElement>>;
|