@elcrm/form 0.1.17 → 0.1.18

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 (43) hide show
  1. package/dist/core/Field.d.ts +1 -1
  2. package/dist/core/Field.js +1 -1
  3. package/dist/fields/Card.d.ts +1 -1
  4. package/dist/fields/Check.d.ts +2 -1
  5. package/dist/fields/Code.d.ts +2 -1
  6. package/dist/fields/Color.d.ts +2 -1
  7. package/dist/fields/ColorPanel.d.ts +1 -1
  8. package/dist/fields/Date.d.ts +1 -1
  9. package/dist/fields/DateCalendar.d.ts +2 -1
  10. package/dist/fields/Display.d.ts +2 -1
  11. package/dist/fields/DragDrop.d.ts +2 -1
  12. package/dist/fields/Email.d.ts +1 -1
  13. package/dist/fields/FieldGroup.d.ts +1 -1
  14. package/dist/fields/File.d.ts +2 -1
  15. package/dist/fields/Hidden.d.ts +2 -1
  16. package/dist/fields/Input.d.ts +1 -1
  17. package/dist/fields/Mask.d.ts +2 -1
  18. package/dist/fields/Modal.d.ts +2 -2
  19. package/dist/fields/Money.d.ts +2 -1
  20. package/dist/fields/NativeTextField.d.ts +2 -1
  21. package/dist/fields/Numeric.d.ts +2 -1
  22. package/dist/fields/Options.d.ts +1 -1
  23. package/dist/fields/Password.d.ts +2 -1
  24. package/dist/fields/Percent.d.ts +2 -1
  25. package/dist/fields/Phone.d.ts +2 -1
  26. package/dist/fields/Radio.d.ts +2 -1
  27. package/dist/fields/Range.d.ts +2 -1
  28. package/dist/fields/Rating.d.ts +2 -1
  29. package/dist/fields/RichText.d.ts +2 -1
  30. package/dist/fields/Search.d.ts +2 -2
  31. package/dist/fields/SearchSuggestions.d.ts +1 -1
  32. package/dist/fields/Select.d.ts +1 -1
  33. package/dist/fields/Tabs.d.ts +2 -2
  34. package/dist/fields/Tags.d.ts +2 -1
  35. package/dist/fields/Textarea.d.ts +2 -1
  36. package/dist/fields/Time.d.ts +2 -1
  37. package/dist/fields/TimePicker.d.ts +1 -1
  38. package/dist/fields/Url.d.ts +1 -1
  39. package/dist/index.js +1 -1
  40. package/dist/index.umd.js +1 -1
  41. package/dist/package.js +1 -1
  42. package/dist/tokens.css +5 -4
  43. package/package.json +133 -133
@@ -57,5 +57,5 @@ interface Input {
57
57
  * **Элементы:** `[data-field][data-size]` → `label.t` → капсула `.f` (`control` / `element_input`) → ошибка.
58
58
  * Слоты `before`/`after` на **этом** компоненте — вне капсулы; у `*Field` слоты внутри капсулы.
59
59
  */
60
- declare const Field: ({ element_blok, blok, element_input, control, type, label, id: idProp, error, before, after, children, size, }: Input) => import("react/jsx-runtime").JSX.Element;
60
+ declare const Field: ({ element_blok, blok, element_input, control, type, label, id: idProp, error, before, after, children, size, }: Input) => import("react").JSX.Element;
61
61
  export default Field;
@@ -2,7 +2,7 @@
2
2
  (function () {
3
3
  if (typeof document === "undefined") return;
4
4
  var id = "elcrm-form-base-styles";
5
- var ver = "0.1.17";
5
+ var ver = "0.1.18";
6
6
  var prev = document.getElementById(id);
7
7
  if (prev) {
8
8
  if (prev.getAttribute("data-version") === ver) return;
@@ -18,7 +18,7 @@ export type TCard = TInput & {
18
18
  /**
19
19
  * Поле карты. Бейдж не пересчитывается после freeze BIN, пока не сменятся первые 4 цифры.
20
20
  */
21
- declare function CardField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, autoComplete, id, size, validate, }: TCard): import("react/jsx-runtime").JSX.Element | null;
21
+ declare function CardField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, autoComplete, id, size, validate, }: TCard): React.JSX.Element | null;
22
22
  declare namespace CardField {
23
23
  var displayName: string;
24
24
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  export type TCheckSize = "s" | "m" | "l" | "sm" | "md";
3
4
  export type TCheckVariant = "field" | "plain";
@@ -36,7 +37,7 @@ export type TCheck = TInput & {
36
37
  /**
37
38
  * Чекбокс. Клик по строке переключает значение.
38
39
  */
39
- declare function CheckField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, size, variant, showFocusRing, align, }: TCheck): import("react/jsx-runtime").JSX.Element | null;
40
+ declare function CheckField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, size, variant, showFocusRing, align, }: TCheck): React.JSX.Element | null;
40
41
  declare namespace CheckField {
41
42
  var displayName: string;
42
43
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * OTP / код — ряд квадратных ячеек.
@@ -29,7 +30,7 @@ export type TCode = TInput & {
29
30
  /**
30
31
  * Поле кода. Вставка заполняет ячейки подряд.
31
32
  */
32
- declare function CodeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, size, length, numeric, group, cellSize, autoComplete, }: TCode): import("react/jsx-runtime").JSX.Element | null;
33
+ declare function CodeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, size, length, numeric, group, cellSize, autoComplete, }: TCode): React.JSX.Element | null;
33
34
  declare namespace CodeField {
34
35
  var displayName: string;
35
36
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  export { DEFAULT_COLOR_PALETTE, parseHexColor, formatHexColor } from './colorUtils';
3
4
  export type { Hsva } from './colorUtils';
@@ -25,7 +26,7 @@ export type TColor = TInput & {
25
26
  /**
26
27
  * Пикер цвета. Триггер — combobox внутри капсулы.
27
28
  */
28
- declare function ColorField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, colors, alpha, inlinePalette, size, }: TColor): import("react/jsx-runtime").JSX.Element | null;
29
+ declare function ColorField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, colors, alpha, inlinePalette, size, }: TColor): React.JSX.Element | null;
29
30
  declare namespace ColorField {
30
31
  var displayName: string;
31
32
  }
@@ -17,4 +17,4 @@ export default function ColorPanel({ parent, hsva, setHsva, hexDraft, setHexDraf
17
17
  onLive: (next: Hsva) => void;
18
18
  onCommit: (next: Hsva) => void;
19
19
  onClose: () => void;
20
- }): import("react/jsx-runtime").JSX.Element | null;
20
+ }): React.JSX.Element | null;
@@ -20,7 +20,7 @@ export type TDate = TInput & {
20
20
  /**
21
21
  * Поле даты. Календарь следует за полем при скролле страницы.
22
22
  */
23
- declare function DateField({ label, error, hidden, className, placeholder, disabled, onValue, max, min, form, icon, name, value, after, before, size, }: TDate): import("react/jsx-runtime").JSX.Element;
23
+ declare function DateField({ label, error, hidden, className, placeholder, disabled, onValue, max, min, form, icon, name, value, after, before, size, }: TDate): React.JSX.Element;
24
24
  declare namespace DateField {
25
25
  var displayName: string;
26
26
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TDatePosition } from './dateUtils';
2
3
  /**
3
4
  * Попап календаря {@link DateField} (портал в `document.body`, якорь при скролле).
@@ -19,7 +20,7 @@ export type TDateCalendarProps = {
19
20
  /**
20
21
  * Календарь: дни / месяцы / годы. z-index из общего стека оверлеев.
21
22
  */
22
- declare function DateCalendar({ date, onValue, position, max, min, className, onOpen, }: TDateCalendarProps): import("react/jsx-runtime").JSX.Element;
23
+ declare function DateCalendar({ date, onValue, position, max, min, className, onOpen, }: TDateCalendarProps): React.JSX.Element;
23
24
  declare namespace DateCalendar {
24
25
  var displayName: string;
25
26
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Только показ значения (капсула как у String / Textarea, всегда `data-disabled`).
@@ -20,7 +21,7 @@ export type TDisplay = TInput & {
20
21
  /**
21
22
  * Readonly-поле. Не пишет в форму при клике.
22
23
  */
23
- declare function DisplayField({ value, form, name, placeholder, label, error, hidden, disabled, className, after, before, format, emptyText, size, multiline, }: TDisplay): import("react/jsx-runtime").JSX.Element | null;
24
+ declare function DisplayField({ value, form, name, placeholder, label, error, hidden, disabled, className, after, before, format, emptyText, size, multiline, }: TDisplay): React.JSX.Element | null;
24
25
  declare namespace DisplayField {
25
26
  var displayName: string;
26
27
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /** Раскладка зоны: default · fill (100% родителя) · overlay (прозрачная поверх превью) */
3
4
  export type TDragDropLayout = "default" | "fill" | "overlay";
@@ -42,7 +43,7 @@ export type TDragDrop = TInput & {
42
43
  /**
43
44
  * Drop-зона. Капсула без рамки (`padding: 0`), рамка у внутренней зоны.
44
45
  */
45
- declare function DragDropField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, accept, multiple, maxSize, maxFiles, keepFile, hint, append, layout, aspectRatio, hideList, size, }: TDragDrop): import("react/jsx-runtime").JSX.Element | null;
46
+ declare function DragDropField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, accept, multiple, maxSize, maxFiles, keepFile, hint, append, layout, aspectRatio, hideList, size, }: TDragDrop): React.JSX.Element | null;
46
47
  declare namespace DragDropField {
47
48
  var displayName: string;
48
49
  }
@@ -17,7 +17,7 @@ export type TEmail = TInput & {
17
17
  /**
18
18
  * Поле email. Справа при ошибке валидации — бейдж, если не задан `after`.
19
19
  */
20
- declare function EmailField({ validate, error, onBlur, onValue, after, ...rest }: TEmail): import("react/jsx-runtime").JSX.Element;
20
+ declare function EmailField({ validate, error, onBlur, onValue, after, ...rest }: TEmail): React.JSX.Element;
21
21
  declare namespace EmailField {
22
22
  var displayName: string;
23
23
  }
@@ -129,7 +129,7 @@ export type FieldGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> &
129
129
  /**
130
130
  * Группа полей. Не капсула — только раскладка и прокидывание `form`.
131
131
  */
132
- declare function FieldGroup({ items, form, onValue, onBlur, disabled, size, errors, values, gap, className, style, ...rest }: FieldGroupProps): import("react/jsx-runtime").JSX.Element;
132
+ declare function FieldGroup({ items, form, onValue, onBlur, disabled, size, errors, values, gap, className, style, ...rest }: FieldGroupProps): React.JSX.Element;
133
133
  declare namespace FieldGroup {
134
134
  var displayName: string;
135
135
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /** Метаданные файла в форме, если не храните сам `File` (`keepFile={false}`). */
3
4
  export type TFileMeta = {
@@ -30,7 +31,7 @@ export type TFile = TInput & {
30
31
  /**
31
32
  * Поле файла. Для drag-and-drop зоны смотрите {@link DragDropField}.
32
33
  */
33
- declare function FileField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, accept, multiple, maxSize, keepFile, size, }: TFile): import("react/jsx-runtime").JSX.Element | null;
34
+ declare function FileField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, accept, multiple, maxSize, keepFile, size, }: TFile): React.JSX.Element | null;
34
35
  declare namespace FileField {
35
36
  var displayName: string;
36
37
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Значение в форме без видимого UI.
@@ -9,7 +10,7 @@ export type THidden = Pick<TInput, "value" | "form" | "onValue" | "name" | "id"
9
10
  /**
10
11
  * Скрытое поле. `hidden` на этом компоненте полностью убирает input.
11
12
  */
12
- declare function HiddenField({ value, form, onValue, name, id, hidden, }: THidden): import("react/jsx-runtime").JSX.Element | null;
13
+ declare function HiddenField({ value, form, onValue, name, id, hidden, }: THidden): React.JSX.Element | null;
13
14
  declare namespace HiddenField {
14
15
  var displayName: string;
15
16
  }
@@ -14,6 +14,6 @@ import { TInput } from './type';
14
14
  * @example
15
15
  * <StringField name="login" form={form} label="Логин" native autoComplete="username" />
16
16
  */
17
- declare function StringField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, inputmode, maxLength, spellCheck, native, autoComplete, inputType, id, size, }: TInput): import("react/jsx-runtime").JSX.Element | "";
17
+ declare function StringField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, inputmode, maxLength, spellCheck, native, autoComplete, inputType, id, size, }: TInput): React.JSX.Element | "";
18
18
  declare const _default: React.MemoExoticComponent<typeof StringField>;
19
19
  export default _default;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Маска ввода. **В форме — только цифры**; на экране шаблон `format`, `_` = слот цифры.
@@ -15,7 +16,7 @@ export type TMask = TInput & {
15
16
  /**
16
17
  * Поле с маской. Не путать с PhoneField (маски стран).
17
18
  */
18
- declare function MaskField({ value, form, onValue, onBlur: onBlurField, name, format, placeholder, label, error, hidden, disabled, className, after, before, inputmode, view, size, }: TMask): import("react/jsx-runtime").JSX.Element;
19
+ declare function MaskField({ value, form, onValue, onBlur: onBlurField, name, format, placeholder, label, error, hidden, disabled, className, after, before, inputmode, view, size, }: TMask): React.JSX.Element;
19
20
  declare namespace MaskField {
20
21
  var displayName: string;
21
22
  }
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { default as React, ReactNode } from 'react';
2
2
  import { UseFormApi } from '../hooks/use';
3
3
  import { TInput, TValue } from './type';
4
4
  /**
@@ -36,7 +36,7 @@ export type TModal = {
36
36
  /**
37
37
  * Поле-триггер модалки. Без `Form.Init` колбэк — no-op.
38
38
  */
39
- declare function ModalField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, after, before, view, modal, options, className, size, }: TModal): import("react/jsx-runtime").JSX.Element;
39
+ declare function ModalField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, after, before, view, modal, options, className, size, }: TModal): React.JSX.Element;
40
40
  declare namespace ModalField {
41
41
  var displayName: string;
42
42
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Деньги. В UI — сумма с разделителями; **в форме — целое × `course`** (копейки при `course={100}`).
@@ -18,7 +19,7 @@ export type TMoney = TInput & {
18
19
  /**
19
20
  * Поле суммы. Клавиатура `decimal`.
20
21
  */
21
- declare function MoneyField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, onBlur: onBlurField, className, after, before, inputmode, course, view, type, isClear, size, }: TMoney): import("react/jsx-runtime").JSX.Element | "";
22
+ declare function MoneyField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, onBlur: onBlurField, className, after, before, inputmode, course, view, type, isClear, size, }: TMoney): React.JSX.Element | "";
22
23
  declare namespace MoneyField {
23
24
  var displayName: string;
24
25
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Внутренний каркас для {@link EmailField} / {@link UrlField}.
@@ -15,5 +16,5 @@ export type TNativeTextField = TInput & {
15
16
  * Нативный `<input>` внутри той же капсулы, что у остальных полей.
16
17
  * **Элементы:** `label` → капсула (`before` | input | `after`) → `error`.
17
18
  */
18
- declare function NativeTextField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, autoComplete, inputmode, id, size, fieldType, inputType, defaultAriaLabel, }: TNativeTextField): import("react/jsx-runtime").JSX.Element | null;
19
+ declare function NativeTextField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, autoComplete, inputmode, id, size, fieldType, inputType, defaultAriaLabel, }: TNativeTextField): React.JSX.Element | null;
19
20
  export default NativeTextField;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Целые цифры как **строка** в форме (`"123"`), не `number`.
@@ -15,7 +16,7 @@ export type TNumeric = TInput & {
15
16
  /**
16
17
  * Поле целых цифр (строка в form).
17
18
  */
18
- declare function NumberField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, size, inputmode, maxLength, max, view, }: TNumeric): import("react/jsx-runtime").JSX.Element | null;
19
+ declare function NumberField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, size, inputmode, maxLength, max, view, }: TNumeric): React.JSX.Element | null;
19
20
  declare namespace NumberField {
20
21
  var displayName: string;
21
22
  }
@@ -45,7 +45,7 @@ export type TOptions = {
45
45
  /**
46
46
  * Список выбранных значений; клик по капсуле открывает модалку приложения.
47
47
  */
48
- declare function OptionsField({ value, form, onValue, name, placeholder, separator, label, error, hidden, disabled, outFormat, after, before, modal, options, className, size, }: TOptions): import("react/jsx-runtime").JSX.Element;
48
+ declare function OptionsField({ value, form, onValue, name, placeholder, separator, label, error, hidden, disabled, outFormat, after, before, modal, options, className, size, }: TOptions): import("react").JSX.Element;
49
49
  declare namespace OptionsField {
50
50
  var displayName: string;
51
51
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TPasswordField } from './type';
2
3
  /**
3
4
  * Пароль с переключателем видимости (кнопка-глаз в слоте `after`).
@@ -11,7 +12,7 @@ import { TPasswordField } from './type';
11
12
  * <PasswordField name="password" form={form} label="Пароль" autoComplete="current-password" />
12
13
  * <PasswordField name="pin" form={form} generate maxLength={12} />
13
14
  */
14
- declare function PasswordField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, onBlur: onBlurField, className, after, before, native, maxLength, eyes, generate, id, size, }: TPasswordField): import("react/jsx-runtime").JSX.Element | "";
15
+ declare function PasswordField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, onBlur: onBlurField, className, after, before, native, maxLength, eyes, generate, id, size, }: TPasswordField): React.JSX.Element | "";
15
16
  declare namespace PasswordField {
16
17
  var displayName: string;
17
18
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Процент как **`number`** в форме (не строка).
@@ -17,7 +18,7 @@ export type TPercent = TInput & {
17
18
  /**
18
19
  * Поле процента. Не путать с {@link NumberField} (там строка цифр).
19
20
  */
20
- declare function PercentField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, min, max, decimals, inputmode, size, }: TPercent): import("react/jsx-runtime").JSX.Element | null;
21
+ declare function PercentField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, min, max, decimals, inputmode, size, }: TPercent): React.JSX.Element | null;
21
22
  declare namespace PercentField {
22
23
  var displayName: string;
23
24
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Телефон с маской по стране. В форму пишутся **только цифры** (без `+` и скобок).
@@ -12,7 +13,7 @@ import { TInput } from './type';
12
13
  * @example
13
14
  * <PhoneField name="phone" form={form} label="Телефон" />
14
15
  */
15
- declare function PhoneField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, inputmode, id, size, }: TInput): import("react/jsx-runtime").JSX.Element | null;
16
+ declare function PhoneField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, inputmode, id, size, }: TInput): React.JSX.Element | null;
16
17
  declare namespace PhoneField {
17
18
  var displayName: string;
18
19
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  type RadioOptionObject = Record<string | number, {
3
4
  n: string;
@@ -31,7 +32,7 @@ export type TRadio = TInput & {
31
32
  /**
32
33
  * Радиогруппа. Один выбранный id в форме.
33
34
  */
34
- declare function RadioField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, options, inline, align, size, }: TRadio): import("react/jsx-runtime").JSX.Element | null;
35
+ declare function RadioField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, options, inline, align, size, }: TRadio): React.JSX.Element | null;
35
36
  declare namespace RadioField {
36
37
  var displayName: string;
37
38
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /** `bar` — толстая «таблетка» с заливкой; `line` — тонкая линия и круглый thumb */
3
4
  export type TRangeVariant = "bar" | "line";
@@ -22,7 +23,7 @@ export type TRange = TInput & {
22
23
  /**
23
24
  * Диапазон. Клавиши стрелок при фокусе на треке.
24
25
  */
25
- declare function RangeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, min, max, step, variant, size, }: TRange): import("react/jsx-runtime").JSX.Element | null;
26
+ declare function RangeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, min, max, step, variant, size, }: TRange): React.JSX.Element | null;
26
27
  declare namespace RangeField {
27
28
  var displayName: string;
28
29
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Оценка звёздами.
@@ -17,7 +18,7 @@ export type TRating = TInput & {
17
18
  /**
18
19
  * Звёздный рейтинг.
19
20
  */
20
- declare function RatingField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, max, allowClear, size, }: TRating): import("react/jsx-runtime").JSX.Element | null;
21
+ declare function RatingField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, max, allowClear, size, }: TRating): React.JSX.Element | null;
21
22
  declare namespace RatingField {
22
23
  var displayName: string;
23
24
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Простой WYSIWYG (`document.execCommand`). **В форме:** HTML-строка.
@@ -15,7 +16,7 @@ export type TRichText = TInput & {
15
16
  /**
16
17
  * Rich-текст. Значение — HTML, не plain text.
17
18
  */
18
- declare function RichTextField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, spellCheck, toolbar, size, }: TRichText): import("react/jsx-runtime").JSX.Element | null;
19
+ declare function RichTextField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, spellCheck, toolbar, size, }: TRichText): React.JSX.Element | null;
19
20
  declare namespace RichTextField {
20
21
  var displayName: string;
21
22
  }
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { default as React, ReactNode } from 'react';
2
2
  import { TInput } from './type';
3
3
  import { SearchHotkey } from './searchHotkey';
4
4
  import { SearchSuggestion } from './SearchSuggestions';
@@ -54,7 +54,7 @@ export type TSearch = TInput & {
54
54
  /**
55
55
  * Поле поиска. Лупа / спиннер слева, clear справа, подсказки в портале.
56
56
  */
57
- declare function SearchField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, id, size, maxLength, autoComplete, timeout, onSearch, loading, suggestions: suggestionsProp, loadSuggestions, onSuggestionSelect, renderSuggestion, suggestionsOpen, onSuggestionsOpenChange, width, variant, dir, resultsCount, resultsAnnounce, minimal, collapseDelay, hotkeyBadge, clearable, hotkey, }: TSearch): import("react/jsx-runtime").JSX.Element | null;
57
+ declare function SearchField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, id, size, maxLength, autoComplete, timeout, onSearch, loading, suggestions: suggestionsProp, loadSuggestions, onSuggestionSelect, renderSuggestion, suggestionsOpen, onSuggestionsOpenChange, width, variant, dir, resultsCount, resultsAnnounce, minimal, collapseDelay, hotkeyBadge, clearable, hotkey, }: TSearch): React.JSX.Element | null;
58
58
  declare namespace SearchField {
59
59
  var displayName: string;
60
60
  }
@@ -22,5 +22,5 @@ type SuggestionsProps = {
22
22
  /**
23
23
  * Список подсказок в портале (якорь к капсуле).
24
24
  */
25
- export declare function SearchSuggestions({ id, items, activeIndex, parent, onHover, onSelect, renderItem, }: SuggestionsProps): import("react/jsx-runtime").JSX.Element;
25
+ export declare function SearchSuggestions({ id, items, activeIndex, parent, onHover, onSelect, renderItem, }: SuggestionsProps): React.JSX.Element;
26
26
  export {};
@@ -36,7 +36,7 @@ export type TSelect = TInput & {
36
36
  /**
37
37
  * Селект: клик по капсуле открывает список, привязанный к полю при скролле.
38
38
  */
39
- declare function SelectField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, className, after, before, options, order, size, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
39
+ declare function SelectField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, className, after, before, options, order, size, }: TSelect): React.JSX.Element | "";
40
40
  declare namespace SelectField {
41
41
  var displayName: string;
42
42
  }
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { default as React, ReactNode } from 'react';
2
2
  import { TInput } from './type';
3
3
  type TabsOptionObject = Record<string | number, {
4
4
  n: string;
@@ -48,7 +48,7 @@ export type TTabs = TInput & {
48
48
  /**
49
49
  * Сегмент-контрол. Фокус на сегменте, не на всей капсуле.
50
50
  */
51
- declare function TabsField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, options, equal, variant, size, }: TTabs): import("react/jsx-runtime").JSX.Element | null;
51
+ declare function TabsField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, options, equal, variant, size, }: TTabs): React.JSX.Element | null;
52
52
  declare namespace TabsField {
53
53
  var displayName: string;
54
54
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Чипы / теги.
@@ -17,7 +18,7 @@ export type TTags = TInput & {
17
18
  /**
18
19
  * Поле тегов. Backspace на пустом вводе удаляет последний чип.
19
20
  */
20
- declare function TagsField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxTags, maxLength, separators, size, }: TTags): import("react/jsx-runtime").JSX.Element | null;
21
+ declare function TagsField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxTags, maxLength, separators, size, }: TTags): React.JSX.Element | null;
21
22
  declare namespace TagsField {
22
23
  var displayName: string;
23
24
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Многострочный текст (`contentEditable`).
@@ -9,7 +10,7 @@ import { TInput } from './type';
9
10
  * @example
10
11
  * <TextareaField name="comment" form={form} label="Комментарий" placeholder="Текст…" />
11
12
  */
12
- declare function TextareaField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, size, inputmode, maxLength, spellCheck, }: TInput): import("react/jsx-runtime").JSX.Element | null;
13
+ declare function TextareaField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, size, inputmode, maxLength, spellCheck, }: TInput): React.JSX.Element | null;
13
14
  declare namespace TextareaField {
14
15
  var displayName: string;
15
16
  }
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { TInput } from './type';
2
3
  /**
3
4
  * Время `HH:mm` (два contentEditable: часы и минуты).
@@ -35,7 +36,7 @@ export type TTime = TInput & {
35
36
  * Поле времени. Пока фокус в группе — в DOM сырые цифры; в форму `HH:mm` уходит на blur.
36
37
  * Popup слотов — при `picker` / `presets`.
37
38
  */
38
- declare function TimeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, hidden, disabled, error, className, after, before, step, min, max, id, spellCheck, align, picker, presets, size, }: TTime): import("react/jsx-runtime").JSX.Element | null;
39
+ declare function TimeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, hidden, disabled, error, className, after, before, step, min, max, id, spellCheck, align, picker, presets, size, }: TTime): React.JSX.Element | null;
39
40
  declare namespace TimeField {
40
41
  var displayName: string;
41
42
  }
@@ -20,5 +20,5 @@ export type TTimePickerProps = {
20
20
  onPick: (slot: string) => void;
21
21
  };
22
22
  /** Список времени `role="listbox"`. */
23
- declare function TimePicker({ parent, slots, current, activeIndex, listId, className, setOpen, setActiveIndex, onPick, }: TTimePickerProps): import("react/jsx-runtime").JSX.Element;
23
+ declare function TimePicker({ parent, slots, current, activeIndex, listId, className, setOpen, setActiveIndex, onPick, }: TTimePickerProps): React.JSX.Element;
24
24
  export default TimePicker;
@@ -12,7 +12,7 @@ export type TUrl = TInput;
12
12
  /**
13
13
  * Поле URL (автозаполнение `url`, клавиатура `inputMode="url"`).
14
14
  */
15
- declare function UrlField(props: TUrl): import("react/jsx-runtime").JSX.Element;
15
+ declare function UrlField(props: TUrl): React.JSX.Element;
16
16
  declare namespace UrlField {
17
17
  var displayName: string;
18
18
  }
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  (function () {
3
3
  if (typeof document === "undefined") return;
4
4
  var id = "elcrm-form-base-styles";
5
- var ver = "0.1.17";
5
+ var ver = "0.1.18";
6
6
  var prev = document.getElementById(id);
7
7
  if (prev) {
8
8
  if (prev.getAttribute("data-version") === ver) return;