@elcrm/form 0.0.63 → 0.0.65

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 (94) hide show
  1. package/README.md +139 -0
  2. package/dist/Form.d.ts +20 -0
  3. package/dist/Form.js +11 -0
  4. package/dist/FormInitContext.d.ts +25 -0
  5. package/dist/FormInitContext.js +20 -0
  6. package/dist/assets/styles/Field.module.css +1 -0
  7. package/dist/assets/styles/Form.module.css +1 -0
  8. package/dist/assets/styles/Select.module.css +1 -0
  9. package/dist/core/Field.d.ts +19 -0
  10. package/dist/core/Field.js +33 -0
  11. package/dist/events/onEvent.d.ts +55 -0
  12. package/dist/events/onEvent.js +67 -0
  13. package/dist/fields/Date.d.ts +13 -0
  14. package/dist/fields/Date.js +352 -0
  15. package/dist/fields/Input.d.ts +12 -0
  16. package/dist/fields/Input.js +127 -0
  17. package/dist/fields/Mask.d.ts +9 -0
  18. package/dist/fields/Mask.js +101 -0
  19. package/dist/fields/Modal.d.ts +25 -0
  20. package/dist/fields/Modal.js +62 -0
  21. package/dist/fields/Money.d.ts +14 -0
  22. package/dist/fields/Money.js +100 -0
  23. package/dist/fields/Numeric.d.ts +9 -0
  24. package/dist/fields/Numeric.js +73 -0
  25. package/dist/fields/Options.d.ts +32 -0
  26. package/dist/fields/Options.js +69 -0
  27. package/dist/fields/Password.d.ts +6 -0
  28. package/dist/fields/Password.js +153 -0
  29. package/dist/fields/Phone.d.ts +7 -0
  30. package/dist/fields/Phone.js +112 -0
  31. package/dist/fields/Range.d.ts +16 -0
  32. package/dist/fields/Range.js +103 -0
  33. package/dist/fields/Select.d.ts +21 -0
  34. package/dist/fields/Select.js +146 -0
  35. package/dist/fields/Textarea.d.ts +7 -0
  36. package/dist/fields/Textarea.js +52 -0
  37. package/dist/fields/Time.d.ts +26 -0
  38. package/dist/fields/Time.js +254 -0
  39. package/dist/fields/type.d.ts +77 -0
  40. package/dist/fields/visibility.d.ts +6 -0
  41. package/dist/fields/visibility.js +6 -0
  42. package/dist/hooks/use.d.ts +41 -0
  43. package/dist/hooks/use.js +57 -0
  44. package/dist/index.d.ts +26 -2
  45. package/dist/index.js +26 -0
  46. package/dist/mask/MaskPhone.d.ts +8 -0
  47. package/dist/mask/MaskPhone.js +1384 -0
  48. package/dist/package.js +96 -0
  49. package/dist/styles/Field.module.js +22 -0
  50. package/dist/styles/Form.module.js +12 -0
  51. package/dist/styles/Select.module.js +8 -0
  52. package/package.json +72 -11
  53. package/src/lib/styles/Field.module.scss +315 -0
  54. package/src/lib/styles/Form.module.scss +313 -0
  55. package/src/lib/styles/Select.module.scss +90 -0
  56. package/src/lib/styles/dark.css +47 -0
  57. package/src/lib/styles/light.css +51 -0
  58. package/dist/index.css +0 -1
  59. package/dist/index.es.js +0 -5045
  60. package/dist/index.umd.js +0 -89
  61. package/dist/src/lib/Captcha.d.ts +0 -1
  62. package/dist/src/lib/Check.d.ts +0 -13
  63. package/dist/src/lib/Code.d.ts +0 -22
  64. package/dist/src/lib/Color.d.ts +0 -22
  65. package/dist/src/lib/Field.d.ts +0 -13
  66. package/dist/src/lib/Files.d.ts +0 -20
  67. package/dist/src/lib/Generator.d.ts +0 -1
  68. package/dist/src/lib/Group.d.ts +0 -21
  69. package/dist/src/lib/Image.d.ts +0 -22
  70. package/dist/src/lib/Init.d.ts +0 -1
  71. package/dist/src/lib/MaskPhone.d.ts +0 -2
  72. package/dist/src/lib/Message.d.ts +0 -15
  73. package/dist/src/lib/Money.d.ts +0 -22
  74. package/dist/src/lib/Month.d.ts +0 -18
  75. package/dist/src/lib/Palette.d.ts +0 -9
  76. package/dist/src/lib/Progress.d.ts +0 -9
  77. package/dist/src/lib/Toogle.d.ts +0 -8
  78. package/dist/src/lib/Users.d.ts +0 -1
  79. package/dist/src/lib/_Time.d.ts +0 -0
  80. package/dist/src/lib/fields/Date.d.ts +0 -18
  81. package/dist/src/lib/fields/Input.d.ts +0 -27
  82. package/dist/src/lib/fields/Mask.d.ts +0 -19
  83. package/dist/src/lib/fields/Modal.d.ts +0 -19
  84. package/dist/src/lib/fields/Numeric.d.ts +0 -6
  85. package/dist/src/lib/fields/Options.d.ts +0 -22
  86. package/dist/src/lib/fields/Password.d.ts +0 -23
  87. package/dist/src/lib/fields/Phone.d.ts +0 -21
  88. package/dist/src/lib/fields/Select copy.d.ts +0 -23
  89. package/dist/src/lib/fields/Select.d.ts +0 -28
  90. package/dist/src/lib/fields/Textarea.d.ts +0 -23
  91. package/dist/src/lib/fields/type.d.ts +0 -30
  92. package/dist/src/lib/index.d.ts +0 -16
  93. package/dist/src/lib/onEvent.d.ts +0 -2
  94. package/dist/src/lib/use.d.ts +0 -10
@@ -1,18 +0,0 @@
1
- import { TInput } from './type';
2
- type TDate = TInput & {
3
- max?: Date;
4
- min?: Date;
5
- icon?: () => JSX.Element;
6
- };
7
- /**
8
- * DateField component
9
- *
10
- * @param {string} [title] - заголовок
11
- * @param {string} [error] - ошибка
12
- * @param {boolean} [edit] - редактировать
13
- * @param {boolean} [active] - активность
14
- * @param {string} [className] - css class
15
- * @param {string} [placeholder] - placeholder
16
- */
17
- export default function ({ title, error, edit, active, className, placeholder, max, min, onValue, icon, name, value, after, }: TDate): import("react/jsx-runtime").JSX.Element;
18
- export {};
@@ -1,27 +0,0 @@
1
- import { TInput } from './type';
2
- /**
3
- * StringField component
4
- *
5
- * @param {string} value - Значение поля ввода.
6
- * @param {Function} onValue - Колбэк при изменении значения.
7
- * @param {Function} [onSave] - Колбэк при сохранении значения (например, при потере фокуса).
8
- * @param {string} [name] - Имя поля.
9
- * @param {string} [placeholder] - Текст-подсказка, отображаемый, когда поле пустое.
10
- * @param {string} [title] - Заголовок или подпись для поля.
11
- * @param {string} [label] - Метка поля (альтернативное описание).
12
- * @param {string} [error] - Текст ошибки для индикации некорректного ввода.
13
- * @param {boolean} [hide] - Признак скрытия поля.
14
- * @param {boolean} [edit] - Признак возможности редактировать поле.
15
- * @param {Boolean} [active] - Является ли поле активным.
16
- * @param {any} [after] - Контент, отображаемый после поля (например, иконка).
17
- * @param {any} [before] - Контент, отображаемый перед полем.
18
- * @param {Boolean} [show] - Показывать ли поле.
19
- * @param {string} [view] - Тип отображения поля.
20
- * @param {string} [id] - Уникальный идентификатор поля.
21
- * @param {string} [className] - Дополнительные CSS-классы.
22
- * @param {boolean} [isCopy] - Разрешить возможность копирования значения (по умолчанию true).
23
- * @param {number} [maxLength] - Максимально допустимая длина значения.
24
- * @param {boolean} [isReload] - Нужно ли обновлять данные при изменении.
25
- * @param {boolean} [spellCheck] - Включить проверку орфографии.
26
- */
27
- export default function ({ value, onValue, name, inputmode, placeholder, title, label, show, hide, edit, active, maxLength, onSave, className, spellCheck, isCopy, isReload, after, before, error, }: TInput): import("react/jsx-runtime").JSX.Element | "";
@@ -1,19 +0,0 @@
1
- interface Input {
2
- value?: string;
3
- onValue?: Function;
4
- onSave?: Function;
5
- name?: string;
6
- placeholder?: string;
7
- title?: string;
8
- error?: string;
9
- hide?: boolean;
10
- edit?: boolean;
11
- show?: boolean;
12
- active?: boolean;
13
- after?: string;
14
- view?: string;
15
- format?: string;
16
- className?: string;
17
- }
18
- export default function ({ value, onValue, onSave, name, format, placeholder, title, error, hide, edit, active, after, show, view, className, }: Input): import("react/jsx-runtime").JSX.Element;
19
- export {};
@@ -1,19 +0,0 @@
1
- interface Input {
2
- value?: string | [string | number, string];
3
- onValue?: Function;
4
- name: string;
5
- placeholder?: string;
6
- title?: string;
7
- error?: string;
8
- hide?: boolean;
9
- edit?: boolean;
10
- show?: boolean;
11
- active?: boolean;
12
- after?: string;
13
- view?: string;
14
- className?: string;
15
- modal: string;
16
- options?: any;
17
- }
18
- export default function ({ value, onValue, name, placeholder, title, error, hide, edit, show, active, after, view, modal, options, className, }: Input): import("react/jsx-runtime").JSX.Element;
19
- export {};
@@ -1,6 +0,0 @@
1
- import { TInput } from './type';
2
- type TNumeric = TInput & {
3
- max?: number;
4
- };
5
- export default function Number({ onValue, onSave, active, max, edit, title, error, show, hide, value, placeholder, className, maxLength, name, after, before, view, }: TNumeric): import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,22 +0,0 @@
1
- interface Input {
2
- value?: string;
3
- onValue?: Function;
4
- name: string;
5
- placeholder?: string;
6
- title?: string;
7
- error?: string;
8
- hide?: boolean;
9
- edit?: boolean;
10
- show?: boolean;
11
- active?: boolean;
12
- after?: string;
13
- view?: string;
14
- className?: string;
15
- module?: string;
16
- modal?: string;
17
- options?: any;
18
- outFormat?: "array" | "string" | "object";
19
- separator?: string;
20
- }
21
- export default function ({ value, onValue, name, placeholder, separator, title, error, hide, edit, active, outFormat, after, modal, options, className, }: Input): import("react/jsx-runtime").JSX.Element;
22
- export {};
@@ -1,23 +0,0 @@
1
- interface Data {
2
- value?: string;
3
- onValue?: Function;
4
- onSave?: Function;
5
- name?: string;
6
- placeholder?: string;
7
- title?: string;
8
- error?: string;
9
- hide?: string;
10
- edit?: Boolean;
11
- active?: Boolean;
12
- after?: any;
13
- show?: Boolean;
14
- view?: string;
15
- className?: string;
16
- reload?: boolean;
17
- native?: boolean;
18
- isShow?: boolean;
19
- maxLength?: number;
20
- eyes?: any;
21
- }
22
- export default function ({ value, onValue, onSave, name, placeholder, className, title, error, edit, active, reload, native, isShow, maxLength, eyes, after, }: Data): import("react/jsx-runtime").JSX.Element | "";
23
- export {};
@@ -1,21 +0,0 @@
1
- import { TInput } from './type';
2
- /**
3
- * PhoneField component
4
- *
5
- * @param {string} [value] - значение
6
- * @param {function} [onValue] - callback на изменение
7
- * @param {function} [onSave] - callback на save
8
- * @param {string} [name] - имя
9
- * @param {string} [placeholder] - placeholder
10
- * @param {string} [title] - заголовок
11
- * @param {string} [label] - заголовок (альтернативное title)
12
- * @param {string} [error] - ошибка
13
- * @param {boolean} [hide] - скрыть
14
- * @param {boolean} [edit] - редактировать
15
- * @param {boolean} [active] - активность
16
- * @param {string} [after] - контент после
17
- * @param {boolean} [show] - отображать
18
- * @param {string} [view] - тип view
19
- * @param {string} [className] - css class
20
- */
21
- export default function ({ value, onValue, onSave, name, placeholder, title, label, error, hide, edit, active, after, show, view, className, }: TInput): import("react/jsx-runtime").JSX.Element;
@@ -1,23 +0,0 @@
1
- export type TSelect = {
2
- value?: number;
3
- onValue?: Function;
4
- name?: string;
5
- isReload?: boolean;
6
- placeholder?: string;
7
- title?: string;
8
- error?: string;
9
- hide?: boolean;
10
- edit?: Boolean;
11
- active?: Boolean;
12
- after?: string;
13
- show?: Boolean;
14
- view?: string;
15
- className?: string;
16
- isIcon?: Boolean;
17
- options?: Record<number, {
18
- n: string;
19
- s: number;
20
- }>;
21
- order?: any;
22
- };
23
- export default function ({ title, error, edit, active, hide, value, onValue, options, placeholder, className, isIcon, name, after, view, order, isReload, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
@@ -1,28 +0,0 @@
1
- export type TSelect = {
2
- value?: number;
3
- onValue?: Function;
4
- name?: string;
5
- isReload?: boolean;
6
- placeholder?: string;
7
- title?: string;
8
- error?: string;
9
- hide?: boolean;
10
- edit?: Boolean;
11
- active?: Boolean;
12
- after?: string;
13
- show?: Boolean;
14
- view?: string;
15
- className?: string;
16
- isIcon?: Boolean;
17
- options?: Record<number, {
18
- n: string;
19
- s: number;
20
- }> | Array<{
21
- id?: number;
22
- i?: number;
23
- n: string;
24
- s?: number;
25
- }>;
26
- order?: any;
27
- };
28
- export default function ({ title, error, edit, active, hide, value, onValue, options, placeholder, className, isIcon, name, after, view, order, isReload, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
@@ -1,23 +0,0 @@
1
- import { TInput } from './type';
2
- /**
3
- * TextareaField component
4
- *
5
- * @param {string} [id] - id
6
- * @param {string} [value] - значение
7
- * @param {function} [onValue] - callback на изменение
8
- * @param {string} [name] - имя
9
- * @param {string} [placeholder] - placeholder
10
- * @param {string} [title] - заголовок
11
- * @param {string} [label] - заголовок (альтернативное title)
12
- * @param {boolean} [hide] - скрыть
13
- * @param {boolean} [edit] - редактировать
14
- * @param {boolean} [active] - активность
15
- * @param {string} [after] - контент после
16
- * @param {boolean} [show] - отображать
17
- * @param {number} [maxLength] - максимальная длина
18
- * @param {function} [onSave] - callback на save
19
- * @param {string} [className] - css class
20
- * @param {boolean} [isCopy] - разрешить копирование
21
- * @return {ReactElement} - поле ввода
22
- */
23
- export default function ({ value, onValue, name, placeholder, title, label, hide, edit, active, after, show, maxLength, error, onSave, className, isCopy, }: TInput): import("react/jsx-runtime").JSX.Element | "";
@@ -1,30 +0,0 @@
1
- export type TInput = {
2
- value?: string;
3
- onValue?: (data: TValue) => void | Promise<void>;
4
- onSave?: (data: TValue) => void | Promise<void>;
5
- name?: string;
6
- placeholder?: string;
7
- title?: string;
8
- label?: string;
9
- disabled?: boolean;
10
- error?: string;
11
- hide?: boolean;
12
- edit?: boolean;
13
- active?: Boolean;
14
- after?: any;
15
- before?: any;
16
- show?: Boolean;
17
- view?: string;
18
- id?: string;
19
- className?: string;
20
- isCopy?: boolean;
21
- maxLength?: number;
22
- isReload?: boolean;
23
- spellCheck?: boolean;
24
- inputmode?: "text" | "email" | "none" | "tel" | "url" | "search" | "numeric" | "decimal";
25
- };
26
- export type TValue = {
27
- value: string;
28
- name: string;
29
- reload?: boolean;
30
- };
@@ -1,16 +0,0 @@
1
- export { default as Progress } from './Progress';
2
- export { default as Month } from './Month';
3
- export { default as Money } from './Money';
4
- export { default as MaskField } from './fields/Mask';
5
- export { default as DateField } from './fields/Date';
6
- export { default as TextareaField } from './fields/Textarea';
7
- export { default as PhoneField } from './fields/Phone';
8
- export { default as StringField } from './fields/Input';
9
- export { default as NumberField } from './fields/Numeric';
10
- export { default as OptionsField } from './fields/Options';
11
- export { default as SelectField } from './fields/Select';
12
- export { default as ModalField } from './fields/Modal';
13
- export { default as PasswordField } from './fields/Password';
14
- export { default as Check } from './Check';
15
- export { useData, setValue, runReload, useError } from './use';
16
- export type { TInput, TValue } from './fields/type';
@@ -1,2 +0,0 @@
1
- declare let on: any;
2
- export default on;
@@ -1,10 +0,0 @@
1
- export declare function useData(f?: {}): any[];
2
- type Value = {
3
- value: any;
4
- name: string;
5
- reload?: boolean;
6
- };
7
- export declare function setValue(f: Value): void;
8
- export declare function runReload(f: any): void;
9
- export declare function useError(f?: {}): any[];
10
- export {};