@bluecateng/pelagos-forms 5.1.0 → 5.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {CheckBoxProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormCheckBoxProps extends Omit<CheckBoxProps, 'checked' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected CheckBox whose checked state is managed by auto-forms.
11
+ */
12
+ declare const FormCheckBox: ComponentType<FormCheckBoxProps>;
13
+ export default FormCheckBox;
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {DateInputFieldProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormDateInputProps extends Omit<DateInputFieldProps, 'value' | 'error' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected DateInputField whose value is managed by auto-forms.
11
+ */
12
+ declare const FormDateInput: ComponentType<FormDateInputProps>;
13
+ export default FormDateInput;
@@ -0,0 +1,11 @@
1
+ import { DateInputField } from '@bluecateng/pelagos';
2
+ import { connect } from '@bluecateng/auto-forms';
3
+ export default connect(DateInputField, ({
4
+ value,
5
+ error,
6
+ setValue
7
+ }) => ({
8
+ value,
9
+ error,
10
+ onChange: setValue
11
+ }));
@@ -0,0 +1,13 @@
1
+ import type {ReactElement} from 'react';
2
+ import type {DropDownFieldProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormDropDownProps<T> extends Omit<DropDownFieldProps<T>, 'value' | 'error' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected DropDownField whose value is managed by auto-forms.
11
+ */
12
+ declare const FormDropDown: <T>(props: FormDropDownProps<T>) => ReactElement;
13
+ export default FormDropDown;
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {FileUploaderProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormFileUploaderProps extends Omit<FileUploaderProps, 'files' | 'error' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected FileUploader whose value is managed by auto-forms.
11
+ */
12
+ declare const FormFileUploader: ComponentType<FormFileUploaderProps>;
13
+ export default FormFileUploader;
@@ -0,0 +1,14 @@
1
+ import type {ReactElement} from 'react';
2
+ import type {ListInputProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormListInputProps<T>
5
+ extends Omit<ListInputProps<T>, 'list' | 'error' | 'onListChange' | 'onTextChange' | 'onErrorChange'> {
6
+ /** The form field name used by auto-forms connect HOC */
7
+ name: string;
8
+ }
9
+
10
+ /**
11
+ * A form-connected ListInput whose value is managed by auto-forms.
12
+ */
13
+ declare const FormListInput: <T>(props: FormListInputProps<T>) => ReactElement;
14
+ export default FormListInput;
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {RadioGroupProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormRadioGroupProps extends Omit<RadioGroupProps, 'value' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected RadioGroup whose value is managed by auto-forms.
11
+ */
12
+ declare const FormRadioGroup: ComponentType<FormRadioGroupProps>;
13
+ export default FormRadioGroup;
@@ -0,0 +1,9 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {ButtonProps} from '@bluecateng/pelagos';
3
+
4
+ /**
5
+ * A submit button that adapts its visual `type` based on form dirty state.
6
+ * The underlying Button's `type` prop is controlled internally.
7
+ */
8
+ declare const FormSubmit: ComponentType<Omit<ButtonProps, 'type'>>;
9
+ export default FormSubmit;
@@ -0,0 +1,14 @@
1
+ import type {ReactElement} from 'react';
2
+ import type {TagComboBoxFieldProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormTagComboBoxProps<T>
5
+ extends Omit<TagComboBoxFieldProps<T>, 'tags' | 'error' | 'onChange' | 'onError'> {
6
+ /** The form field name used by auto-forms connect HOC */
7
+ name: string;
8
+ }
9
+
10
+ /**
11
+ * A form-connected TagComboBoxField whose value is managed by auto-forms.
12
+ */
13
+ declare const FormTagComboBox: <T>(props: FormTagComboBoxProps<T>) => ReactElement;
14
+ export default FormTagComboBox;
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {TagInputFieldProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormTagInputProps extends Omit<TagInputFieldProps, 'tags' | 'error' | 'onChange' | 'onError'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected TagInputField whose value is managed by auto-forms.
11
+ */
12
+ declare const FormTagInput: ComponentType<FormTagInputProps>;
13
+ export default FormTagInput;
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {TextAreaFieldProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormTextAreaProps extends Omit<TextAreaFieldProps, 'value' | 'error' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected TextAreaField whose value is managed by auto-forms.
11
+ */
12
+ declare const FormTextArea: ComponentType<FormTextAreaProps>;
13
+ export default FormTextArea;
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {TextInputFieldProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormTextInputProps extends Omit<TextInputFieldProps, 'value' | 'error' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected TextInputField whose value is managed by auto-forms.
11
+ */
12
+ declare const FormTextInput: ComponentType<FormTextInputProps>;
13
+ export default FormTextInput;
@@ -0,0 +1,13 @@
1
+ import type {ComponentType} from 'react';
2
+ import type {ToggleFieldProps} from '@bluecateng/pelagos';
3
+
4
+ export interface FormToggleProps extends Omit<ToggleFieldProps, 'value' | 'onChange'> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+
9
+ /**
10
+ * A form-connected ToggleField whose value is managed by auto-forms.
11
+ */
12
+ declare const FormToggle: ComponentType<FormToggleProps>;
13
+ export default FormToggle;
@@ -0,0 +1,98 @@
1
+ import { ButtonProps, CheckBoxProps, DateInputFieldProps, DropDownFieldProps, FileUploaderProps, ListInputProps, RadioGroupProps, TagComboBoxFieldProps, TagInputFieldProps, TextAreaFieldProps, TextInputFieldProps, ToggleFieldProps } from '@bluecateng/pelagos';
2
+ import { ComponentType, ReactElement } from 'react';
3
+
4
+ export interface FormCheckBoxProps extends Omit<CheckBoxProps, "checked" | "onChange"> {
5
+ /** The form field name used by auto-forms connect HOC */
6
+ name: string;
7
+ }
8
+ /**
9
+ * A form-connected CheckBox whose checked state is managed by auto-forms.
10
+ */
11
+ export declare const FormCheckBox: ComponentType<FormCheckBoxProps>;
12
+ export interface FormDateInputProps extends Omit<DateInputFieldProps, "value" | "error" | "onChange"> {
13
+ /** The form field name used by auto-forms connect HOC */
14
+ name: string;
15
+ }
16
+ /**
17
+ * A form-connected DateInputField whose value is managed by auto-forms.
18
+ */
19
+ export declare const FormDateInput: ComponentType<FormDateInputProps>;
20
+ export interface FormDropDownProps<T> extends Omit<DropDownFieldProps<T>, "value" | "error" | "onChange"> {
21
+ /** The form field name used by auto-forms connect HOC */
22
+ name: string;
23
+ }
24
+ /**
25
+ * A form-connected DropDownField whose value is managed by auto-forms.
26
+ */
27
+ export declare const FormDropDown: <T>(props: FormDropDownProps<T>) => ReactElement;
28
+ export interface FormFileUploaderProps extends Omit<FileUploaderProps, "files" | "error" | "onChange"> {
29
+ /** The form field name used by auto-forms connect HOC */
30
+ name: string;
31
+ }
32
+ /**
33
+ * A form-connected FileUploader whose value is managed by auto-forms.
34
+ */
35
+ export declare const FormFileUploader: ComponentType<FormFileUploaderProps>;
36
+ export interface FormTagComboBoxProps<T> extends Omit<TagComboBoxFieldProps<T>, "tags" | "error" | "onChange" | "onError"> {
37
+ /** The form field name used by auto-forms connect HOC */
38
+ name: string;
39
+ }
40
+ /**
41
+ * A form-connected TagComboBoxField whose value is managed by auto-forms.
42
+ */
43
+ export declare const FormTagComboBox: <T>(props: FormTagComboBoxProps<T>) => ReactElement;
44
+ export interface FormTagInputProps extends Omit<TagInputFieldProps, "tags" | "error" | "onChange" | "onError"> {
45
+ /** The form field name used by auto-forms connect HOC */
46
+ name: string;
47
+ }
48
+ /**
49
+ * A form-connected TagInputField whose value is managed by auto-forms.
50
+ */
51
+ export declare const FormTagInput: ComponentType<FormTagInputProps>;
52
+ export interface FormTextAreaProps extends Omit<TextAreaFieldProps, "value" | "error" | "onChange"> {
53
+ /** The form field name used by auto-forms connect HOC */
54
+ name: string;
55
+ }
56
+ /**
57
+ * A form-connected TextAreaField whose value is managed by auto-forms.
58
+ */
59
+ export declare const FormTextArea: ComponentType<FormTextAreaProps>;
60
+ export interface FormTextInputProps extends Omit<TextInputFieldProps, "value" | "error" | "onChange"> {
61
+ /** The form field name used by auto-forms connect HOC */
62
+ name: string;
63
+ }
64
+ /**
65
+ * A form-connected TextInputField whose value is managed by auto-forms.
66
+ */
67
+ export declare const FormTextInput: ComponentType<FormTextInputProps>;
68
+ export interface FormToggleProps extends Omit<ToggleFieldProps, "value" | "onChange"> {
69
+ /** The form field name used by auto-forms connect HOC */
70
+ name: string;
71
+ }
72
+ /**
73
+ * A form-connected ToggleField whose value is managed by auto-forms.
74
+ */
75
+ export declare const FormToggle: ComponentType<FormToggleProps>;
76
+ export interface FormListInputProps<T> extends Omit<ListInputProps<T>, "list" | "error" | "onListChange" | "onTextChange" | "onErrorChange"> {
77
+ /** The form field name used by auto-forms connect HOC */
78
+ name: string;
79
+ }
80
+ /**
81
+ * A form-connected ListInput whose value is managed by auto-forms.
82
+ */
83
+ export declare const FormListInput: <T>(props: FormListInputProps<T>) => ReactElement;
84
+ export interface FormRadioGroupProps extends Omit<RadioGroupProps, "value" | "onChange"> {
85
+ /** The form field name used by auto-forms connect HOC */
86
+ name: string;
87
+ }
88
+ /**
89
+ * A form-connected RadioGroup whose value is managed by auto-forms.
90
+ */
91
+ export declare const FormRadioGroup: ComponentType<FormRadioGroupProps>;
92
+ /**
93
+ * A submit button that adapts its visual `type` based on form dirty state.
94
+ * The underlying Button's `type` prop is controlled internally.
95
+ */
96
+ export declare const FormSubmit: ComponentType<Omit<ButtonProps, "type">>;
97
+
98
+ export {};
package/dist/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { default as FormCheckBox } from './components/FormCheckBox';
2
+ export { default as FormDateInput } from './components/FormDateInput';
2
3
  export { default as FormDropDown } from './components/FormDropDown';
3
4
  export { default as FormFileUploader } from './components/FormFileUploader';
4
5
  export { default as FormTagComboBox } from './components/FormTagComboBox';
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "@bluecateng/pelagos-forms",
3
- "version": "5.1.0",
3
+ "version": "5.3.0",
4
4
  "description": "Form components",
5
5
  "license": "ISC",
6
6
  "sideEffects": false,
7
7
  "scripts": {
8
- "build": "rm -rf dist && babel -D -d dist --env-name production --root-mode upward src",
8
+ "build": "rm -rf dist && babel -D -d dist --env-name production --root-mode upward src && npm run bundle-dts",
9
+ "bundle-dts": "dts-bundle-generator -o dist/index.d.ts --no-banner --silent --disable-symlinks-following src/index.d.ts",
9
10
  "prepack": "npm run build"
10
11
  },
11
12
  "repository": {
@@ -19,10 +20,11 @@
19
20
  "files": [
20
21
  "dist"
21
22
  ],
23
+ "types": "./dist/index.d.ts",
22
24
  "exports": "./dist/index.js",
23
25
  "peerDependencies": {
24
26
  "@bluecateng/auto-forms": ">= 0",
25
27
  "@bluecateng/pelagos": ">= 10"
26
28
  },
27
- "gitHead": "eb17c5e85d2876075388065da22b9aa805c5182a"
29
+ "gitHead": "971bd581aada6d75b44bf488b0a87a19bb938683"
28
30
  }