demio-ui 1.0.55 → 1.0.57

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.
@@ -8,6 +8,8 @@ type Props = {
8
8
  onCancelClick: MouseEventHandler<HTMLButtonElement>;
9
9
  title?: string;
10
10
  description?: string;
11
+ showLoader?: boolean;
12
+ isOkDisabled?: boolean;
11
13
  };
12
- declare function Alert({ onOpenChange, open, actionText, onActionClick, cancelText, onCancelClick, title, description, }: Props): React.JSX.Element;
14
+ declare function Alert({ onOpenChange, open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, }: Props): React.JSX.Element;
13
15
  export default Alert;
@@ -10,6 +10,7 @@ type Props = {
10
10
  prefix?: string | React.ReactNode;
11
11
  suffix?: string | React.ReactNode;
12
12
  fullWidth?: boolean;
13
+ showLoader?: boolean;
13
14
  };
14
15
  /**
15
16
  * Button component documentation.
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ type Props = {
3
+ size?: 'small' | 'medium' | 'large';
4
+ className?: string;
5
+ inheritColor?: boolean;
6
+ };
7
+ declare function Loader({ size, className, inheritColor }: Props): React.JSX.Element;
8
+ export default Loader;
@@ -0,0 +1 @@
1
+ export { default } from './Loader';
@@ -17,5 +17,5 @@ type Props = {
17
17
  /**
18
18
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/tooltip#keyboard-interactions)
19
19
  **/
20
- export declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, isPortal, ...props }: Props): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
20
+ export declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, isPortal, ...props }: Props): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
21
21
  export default Tooltip;
@@ -1,15 +1,16 @@
1
+ export { default as Alert } from './Alert';
1
2
  export { default as Button } from './Button';
3
+ export { default as Checkbox } from './Checkbox';
4
+ export { default as FormGroup } from './FormGroup';
5
+ export { default as Input } from './Input';
6
+ export { default as InputHint } from './InputHint';
7
+ export { default as Label } from './Label';
8
+ export { default as Loader } from './Loader';
2
9
  export { default as Modal } from './Modal';
3
- export { Tab, TabsContent, TabsList, TabsRoot } from './Tabs';
10
+ export { default as Popover } from './Popover';
11
+ export { default as Progress } from './Progress';
12
+ export { default as RadioGroup } from './RadioGroup';
4
13
  export { default as Switch } from './Switch';
5
14
  export { default as Tooltip } from './Tooltip';
6
15
  export { Select, SelectItem, SelectItemText } from './Select';
7
- export { default as Label } from './Label';
8
- export { default as FormGroup } from './FormGroup';
9
- export { default as Progress } from './Progress';
10
- export { default as Alert } from './Alert';
11
- export { default as Checkbox } from './Checkbox';
12
- export { default as RadioGroup } from './RadioGroup';
13
- export { default as InputHint } from './InputHint';
14
- export { default as Input } from './Input';
15
- export { default as Popover } from './Popover';
16
+ export { Tab, TabsContent, TabsList, TabsRoot } from './Tabs';
package/dist/types.d.ts CHANGED
@@ -2,6 +2,20 @@ import * as React from 'react';
2
2
  import React__default, { MouseEventHandler, FC } from 'react';
3
3
  import * as SelectPrimitive from '@radix-ui/react-select';
4
4
 
5
+ type Props$d = {
6
+ onOpenChange: (open: boolean) => void;
7
+ open: boolean;
8
+ actionText?: string;
9
+ onActionClick: MouseEventHandler<HTMLButtonElement>;
10
+ cancelText?: string;
11
+ onCancelClick: MouseEventHandler<HTMLButtonElement>;
12
+ title?: string;
13
+ description?: string;
14
+ showLoader?: boolean;
15
+ isOkDisabled?: boolean;
16
+ };
17
+ declare function Alert({ onOpenChange, open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, }: Props$d): React__default.JSX.Element;
18
+
5
19
  type Props$c = {
6
20
  disabled?: boolean;
7
21
  children?: string;
@@ -13,6 +27,7 @@ type Props$c = {
13
27
  prefix?: string | React__default.ReactNode;
14
28
  suffix?: string | React__default.ReactNode;
15
29
  fullWidth?: boolean;
30
+ showLoader?: boolean;
16
31
  };
17
32
  /**
18
33
  * Button component documentation.
@@ -20,6 +35,83 @@ type Props$c = {
20
35
  declare const Button: React__default.ForwardRefExoticComponent<Props$c & React__default.RefAttributes<HTMLButtonElement>>;
21
36
 
22
37
  type Props$b = {
38
+ children: React__default.ReactNode;
39
+ disabled?: boolean;
40
+ id: string;
41
+ defaultChecked?: boolean;
42
+ checked?: boolean;
43
+ onChange?: (event: {
44
+ checked: boolean;
45
+ name: string;
46
+ value: string;
47
+ }) => void;
48
+ name?: string;
49
+ value?: string;
50
+ };
51
+ /**
52
+ * Checkbox component documentation.
53
+ **/
54
+ declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$b): React__default.JSX.Element;
55
+
56
+ type Props$a = {
57
+ children: React__default.ReactNode;
58
+ position?: 'horizontal' | 'vertical';
59
+ justify?: 'between' | 'start';
60
+ alignItems?: 'start' | 'stretch';
61
+ };
62
+ declare function FormGroup({ children, position, justify, alignItems, }: Props$a): React__default.JSX.Element;
63
+
64
+ type Props$9 = {
65
+ autoComplete?: 'off' | 'on';
66
+ className?: string;
67
+ counterVisibilityLimit?: number;
68
+ defaultValue?: string;
69
+ disabled?: boolean;
70
+ endAdornment?: React__default.ReactNode;
71
+ endAdornmentClassName?: string;
72
+ errorMessage?: string;
73
+ hint?: string;
74
+ id: string;
75
+ inputWrapperClass?: string;
76
+ isLabelStatic?: boolean;
77
+ label?: string;
78
+ maxLength?: number;
79
+ name?: string;
80
+ onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
81
+ onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
82
+ onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
83
+ optionalText?: string;
84
+ placeholder?: string;
85
+ required?: boolean;
86
+ startAdornment?: React__default.ReactNode;
87
+ type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
88
+ value?: string;
89
+ };
90
+ declare const Input: React__default.ForwardRefExoticComponent<Props$9 & React__default.RefAttributes<HTMLInputElement>>;
91
+
92
+ type Props$8 = {
93
+ children: React__default.ReactNode;
94
+ type?: 'hint' | 'error';
95
+ className?: string;
96
+ };
97
+ declare function InputHint({ children, type, className }: Props$8): React__default.JSX.Element;
98
+
99
+ type Props$7 = {
100
+ htmlFor: string;
101
+ children: React__default.ReactNode;
102
+ className?: string;
103
+ weight?: 'regular' | 'semiBold';
104
+ };
105
+ declare function Label({ htmlFor, children, className, weight }: Props$7): React__default.JSX.Element;
106
+
107
+ type Props$6 = {
108
+ size?: 'small' | 'medium' | 'large';
109
+ className?: string;
110
+ inheritColor?: boolean;
111
+ };
112
+ declare function Loader({ size, className, inheritColor }: Props$6): React__default.JSX.Element;
113
+
114
+ type Props$5 = {
23
115
  children: string | React__default.ReactNode;
24
116
  open: boolean;
25
117
  onOpenChange: (open: boolean) => void;
@@ -35,39 +127,47 @@ type Props$b = {
35
127
  - Esc closes the component automatically.
36
128
  - [Accessibility and Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/dialog#accessibility)
37
129
  **/
38
- declare function Modal({ children, open, onOpenChange, title, hideCloseButton, contentClassName, maxHeight, width, }: Props$b): React__default.JSX.Element;
130
+ declare function Modal({ children, open, onOpenChange, title, hideCloseButton, contentClassName, maxHeight, width, }: Props$5): React__default.JSX.Element;
39
131
 
40
- type TabsRootProps = {
41
- value: string;
42
- onValueChange: (value: string) => void;
43
- defaultValue?: string;
44
- className?: string;
132
+ type Props$4 = {
133
+ align: 'center' | 'start' | 'end';
134
+ childClass: string;
45
135
  children: React__default.ReactNode;
136
+ content: React__default.ReactNode;
137
+ isContentChild: boolean;
138
+ isOpen: boolean;
139
+ onOpen: (open: boolean) => void;
46
140
  };
47
- /**
48
- - [Full keyboard navigation](https://www.radix-ui.com/docs/primitives/components/tabs#accessibility).
49
- **/
50
- declare function TabsRoot({ children, className, ...props }: TabsRootProps): React__default.JSX.Element;
51
- type TabsListProps = {
52
- className?: string;
53
- children: React__default.ReactNode;
141
+ declare const Popover: FC<Props$4>;
142
+
143
+ type Props$3 = {
144
+ progress: number;
145
+ max?: number;
54
146
  };
55
- declare function TabsList({ children, className }: TabsListProps): React__default.JSX.Element;
56
- type TabProps = {
57
- value: string;
58
- className?: string;
59
- children: React__default.ReactNode;
147
+ /**
148
+ * Progress component
149
+ * - Provides context for assistive technology to read the progress of a task.
150
+ **/
151
+ declare function Progress({ max, progress, ...props }: Props$3): React__default.JSX.Element;
152
+
153
+ type Props$2 = {
154
+ items: {
155
+ id: string;
156
+ label: string;
157
+ value: string;
158
+ disabled?: boolean;
159
+ }[];
160
+ error?: string;
161
+ defaultValue?: string;
162
+ ariaLabel?: string;
163
+ hint?: string;
164
+ onChange?: (value: string) => void;
60
165
  disabled?: boolean;
166
+ value?: string;
61
167
  };
62
- declare function Tab({ children, className, ...props }: TabProps): React__default.JSX.Element;
63
- type TabsContentProps = {
64
- value: string;
65
- className?: string;
66
- children: React__default.ReactNode;
67
- };
68
- declare function TabsContent({ children, value, className }: TabsContentProps): React__default.JSX.Element;
168
+ declare function RadioGroup({ items, error, defaultValue, ariaLabel, hint, onChange, disabled, value, ...props }: Props$2): React__default.JSX.Element;
69
169
 
70
- type Props$a = {
170
+ type Props$1 = {
71
171
  checked?: boolean;
72
172
  onCheckedChange?: (checked: boolean) => void;
73
173
  className?: string;
@@ -80,9 +180,9 @@ type Props$a = {
80
180
  /**
81
181
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/switch#keyboard-interactions)
82
182
  **/
83
- declare function Switch({ className, id, disabled, required, name, ...props }: Props$a): React__default.JSX.Element;
183
+ declare function Switch({ className, id, disabled, required, name, ...props }: Props$1): React__default.JSX.Element;
84
184
 
85
- type Props$9 = {
185
+ type Props = {
86
186
  children: React__default.ReactNode;
87
187
  content: React__default.ReactNode | string;
88
188
  open?: boolean;
@@ -100,7 +200,7 @@ type Props$9 = {
100
200
  /**
101
201
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/tooltip#keyboard-interactions)
102
202
  **/
103
- declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, isPortal, ...props }: Props$9): string | number | boolean | Iterable<React__default.ReactNode> | React__default.JSX.Element | null | undefined;
203
+ declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, isPortal, ...props }: Props): string | number | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | null | undefined;
104
204
 
105
205
  type SelectProps = {
106
206
  children: React__default.ReactNode;
@@ -122,125 +222,35 @@ type SelectItemProps = {
122
222
  declare const SelectItem: React__default.ForwardRefExoticComponent<SelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
123
223
  declare const SelectItemText: React__default.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React__default.RefAttributes<HTMLSpanElement>>;
124
224
 
125
- type Props$8 = {
126
- htmlFor: string;
127
- children: React__default.ReactNode;
225
+ type TabsRootProps = {
226
+ value: string;
227
+ onValueChange: (value: string) => void;
228
+ defaultValue?: string;
128
229
  className?: string;
129
- weight?: 'regular' | 'semiBold';
130
- };
131
- declare function Label({ htmlFor, children, className, weight }: Props$8): React__default.JSX.Element;
132
-
133
- type Props$7 = {
134
- children: React__default.ReactNode;
135
- position?: 'horizontal' | 'vertical';
136
- justify?: 'between' | 'start';
137
- alignItems?: 'start' | 'stretch';
138
- };
139
- declare function FormGroup({ children, position, justify, alignItems, }: Props$7): React__default.JSX.Element;
140
-
141
- type Props$6 = {
142
- progress: number;
143
- max?: number;
144
- };
145
- /**
146
- * Progress component
147
- * - Provides context for assistive technology to read the progress of a task.
148
- **/
149
- declare function Progress({ max, progress, ...props }: Props$6): React__default.JSX.Element;
150
-
151
- type Props$5 = {
152
- onOpenChange: (open: boolean) => void;
153
- open: boolean;
154
- actionText?: string;
155
- onActionClick: MouseEventHandler<HTMLButtonElement>;
156
- cancelText?: string;
157
- onCancelClick: MouseEventHandler<HTMLButtonElement>;
158
- title?: string;
159
- description?: string;
160
- };
161
- declare function Alert({ onOpenChange, open, actionText, onActionClick, cancelText, onCancelClick, title, description, }: Props$5): React__default.JSX.Element;
162
-
163
- type Props$4 = {
164
230
  children: React__default.ReactNode;
165
- disabled?: boolean;
166
- id: string;
167
- defaultChecked?: boolean;
168
- checked?: boolean;
169
- onChange?: (event: {
170
- checked: boolean;
171
- name: string;
172
- value: string;
173
- }) => void;
174
- name?: string;
175
- value?: string;
176
231
  };
177
232
  /**
178
- * Checkbox component documentation.
179
- **/
180
- declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$4): React__default.JSX.Element;
181
-
182
- type Props$3 = {
183
- items: {
184
- id: string;
185
- label: string;
186
- value: string;
187
- disabled?: boolean;
188
- }[];
189
- error?: string;
190
- defaultValue?: string;
191
- ariaLabel?: string;
192
- hint?: string;
193
- onChange?: (value: string) => void;
194
- disabled?: boolean;
195
- value?: string;
196
- };
197
- declare function RadioGroup({ items, error, defaultValue, ariaLabel, hint, onChange, disabled, value, ...props }: Props$3): React__default.JSX.Element;
198
-
199
- type Props$2 = {
200
- children: React__default.ReactNode;
201
- type?: 'hint' | 'error';
233
+ - [Full keyboard navigation](https://www.radix-ui.com/docs/primitives/components/tabs#accessibility).
234
+ **/
235
+ declare function TabsRoot({ children, className, ...props }: TabsRootProps): React__default.JSX.Element;
236
+ type TabsListProps = {
202
237
  className?: string;
238
+ children: React__default.ReactNode;
203
239
  };
204
- declare function InputHint({ children, type, className }: Props$2): React__default.JSX.Element;
205
-
206
- type Props$1 = {
207
- autoComplete?: 'off' | 'on';
240
+ declare function TabsList({ children, className }: TabsListProps): React__default.JSX.Element;
241
+ type TabProps = {
242
+ value: string;
208
243
  className?: string;
209
- counterVisibilityLimit?: number;
210
- defaultValue?: string;
244
+ children: React__default.ReactNode;
211
245
  disabled?: boolean;
212
- endAdornment?: React__default.ReactNode;
213
- endAdornmentClassName?: string;
214
- errorMessage?: string;
215
- hint?: string;
216
- id: string;
217
- inputWrapperClass?: string;
218
- isLabelStatic?: boolean;
219
- label?: string;
220
- maxLength?: number;
221
- name?: string;
222
- onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
223
- onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
224
- onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
225
- optionalText?: string;
226
- placeholder?: string;
227
- required?: boolean;
228
- startAdornment?: React__default.ReactNode;
229
- type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
230
- value?: string;
231
246
  };
232
- declare const Input: React__default.ForwardRefExoticComponent<Props$1 & React__default.RefAttributes<HTMLInputElement>>;
233
-
234
- type Props = {
235
- align: 'center' | 'start' | 'end';
236
- childClass: string;
247
+ declare function Tab({ children, className, ...props }: TabProps): React__default.JSX.Element;
248
+ type TabsContentProps = {
249
+ value: string;
250
+ className?: string;
237
251
  children: React__default.ReactNode;
238
- content: React__default.ReactNode;
239
- isContentChild: boolean;
240
- isOpen: boolean;
241
- onOpen: (open: boolean) => void;
242
252
  };
243
- declare const Popover: FC<Props>;
253
+ declare function TabsContent({ children, value, className }: TabsContentProps): React__default.JSX.Element;
244
254
 
245
255
  var _path$x, _g$u;
246
256
  function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
@@ -1222,4 +1232,4 @@ declare namespace index {
1222
1232
  };
1223
1233
  }
1224
1234
 
1225
- export { Alert, Button, Checkbox, FormGroup, Input, InputHint, Label, Modal, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, index as icons };
1235
+ export { Alert, Button, Checkbox, FormGroup, Input, InputHint, Label, Loader, Modal, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, index as icons };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "demio-ui",
3
- "version": "1.0.55",
3
+ "version": "1.0.57",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",