@hh.ru/magritte-ui-input 9.4.50 → 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.
Files changed (55) hide show
  1. package/BaseInput.d.ts +2 -2
  2. package/BaseInput.js +235 -124
  3. package/BaseInput.js.map +1 -1
  4. package/DateTimeInput.d.ts +4 -4
  5. package/DateTimeInput.js +49 -43
  6. package/DateTimeInput.js.map +1 -1
  7. package/Input.d.ts +2 -2
  8. package/Input.js +2 -3
  9. package/Input.js.map +1 -1
  10. package/NumberInput.d.ts +2 -2
  11. package/NumberInput.js +22 -13
  12. package/NumberInput.js.map +1 -1
  13. package/PasswordInput.d.ts +2 -2
  14. package/PasswordInput.js +29 -16
  15. package/PasswordInput.js.map +1 -1
  16. package/SearchInput.d.ts +2 -2
  17. package/SearchInput.js +11 -2
  18. package/SearchInput.js.map +1 -1
  19. package/UncontrolledDateTimeInput.d.ts +4 -4
  20. package/UncontrolledDateTimeInput.js +4 -4
  21. package/UncontrolledDateTimeInput.js.map +1 -1
  22. package/UncontrolledInput.d.ts +2 -2
  23. package/UncontrolledInput.js +3 -3
  24. package/UncontrolledInput.js.map +1 -1
  25. package/UncontrolledNumberInput.d.ts +2 -2
  26. package/UncontrolledNumberInput.js +3 -3
  27. package/UncontrolledNumberInput.js.map +1 -1
  28. package/UncontrolledPasswordInput.d.ts +2 -2
  29. package/UncontrolledPasswordInput.js +3 -3
  30. package/UncontrolledPasswordInput.js.map +1 -1
  31. package/UncontrolledSearchInput.d.ts +2 -2
  32. package/UncontrolledSearchInput.js +3 -3
  33. package/UncontrolledSearchInput.js.map +1 -1
  34. package/index.css +266 -266
  35. package/index.d.ts +13 -13
  36. package/{index.esm-CYELQMAZ.js → index.esm-t97x9DTo.js} +1 -1
  37. package/{index.esm-CYELQMAZ.js.map → index.esm-t97x9DTo.js.map} +1 -1
  38. package/index.js +1 -1
  39. package/index.mock.d.ts +1 -1
  40. package/index.mock.js +55 -27
  41. package/index.mock.js.map +1 -1
  42. package/maskito-exports.js +1 -1
  43. package/numberFormatter.d.ts +1 -1
  44. package/numberFormatter.js +42 -42
  45. package/numberFormatter.js.map +1 -1
  46. package/package.json +7 -7
  47. package/useDateTimeMask.d.ts +1 -1
  48. package/useDateTimeMask.js +107 -133
  49. package/useDateTimeMask.js.map +1 -1
  50. package/useFocus.js +22 -13
  51. package/useFocus.js.map +1 -1
  52. package/useInputAriaProps.js +16 -10
  53. package/useInputAriaProps.js.map +1 -1
  54. package/useUncontrolledInput.js +9 -6
  55. 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-CYELQMAZ.js';
17
+ import './index.esm-t97x9DTo.js';
18
18
 
19
19
  const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, range, ...props }, ref) => {
20
- const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding, range);
21
- const inputRef = useMultipleRefs(maskedInputRef, ref);
22
- const onBlur = dateMask === 'dd'
23
- ? (event) => {
24
- if (props.value.length === 1) {
25
- if (props.value === '0') {
26
- props.onChange('');
27
- }
28
- else {
29
- props.onChange(props.value.padStart(2, '0'));
30
- }
31
- }
32
- props.onBlur?.(event);
33
- }
34
- : props.onBlur;
35
- const maskedPlaceholder = useMemo(() => {
36
- if (hideMask) {
37
- return undefined;
38
- }
39
- const parts = [];
40
- if (dateMask) {
41
- parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));
42
- }
43
- if (timeMask) {
44
- parts.push('00:00');
45
- }
46
- const placeholder = parts.join(', ');
47
- const rangeAllowed = range && dateMask !== 'dd' && !timeMask;
48
- return rangeAllowed ? [placeholder, placeholder].join(' – ') : placeholder;
49
- }, [dateMask, timeMask, hideMask, range]);
50
- return (jsx(BaseInput, { type: "text", inputMode: "decimal", fixedPlaceholder: maskedPlaceholder, ...props, ...((onButtonClick &&
51
- (size === 'small'
52
- ? {
53
- buttonIcon: timeMask && !dateMask ? ClockOutlinedSize16 : CalendarOutlinedSize16,
54
- onButtonClick,
55
- }
56
- : {
57
- buttonIcon: timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24,
58
- onButtonClick,
59
- })) ??
60
- {}), ref: inputRef, size: size, autoComplete: "off", onBlur: onBlur }));
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 = 'DateTimeInput';
68
+ DateTimeInput.displayName = "DateTimeInput";
63
69
 
64
70
  export { DateTimeInput };
65
71
  //# sourceMappingURL=DateTimeInput.js.map
@@ -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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC5F,IAAA,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAChF,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;AAEtD,IAAA,MAAM,MAAM,GACR,QAAQ,KAAK,IAAI;AACb,UAAE,CAAC,KAAK,KAAI;YACN,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,gBAAA,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,EAAE;AACrB,oBAAA,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;iBACtB;qBAAM;AACH,oBAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;iBAChD;aACJ;AACD,YAAA,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;SACzB;AACH,UAAE,KAAK,CAAC,MAAM,CAAC;AAEvB,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;QACnC,IAAI,QAAQ,EAAE;AACV,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,QAAQ,EAAE;YACV,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;SACjF;QACD,IAAI,QAAQ,EAAE;AACV,YAAA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACvB;QAED,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,YAAY,GAAG,KAAK,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;AAC7D,QAAA,OAAO,YAAY,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC;KAC9E,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1C,QACIA,IAAC,SAAS,EAAA,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,gBAAgB,EAAE,iBAAiB,EAAA,GAC/B,KAAK,EACL,IAAC,CAAC,aAAa;aACd,IAAI,KAAK,OAAO;AACb,kBAAE;AACI,oBAAA,UAAU,EAAE,QAAQ,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB;oBAChF,aAAa;AAChB,iBAAA;AACH,kBAAE;AACI,oBAAA,UAAU,EAAE,QAAQ,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB;oBAChF,aAAa;AAChB,iBAAA,CAAC;AACR,YAAA,EAAE,GACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,KAAK,EAClB,MAAM,EAAE,MAAM,EAAA,CAChB,EACJ;AACN,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
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 '@hh.ru/magritte-ui-input/types';
3
- declare const Input: import("react").ForwardRefExoticComponent<(ControlledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "buttonIconAriaLabel" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value">) & import("react").RefAttributes<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
- // Здесь создаем новый компонент, а не переиспользуем BaseInput as <...>, чтобы обеспечить уникальность displayName
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 = 'Input';
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":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAKA;AACA,MAAM,cAAc,GAAG,CACnB,KAAqG,EACrG,GAAmC,KAClCA,GAAC,CAAA,SAAS,IAAC,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,GAAI,CAAC;AAExC,MAAM,KAAK,GAAG,UAAU,CAAC,cAAc,EAAE;AAEzC,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
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 '@hh.ru/magritte-ui-input/types';
3
- export declare const NumberInput: import("react").ForwardRefExoticComponent<(ControlledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "buttonIconAriaLabel" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value" | "groupSeparator" | "decimalMark" | "groupSize" | "decimalLength" | "allowNegative">) & import("react").RefAttributes<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(({ groupSeparator = defaults.groupSeparator, decimalMark = defaults.decimalMark, groupSize = defaults.groupSize, decimalLength = defaults.decimalLength, allowNegative = defaults.allowNegative, maxLength, ...restProps }, ref) => {
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
- return numberFormatterFactory({
23
- groupSeparator,
24
- decimalMark,
25
- groupSize,
26
- decimalLength,
27
- allowNegative,
28
- maxLength,
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: ref });
34
- });
35
- NumberInput.displayName = 'NumberInput';
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
@@ -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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;MAOa,WAAW,GAAG,UAAU,CAIjC,CACI,EACI,cAAc,GAAG,QAAQ,CAAC,cAAc,EACxC,WAAW,GAAG,QAAQ,CAAC,WAAW,EAClC,SAAS,GAAG,QAAQ,CAAC,SAAS,EAC9B,aAAa,GAAG,QAAQ,CAAC,aAAa,EACtC,aAAa,GAAG,QAAQ,CAAC,aAAa,EACtC,SAAS,EACT,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAK;AACjC,QAAA,OAAO,sBAAsB,CAAC;YAC1B,cAAc;YACd,WAAW;YACX,SAAS;YACT,aAAa;YACb,aAAa;YACb,SAAS;AACZ,SAAA,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;;IAGtF,MAAM,MAAM,GAAG,CAAC,SAAS,IAAI,SAAS,KAAK,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IAE5G,OAAOA,GAAA,CAAC,KAAK,EAAK,EAAA,GAAA,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAC,SAAS,EAAC,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;AACjH,CAAC,EACH;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
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;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
- export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("@hh.ru/magritte-ui-input/types").InputBaseProps & import("@hh.ru/magritte-ui-input/types").InputWithHintProps & {
2
+ export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("./types").InputBaseProps & import("./types").InputWithHintProps & {
3
3
  type?: never;
4
4
  clearable?: never;
5
- } & import("@hh.ru/magritte-ui-input/types").ControlledProps & Omit<InputHTMLAttributes<HTMLInputElement>, "hint" | "showHintAlways" | "clearable" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value" | "type"> & import("react").RefAttributes<HTMLInputElement>>;
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
- const [typePassword, setTypePassword] = useState(true);
20
- const clickHandler = useCallback(() => {
21
- setTypePassword((typePassword) => !typePassword);
22
- }, [setTypePassword]);
23
- const inputRef = useRef(null);
24
- const inputRefCallback = useMultipleRefs(ref, inputRef);
25
- const focusHandler = useCallback((event) => {
26
- if (inputRef.current) {
27
- Selection.set(inputRef.current, 0, inputRef.current.value.length, 'forward');
28
- }
29
- onFocus && onFocus(event);
30
- }, [onFocus, inputRef]);
31
- return (jsx(Input, { ...props, size: size, buttonIcon: size === 'small'
32
- ? (typePassword && EyeCrossedOutlinedSize16) || EyeOutlinedSize16
33
- : (typePassword && EyeCrossedOutlinedSize24) || EyeOutlinedSize24, buttonDataQa: "password-visibility-switch-button", onFocus: focusHandler, type: typePassword ? 'password' : 'text', onButtonClick: clickHandler, ref: inputRefCallback }));
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 = 'PasswordInput';
48
+ PasswordInput.displayName = "PasswordInput";
36
49
 
37
50
  export { PasswordInput };
38
51
  //# sourceMappingURL=PasswordInput.js.map
@@ -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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAaa,MAAA,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvD,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QAClC,eAAe,CAAC,CAAC,YAAY,KAAK,CAAC,YAAY,CAAC,CAAC;AACrD,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAG,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,KAAK,KAAI;AACN,QAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;AAClB,YAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SAChF;AACD,QAAA,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACtB,CAAC;AAEF,IAAA,QACIA,GAAA,CAAC,KAAK,EAAA,EAAA,GACE,KAAK,EACT,IAAI,EAAE,IAAI,EACV,UAAU,EACN,IAAI,KAAK,OAAO;AACZ,cAAE,CAAC,YAAY,IAAI,wBAAwB,KAAK,iBAAiB;AACjE,cAAE,CAAC,YAAY,IAAI,wBAAwB,KAAK,iBAAiB,EAEzE,YAAY,EAAC,mCAAmC,EAChD,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EACxC,aAAa,EAAE,YAAY,EAC3B,GAAG,EAAE,gBAAgB,EAAA,CACvB,EACJ;AACN,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
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 '@hh.ru/magritte-ui-input/types';
3
- export declare const SearchInput: import("react").ForwardRefExoticComponent<(ControlledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "clearable" | "clearableOnFocus" | "buttonIcon" | "buttonIconAriaLabel" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value" | "type">) & import("react").RefAttributes<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
- return (jsx(BaseInput, { ...props, elevatePlaceholder: false, inputIcon: size === 'small' ? MagnifierOutlinedSize16 : MagnifierOutlinedSize24, ref: ref, size: size }));
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 = 'SearchInput';
29
+ SearchInput.displayName = "SearchInput";
21
30
 
22
31
  export { SearchInput };
23
32
  //# sourceMappingURL=SearchInput.js.map
@@ -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":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAMa,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1B,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EAAA,GACF,KAAK,EACT,kBAAkB,EAAE,KAAK,EACzB,SAAS,EAAE,IAAI,KAAK,OAAO,GAAG,uBAAuB,GAAG,uBAAuB,EAC/E,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EAAA,CACZ,EACJ;AACN,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
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("@hh.ru/magritte-ui-input/types").InputBaseProps & {
3
- dateMask?: import("@hh.ru/magritte-ui-input/types").DateInputMask;
2
+ export declare const UncontrolledDateTimeInput: import("react").ForwardRefExoticComponent<import("./types").InputBaseProps & {
3
+ dateMask?: import("./types").DateInputMask;
4
4
  timeMask?: boolean;
5
- timeRounding?: import("@hh.ru/magritte-ui-input/types").TimeInputRounding;
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("@hh.ru/magritte-ui-input/types").ControlledProps> & Omit<InputHTMLAttributes<HTMLInputElement>, "onButtonClick" | keyof import("@hh.ru/magritte-ui-input/types").InputBaseProps | keyof import("@hh.ru/magritte-ui-input/types").ControlledProps | "range" | "dateMask" | "timeMask" | "timeRounding" | "hideMask"> & import("react").RefAttributes<HTMLInputElement>>;
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-CYELQMAZ.js';
19
+ import './index.esm-t97x9DTo.js';
20
20
 
21
21
  const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
22
- const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
23
- return jsx(DateTimeInput, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
22
+ const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
23
+ return /* @__PURE__ */ jsx(DateTimeInput, { ...restProps, value: currentValue, onChange: changeHandler, ref });
24
24
  });
25
- UncontrolledDateTimeInput.displayName = 'UncontrolledDateTimeInput';
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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAyB,GAAG,UAAU,CAGjD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,aAAa,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpG,CAAC,EAAE;AAEH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}
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;;;;"}
@@ -1,3 +1,3 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
- import { UncontrolledInputProps } from '@hh.ru/magritte-ui-input/types';
3
- export declare const UncontrolledInput: import("react").ForwardRefExoticComponent<(UncontrolledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "buttonIconAriaLabel" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value">) & import("react").RefAttributes<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>>;
@@ -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
- const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
21
- return jsx(Input, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
20
+ const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
21
+ return /* @__PURE__ */ jsx(Input, { ...restProps, value: currentValue, onChange: changeHandler, ref });
22
22
  });
23
- UncontrolledInput.displayName = 'UncontrolledInput';
23
+ UncontrolledInput.displayName = "UncontrolledInput";
24
24
 
25
25
  export { UncontrolledInput };
26
26
  //# sourceMappingURL=UncontrolledInput.js.map
@@ -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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAMa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,KAAK,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC5F,CAAC,EAAE;AAEH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
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 '@hh.ru/magritte-ui-input/types';
3
- export declare const UncontrolledNumberInput: import("react").ForwardRefExoticComponent<(UncontrolledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "buttonIconAriaLabel" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value" | "groupSeparator" | "decimalMark" | "groupSize" | "decimalLength" | "allowNegative">) & import("react").RefAttributes<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
- const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
24
- return jsx(NumberInput, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
23
+ const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
24
+ return /* @__PURE__ */ jsx(NumberInput, { ...restProps, value: currentValue, onChange: changeHandler, ref });
25
25
  });
26
- UncontrolledNumberInput.displayName = 'UncontrolledNumberInput';
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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMa,MAAA,uBAAuB,GAAG,UAAU,CAG/C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,WAAW,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAClG,CAAC,EAAE;AAEH,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;;;;"}
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("@hh.ru/magritte-ui-input/types").InputBaseProps & import("@hh.ru/magritte-ui-input/types").InputWithHintProps & {
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("@hh.ru/magritte-ui-input/types").ControlledProps> & Omit<InputHTMLAttributes<HTMLInputElement>, "hint" | "showHintAlways" | "clearable" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value" | "type"> & import("react").RefAttributes<HTMLInputElement>>;
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
- const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
22
- return jsx(PasswordInput, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
21
+ const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
22
+ return /* @__PURE__ */ jsx(PasswordInput, { ...restProps, value: currentValue, onChange: changeHandler, ref });
23
23
  });
24
- UncontrolledPasswordInput.displayName = 'UncontrolledPasswordInput';
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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAyB,GAAG,UAAU,CAGjD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,aAAa,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpG,CAAC,EAAE;AAEH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}
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 '@hh.ru/magritte-ui-input/types';
3
- export declare const UncontrolledSearchInput: import("react").ForwardRefExoticComponent<(UncontrolledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "clearable" | "clearableOnFocus" | "buttonIcon" | "buttonIconAriaLabel" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "size" | "elevatePlaceholder" | "onChange" | "value" | "type">) & import("react").RefAttributes<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>>;