@cube-dev/ui-kit 0.6.56 → 0.6.60

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 (35) hide show
  1. package/dist/cjs/components/forms/Form/Field.d.ts +6 -3
  2. package/dist/cjs/components/forms/Form/Form.d.ts +9 -6
  3. package/dist/cjs/components/forms/Form/index.d.ts +1 -0
  4. package/dist/cjs/components/forms/Form/useForm.d.ts +13 -13
  5. package/dist/cjs/components/forms/TextInput/TextInput.d.ts +3 -1
  6. package/dist/cjs/components/overlays/Dialog/Dialog.d.ts +5 -0
  7. package/dist/cjs/components/overlays/Dialog/DialogContainer.d.ts +1 -1
  8. package/dist/cjs/components/overlays/Dialog/DialogForm.d.ts +9 -1
  9. package/dist/cjs/components/types.d.ts +12 -16
  10. package/dist/cjs/index.d.ts +8 -5
  11. package/dist/cjs/index.js +4 -4
  12. package/dist/cjs/index.js.map +1 -1
  13. package/dist/cjs/shared/form.d.ts +6 -0
  14. package/dist/cjs/stories/FormFieldArgs.d.ts +9 -30
  15. package/dist/cjs/stories/components/ConfirmDeletionDialogForm.d.ts +7 -0
  16. package/dist/cjs/stories/components/DialogFormApp.d.ts +2 -0
  17. package/dist/cjs/stories/lists/baseProps.d.ts +1 -0
  18. package/dist/mjs/components/forms/Form/Field.d.ts +6 -3
  19. package/dist/mjs/components/forms/Form/Form.d.ts +9 -6
  20. package/dist/mjs/components/forms/Form/index.d.ts +1 -0
  21. package/dist/mjs/components/forms/Form/useForm.d.ts +13 -13
  22. package/dist/mjs/components/forms/TextInput/TextInput.d.ts +3 -1
  23. package/dist/mjs/components/overlays/Dialog/Dialog.d.ts +5 -0
  24. package/dist/mjs/components/overlays/Dialog/DialogContainer.d.ts +1 -1
  25. package/dist/mjs/components/overlays/Dialog/DialogForm.d.ts +9 -1
  26. package/dist/mjs/components/types.d.ts +12 -16
  27. package/dist/mjs/index.d.ts +8 -5
  28. package/dist/mjs/index.js +5 -5
  29. package/dist/mjs/index.js.map +1 -1
  30. package/dist/mjs/shared/form.d.ts +6 -0
  31. package/dist/mjs/stories/FormFieldArgs.d.ts +9 -30
  32. package/dist/mjs/stories/components/ConfirmDeletionDialogForm.d.ts +7 -0
  33. package/dist/mjs/stories/components/DialogFormApp.d.ts +2 -0
  34. package/dist/mjs/stories/lists/baseProps.d.ts +1 -0
  35. 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
- control: {
6
- type: string;
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
- control: {
31
- type: string;
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
- control: {
62
- type: string;
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
- control: {
163
- type: string;
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,2 @@
1
+ /// <reference types="react" />
2
+ export declare function DialogFormApp(): JSX.Element;
@@ -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.56",
3
+ "version": "0.6.60",
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.3.4",
92
- "@storybook/addon-essentials": "^6.3.4",
93
- "@storybook/addon-links": "^6.3.4",
94
- "@storybook/react": "^6.3.4",
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",