@cube-dev/ui-kit 0.6.58 → 0.6.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/forms/Form/Field.d.ts +6 -3
- package/dist/cjs/components/forms/Form/Form.d.ts +9 -6
- package/dist/cjs/components/forms/Form/index.d.ts +1 -0
- package/dist/cjs/components/forms/Form/useForm.d.ts +13 -13
- package/dist/cjs/components/overlays/Dialog/Dialog.d.ts +5 -0
- package/dist/cjs/components/overlays/Dialog/DialogForm.d.ts +9 -1
- package/dist/cjs/components/types.d.ts +12 -16
- package/dist/cjs/index.d.ts +3 -4
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/shared/form.d.ts +6 -0
- package/dist/cjs/stories/FormFieldArgs.d.ts +9 -30
- package/dist/cjs/stories/components/ConfirmDeletionDialogForm.d.ts +7 -0
- package/dist/cjs/stories/components/DialogFormApp.d.ts +2 -0
- package/dist/cjs/stories/lists/baseProps.d.ts +1 -0
- package/dist/mjs/components/forms/Form/Field.d.ts +6 -3
- package/dist/mjs/components/forms/Form/Form.d.ts +9 -6
- package/dist/mjs/components/forms/Form/index.d.ts +1 -0
- package/dist/mjs/components/forms/Form/useForm.d.ts +13 -13
- package/dist/mjs/components/overlays/Dialog/Dialog.d.ts +5 -0
- package/dist/mjs/components/overlays/Dialog/DialogForm.d.ts +9 -1
- package/dist/mjs/components/types.d.ts +12 -16
- package/dist/mjs/index.d.ts +3 -4
- package/dist/mjs/index.js +5 -5
- package/dist/mjs/index.js.map +1 -1
- package/dist/mjs/shared/form.d.ts +6 -0
- package/dist/mjs/stories/FormFieldArgs.d.ts +9 -30
- package/dist/mjs/stories/components/ConfirmDeletionDialogForm.d.ts +7 -0
- package/dist/mjs/stories/components/DialogFormApp.d.ts +2 -0
- package/dist/mjs/stories/lists/baseProps.d.ts +1 -0
- package/package.json +8 -5
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Props } from '../components/types';
|
|
2
2
|
import { Styles } from '../styles/types';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
+
/** Where to place label relative to input */
|
|
4
5
|
export declare type LabelPosition = 'side' | 'top';
|
|
6
|
+
/** The type of necessity indicator */
|
|
5
7
|
export declare type NecessityIndicator = 'icon' | 'label';
|
|
6
8
|
/** The validation state of the field */
|
|
7
9
|
export declare type ValidationState = 'invalid' | 'valid';
|
|
@@ -22,13 +24,17 @@ export interface FieldBaseProps extends OptionalFieldBaseProps {
|
|
|
22
24
|
name: string[] | string;
|
|
23
25
|
}
|
|
24
26
|
export interface FormBaseProps {
|
|
27
|
+
/** Styles of the label */
|
|
25
28
|
labelStyles?: Styles;
|
|
29
|
+
/** Where to place label relative to input */
|
|
26
30
|
labelPosition?: LabelPosition;
|
|
27
31
|
/** Whether the field presents required mark */
|
|
28
32
|
requiredMark?: boolean;
|
|
29
33
|
/** Whether the field is required */
|
|
30
34
|
isRequired?: boolean;
|
|
35
|
+
/** The type of necessity indicator */
|
|
31
36
|
necessityIndicator?: NecessityIndicator;
|
|
37
|
+
/** That can replace the necessity label */
|
|
32
38
|
necessityLabel?: ReactNode;
|
|
33
39
|
/** Whether the field is read only */
|
|
34
40
|
isReadOnly?: boolean;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
+
export declare const DISABLE_BASE_ARGS: {};
|
|
1
2
|
export declare const LABEL_POSITION_ARG: {
|
|
2
3
|
labelPosition: {
|
|
3
|
-
defaultValue: string;
|
|
4
4
|
description: string;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
options: string[];
|
|
8
|
-
};
|
|
5
|
+
options: string[];
|
|
6
|
+
control: string;
|
|
9
7
|
table: {
|
|
10
8
|
type: {
|
|
11
9
|
summary: string;
|
|
@@ -18,19 +16,15 @@ export declare const LABEL_POSITION_ARG: {
|
|
|
18
16
|
};
|
|
19
17
|
export declare const LABEL_ARG: {
|
|
20
18
|
label: {
|
|
21
|
-
defaultValue: string;
|
|
22
19
|
control: string;
|
|
23
20
|
description: string;
|
|
24
21
|
};
|
|
25
22
|
};
|
|
26
23
|
export declare const NECESSITY_INDICATOR_ARG: {
|
|
27
24
|
necessityIndicator: {
|
|
28
|
-
defaultValue: string;
|
|
29
25
|
description: string;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
options: (string | boolean)[];
|
|
33
|
-
};
|
|
26
|
+
options: (string | boolean)[];
|
|
27
|
+
control: string;
|
|
34
28
|
table: {
|
|
35
29
|
type: {
|
|
36
30
|
summary: string;
|
|
@@ -43,25 +37,20 @@ export declare const NECESSITY_INDICATOR_ARG: {
|
|
|
43
37
|
};
|
|
44
38
|
export declare const MESSAGE_ARG: {
|
|
45
39
|
message: {
|
|
46
|
-
defaultValue: string;
|
|
47
40
|
description: string;
|
|
48
41
|
control: string;
|
|
49
42
|
};
|
|
50
43
|
};
|
|
51
44
|
export declare const PLACEHOLDER_ARG: {
|
|
52
45
|
placeholder: {
|
|
53
|
-
defaultValue: string;
|
|
54
46
|
control: string;
|
|
55
47
|
};
|
|
56
48
|
};
|
|
57
49
|
export declare const VALIDATION_STATE_ARG: {
|
|
58
50
|
validationState: {
|
|
59
|
-
defaultValue: undefined;
|
|
60
51
|
description: string;
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
options: (string | undefined)[];
|
|
64
|
-
};
|
|
52
|
+
options: (string | undefined)[];
|
|
53
|
+
control: string;
|
|
65
54
|
table: {
|
|
66
55
|
type: {
|
|
67
56
|
summary: string;
|
|
@@ -76,7 +65,6 @@ export declare const IS_LOADING_ARG: {
|
|
|
76
65
|
isLoading: {
|
|
77
66
|
control: string;
|
|
78
67
|
description: string;
|
|
79
|
-
defaultValue: boolean;
|
|
80
68
|
table: {
|
|
81
69
|
type: {
|
|
82
70
|
summary: string;
|
|
@@ -89,7 +77,6 @@ export declare const IS_LOADING_ARG: {
|
|
|
89
77
|
};
|
|
90
78
|
export declare const AUTO_FOCUS_ARG: {
|
|
91
79
|
autoFocus: {
|
|
92
|
-
defaultValue: boolean;
|
|
93
80
|
description: string;
|
|
94
81
|
control: {
|
|
95
82
|
type: string;
|
|
@@ -106,7 +93,6 @@ export declare const AUTO_FOCUS_ARG: {
|
|
|
106
93
|
};
|
|
107
94
|
export declare const IS_REQUIRED_ARG: {
|
|
108
95
|
isRequired: {
|
|
109
|
-
defaultValue: boolean;
|
|
110
96
|
description: string;
|
|
111
97
|
control: {
|
|
112
98
|
type: string;
|
|
@@ -123,7 +109,6 @@ export declare const IS_REQUIRED_ARG: {
|
|
|
123
109
|
};
|
|
124
110
|
export declare const IS_READ_ONLY_ARG: {
|
|
125
111
|
isReadOnly: {
|
|
126
|
-
defaultValue: boolean;
|
|
127
112
|
description: string;
|
|
128
113
|
control: {
|
|
129
114
|
type: string;
|
|
@@ -140,7 +125,6 @@ export declare const IS_READ_ONLY_ARG: {
|
|
|
140
125
|
};
|
|
141
126
|
export declare const IS_DISABLED_ARG: {
|
|
142
127
|
isDisabled: {
|
|
143
|
-
defaultValue: boolean;
|
|
144
128
|
description: string;
|
|
145
129
|
control: {
|
|
146
130
|
type: string;
|
|
@@ -157,12 +141,9 @@ export declare const IS_DISABLED_ARG: {
|
|
|
157
141
|
};
|
|
158
142
|
export declare const SIZE_ARG: {
|
|
159
143
|
size: {
|
|
160
|
-
defaultValue: undefined;
|
|
161
144
|
description: string;
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
options: (string | undefined)[];
|
|
165
|
-
};
|
|
145
|
+
options: (string | undefined)[];
|
|
146
|
+
control: string;
|
|
166
147
|
table: {
|
|
167
148
|
type: {
|
|
168
149
|
summary: string;
|
|
@@ -175,7 +156,6 @@ export declare const SIZE_ARG: {
|
|
|
175
156
|
};
|
|
176
157
|
export declare const MULTILINE_ARG: {
|
|
177
158
|
multiLine: {
|
|
178
|
-
defaultValue: boolean;
|
|
179
159
|
description: string;
|
|
180
160
|
control: {
|
|
181
161
|
type: string;
|
|
@@ -192,7 +172,6 @@ export declare const MULTILINE_ARG: {
|
|
|
192
172
|
};
|
|
193
173
|
export declare const REQUIRED_MARK_ARG: {
|
|
194
174
|
requiredMark: {
|
|
195
|
-
defaultValue: boolean;
|
|
196
175
|
description: string;
|
|
197
176
|
control: {
|
|
198
177
|
type: string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CubeDialogFormRef, CubeDialogFormProps } from '../../index';
|
|
3
|
+
interface ConfirmDeletionDialogFormProps extends Pick<CubeDialogFormProps, 'onSubmit' | 'onDismiss' | 'form'> {
|
|
4
|
+
name?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const ConfirmDeletionDialogForm: import("react").ForwardRefExoticComponent<ConfirmDeletionDialogFormProps & import("react").RefAttributes<CubeDialogFormRef>>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const baseProps: string[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cube-dev/ui-kit",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.59",
|
|
4
4
|
"description": "UIKit for Cube Projects",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/mjs/index.js",
|
|
@@ -88,10 +88,12 @@
|
|
|
88
88
|
"@rollup/plugin-typescript": "^8.2.3",
|
|
89
89
|
"@rollup/plugin-url": "^5.0.1",
|
|
90
90
|
"@size-limit/preset-big-lib": "^4.11.0",
|
|
91
|
-
"@storybook/addon-actions": "^6.
|
|
92
|
-
"@storybook/addon-essentials": "^6.
|
|
93
|
-
"@storybook/addon-
|
|
94
|
-
"@storybook/
|
|
91
|
+
"@storybook/addon-actions": "^6.4.9",
|
|
92
|
+
"@storybook/addon-essentials": "^6.4.9",
|
|
93
|
+
"@storybook/addon-knobs": "^6.4.0",
|
|
94
|
+
"@storybook/addon-links": "^6.4.9",
|
|
95
|
+
"@storybook/preset-create-react-app": "^4.0.0",
|
|
96
|
+
"@storybook/react": "^6.4.9",
|
|
95
97
|
"@svgr/rollup": "^5.4.0",
|
|
96
98
|
"@testing-library/jest-dom": "^5.11.9",
|
|
97
99
|
"@testing-library/react": "^11.0.0",
|
|
@@ -116,6 +118,7 @@
|
|
|
116
118
|
"eslint-plugin-jsx-a11y": "^6.4.1",
|
|
117
119
|
"eslint-plugin-react": "^7.21.5",
|
|
118
120
|
"eslint-plugin-react-hooks": "^4.2.0",
|
|
121
|
+
"eslint-plugin-storybook": "^0.5.5",
|
|
119
122
|
"jest": "^26.6.3",
|
|
120
123
|
"less-loader": "^7.1.0",
|
|
121
124
|
"netlify-cli": "^6.9.6",
|