cortex-react-ui 0.1.106 → 0.1.108

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 (82) hide show
  1. package/README.md +46 -46
  2. package/lib/cjs/index.js +1 -1
  3. package/lib/cjs/index.js.map +1 -1
  4. package/lib/cjs/types/Button/Button.d.ts +11 -11
  5. package/lib/cjs/types/Button/index.d.ts +1 -1
  6. package/lib/cjs/types/DatePicker/DatePicker.d.ts +7 -7
  7. package/lib/cjs/types/DatePicker/index.d.ts +1 -1
  8. package/lib/cjs/types/Dialog/ConfirmDialog.d.ts +11 -11
  9. package/lib/cjs/types/Dialog/Dialog.d.ts +12 -12
  10. package/lib/cjs/types/Dialog/DialogActions.d.ts +7 -7
  11. package/lib/cjs/types/Dialog/DialogContent.d.ts +7 -7
  12. package/lib/cjs/types/Dialog/DialogFooter.d.ts +7 -7
  13. package/lib/cjs/types/Dialog/DialogHeader.d.ts +7 -7
  14. package/lib/cjs/types/Dialog/DialogTitle.d.ts +9 -9
  15. package/lib/cjs/types/Dialog/ErrorDialog.d.ts +10 -10
  16. package/lib/cjs/types/Dialog/index.d.ts +8 -8
  17. package/lib/cjs/types/DomContainer/DomContainer.d.ts +7 -7
  18. package/lib/cjs/types/DomContainer/index.d.ts +1 -1
  19. package/lib/cjs/types/Icons/ChevronDownIcon.d.ts +6 -6
  20. package/lib/cjs/types/Icons/ChevronRightIcon.d.ts +6 -6
  21. package/lib/cjs/types/Icons/CrossIcon.d.ts +6 -6
  22. package/lib/cjs/types/Icons/index.d.ts +3 -3
  23. package/lib/cjs/types/Input/Input.d.ts +7 -7
  24. package/lib/cjs/types/Input/index.d.ts +1 -1
  25. package/lib/cjs/types/Menu/ContextMenu.d.ts +13 -13
  26. package/lib/cjs/types/Menu/Divider.d.ts +6 -6
  27. package/lib/cjs/types/Menu/Menu.d.ts +9 -9
  28. package/lib/cjs/types/Menu/MenuGroup.d.ts +8 -8
  29. package/lib/cjs/types/Menu/MenuItem.d.ts +13 -13
  30. package/lib/cjs/types/Menu/PopupMenu.d.ts +16 -16
  31. package/lib/cjs/types/Menu/index.d.ts +6 -6
  32. package/lib/cjs/types/Popper/Popper.d.ts +36 -36
  33. package/lib/cjs/types/Popper/index.d.ts +1 -1
  34. package/lib/cjs/types/Select/Select.d.ts +6 -6
  35. package/lib/cjs/types/Select/index.d.ts +1 -1
  36. package/lib/cjs/types/Selected/Selected.d.ts +8 -0
  37. package/lib/cjs/types/Selected/index.d.ts +1 -0
  38. package/lib/cjs/types/Spinner/Spinner.d.ts +7 -7
  39. package/lib/cjs/types/Spinner/index.d.ts +1 -1
  40. package/lib/cjs/types/TagInput/TagInput.d.ts +12 -12
  41. package/lib/cjs/types/TagInput/TagItem.d.ts +9 -9
  42. package/lib/cjs/types/TagInput/TagSearchInput.d.ts +9 -9
  43. package/lib/cjs/types/TagInput/TagSuggestion.d.ts +13 -13
  44. package/lib/cjs/types/TagInput/TagSuggestionGroup.d.ts +8 -8
  45. package/lib/cjs/types/TagInput/TagSuggestionItem.d.ts +8 -8
  46. package/lib/cjs/types/TagInput/index.d.ts +1 -1
  47. package/lib/cjs/types/TagInput/types.d.ts +14 -14
  48. package/lib/cjs/types/TextField/TextField.d.ts +6 -6
  49. package/lib/cjs/types/TextField/TextFieldInput.d.ts +10 -10
  50. package/lib/cjs/types/TextField/index.d.ts +1 -1
  51. package/lib/cjs/types/ToggleButton/ToggleButton.d.ts +11 -11
  52. package/lib/cjs/types/ToggleButton/index.d.ts +1 -1
  53. package/lib/cjs/types/Tooltip/Tooltip.d.ts +12 -12
  54. package/lib/cjs/types/Tooltip/index.d.ts +1 -1
  55. package/lib/cjs/types/Transition/CSSTransition.d.ts +17 -17
  56. package/lib/cjs/types/Transition/Fade.d.ts +13 -13
  57. package/lib/cjs/types/index.d.ts +10 -10
  58. package/lib/cjs/types/utils/classNames.d.ts +1 -1
  59. package/lib/cjs/types/utils/setRef.d.ts +1 -1
  60. package/lib/cjs/types/utils/useClickOutside.d.ts +2 -2
  61. package/lib/cjs/types/utils/useElement.d.ts +2 -2
  62. package/lib/cjs/types/utils/useForkRef.d.ts +2 -2
  63. package/lib/index.d.ts +189 -189
  64. package/lib/styles/Button/index.scss +147 -147
  65. package/lib/styles/Dialog/index.scss +237 -237
  66. package/lib/styles/Icons/index.scss +9 -9
  67. package/lib/styles/Input/index.scss +69 -69
  68. package/lib/styles/Menu/index.scss +129 -129
  69. package/lib/styles/Popper/index.scss +23 -23
  70. package/lib/styles/Select/index.scss +13 -13
  71. package/lib/styles/Selected/index.scss +69 -0
  72. package/lib/styles/Spinner/index.scss +43 -43
  73. package/lib/styles/TagInput/index.scss +141 -141
  74. package/lib/styles/TextField/index.scss +22 -22
  75. package/lib/styles/ToggleButton/index.scss +60 -60
  76. package/lib/styles/Tooltip/index.scss +24 -24
  77. package/lib/styles/Transition/index.scss +15 -15
  78. package/lib/styles/global.scss +158 -158
  79. package/lib/styles/index.scss +42 -40
  80. package/lib/typings/typings/index.d.ts +30 -30
  81. package/lib/typings/typings/tagInput.d.ts +12 -12
  82. package/package.json +98 -98
package/lib/index.d.ts CHANGED
@@ -1,240 +1,240 @@
1
1
  import React from 'react';
2
2
 
3
- declare const PopperPlacement: {
4
- readonly Center: "center";
5
- readonly BottomCenter: "bottom-center";
6
- readonly BottomRight: "bottom-right";
7
- readonly BottomLeft: "bottom-left";
8
- readonly TopCenter: "top-center";
9
- readonly TopRight: "top-right";
10
- readonly TopLeft: "top-left";
11
- readonly LeftTop: "left-top";
12
- readonly LeftBottom: "left-bottom";
13
- readonly LeftCenter: "left-center";
14
- readonly RightTop: "right-top";
15
- readonly RightBottom: "right-bottom";
16
- readonly RightCenter: "right-center";
17
- };
18
- declare type Props$4 = {
19
- anchorEl?: string | HTMLElement | React.RefObject<HTMLElement>;
20
- anchorPosition?: {
21
- top: number;
22
- left: number;
23
- };
24
- placement?: ObjectValues<typeof PopperPlacement>;
25
- open?: boolean;
26
- role?: string;
27
- children?: React.ReactNode;
28
- className?: string;
29
- overflow?: boolean;
30
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
31
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
32
- onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
33
- onMouseOut?: React.MouseEventHandler<HTMLDivElement>;
34
- onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
35
- };
3
+ declare const PopperPlacement: {
4
+ readonly Center: "center";
5
+ readonly BottomCenter: "bottom-center";
6
+ readonly BottomRight: "bottom-right";
7
+ readonly BottomLeft: "bottom-left";
8
+ readonly TopCenter: "top-center";
9
+ readonly TopRight: "top-right";
10
+ readonly TopLeft: "top-left";
11
+ readonly LeftTop: "left-top";
12
+ readonly LeftBottom: "left-bottom";
13
+ readonly LeftCenter: "left-center";
14
+ readonly RightTop: "right-top";
15
+ readonly RightBottom: "right-bottom";
16
+ readonly RightCenter: "right-center";
17
+ };
18
+ declare type Props$4 = {
19
+ anchorEl?: string | HTMLElement | React.RefObject<HTMLElement>;
20
+ anchorPosition?: {
21
+ top: number;
22
+ left: number;
23
+ };
24
+ placement?: ObjectValues<typeof PopperPlacement>;
25
+ open?: boolean;
26
+ role?: string;
27
+ children?: React.ReactNode;
28
+ className?: string;
29
+ overflow?: boolean;
30
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
31
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
32
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
33
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement>;
34
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
35
+ };
36
36
  declare const Popper: React.ForwardRefExoticComponent<Props$4 & React.RefAttributes<HTMLElement>>;
37
37
 
38
- declare type Props$3 = {
39
- children?: React.ReactNode;
40
- container?: HTMLElement | (() => HTMLElement);
41
- };
38
+ declare type Props$3 = {
39
+ children?: React.ReactNode;
40
+ container?: HTMLElement | (() => HTMLElement);
41
+ };
42
42
  declare const DomContainer: React.ForwardRefExoticComponent<Props$3 & React.RefAttributes<HTMLElement>>;
43
43
 
44
- interface SpinnerProps {
45
- className?: string;
46
- variant?: 'indeterminate' | 'determinate';
47
- }
44
+ interface SpinnerProps {
45
+ className?: string;
46
+ variant?: 'indeterminate' | 'determinate';
47
+ }
48
48
  declare const Spinner: React.FC<SpinnerProps>;
49
49
 
50
- interface ButtonProps {
51
- variant?: 'text' | 'contained' | 'outlined';
52
- color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
53
- className?: string;
54
- disable?: boolean;
55
- children?: React.ReactNode;
56
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
57
- }
50
+ interface ButtonProps {
51
+ variant?: 'text' | 'contained' | 'outlined';
52
+ color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
53
+ className?: string;
54
+ disable?: boolean;
55
+ children?: React.ReactNode;
56
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
57
+ }
58
58
  declare const Button: React.FC<ButtonProps>;
59
59
 
60
- interface ToggleButtonProps {
61
- selected?: boolean;
62
- value?: string;
63
- className?: string;
64
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
65
- children?: React.ReactNode;
66
- onChange?: (value: string | undefined) => void;
67
- }
60
+ interface ToggleButtonProps {
61
+ selected?: boolean;
62
+ value?: string;
63
+ className?: string;
64
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
65
+ children?: React.ReactNode;
66
+ onChange?: (value: string | undefined) => void;
67
+ }
68
68
  declare const ToggleButton: React.FC<ToggleButtonProps>;
69
69
 
70
- interface TooltipProps$1 {
71
- children?: React.ReactElement<any>;
72
- anchorEl?: string | HTMLElement | React.RefObject<HTMLElement>;
73
- title: React.ReactNode;
74
- enterDelay?: number;
75
- leaveDelay?: number;
76
- className?: string;
77
- disabled?: boolean;
78
- }
70
+ interface TooltipProps$1 {
71
+ children?: React.ReactElement<any>;
72
+ anchorEl?: string | HTMLElement | React.RefObject<HTMLElement>;
73
+ title: React.ReactNode;
74
+ enterDelay?: number;
75
+ leaveDelay?: number;
76
+ className?: string;
77
+ disabled?: boolean;
78
+ }
79
79
  declare const Tooltip: React.FC<TooltipProps$1>;
80
80
 
81
- declare namespace Cortex {
82
- type Tag = {
83
- id: string;
84
- label: string;
85
- value: any;
86
- };
87
- type TagSuggestion = {
88
- id: string;
89
- label: string;
90
- value?: any;
91
- group?: boolean;
92
- suggestions?: TagSuggestion[];
93
- };
94
- }
95
-
96
- interface TooltipProps {
97
- tags?: Cortex.Tag[];
98
- className?: string;
99
- suggestions?: Cortex.TagSuggestion[];
100
- disableFilter?: boolean;
101
- onTextChange?: (text: string) => void;
102
- onChange?: (tags: Cortex.Tag[]) => void;
103
- }
81
+ declare namespace Cortex {
82
+ type Tag = {
83
+ id: string;
84
+ label: string;
85
+ value: any;
86
+ };
87
+ type TagSuggestion = {
88
+ id: string;
89
+ label: string;
90
+ value?: any;
91
+ group?: boolean;
92
+ suggestions?: TagSuggestion[];
93
+ };
94
+ }
95
+
96
+ interface TooltipProps {
97
+ tags?: Cortex.Tag[];
98
+ className?: string;
99
+ suggestions?: Cortex.TagSuggestion[];
100
+ disableFilter?: boolean;
101
+ onTextChange?: (text: string) => void;
102
+ onChange?: (tags: Cortex.Tag[]) => void;
103
+ }
104
104
  declare const TagInput: React.FC<TooltipProps>;
105
105
 
106
- interface MenuProps {
107
- className?: string;
108
- children?: React.ReactNode;
109
- onClose?: () => void;
110
- onClick?: (event: React.MouseEvent<HTMLUListElement> | undefined) => void;
111
- }
106
+ interface MenuProps {
107
+ className?: string;
108
+ children?: React.ReactNode;
109
+ onClose?: () => void;
110
+ onClick?: (event: React.MouseEvent<HTMLUListElement> | undefined) => void;
111
+ }
112
112
  declare const Menu: React.FC<MenuProps>;
113
113
 
114
- interface ContextMenuProps {
115
- className?: string;
116
- children?: React.ReactNode;
117
- open?: boolean;
118
- placement?: ObjectValues<typeof PopperPlacement>;
119
- container?: string | HTMLElement | React.RefObject<HTMLElement>;
120
- onOpen?: () => void;
121
- onClose?: () => void;
122
- }
114
+ interface ContextMenuProps {
115
+ className?: string;
116
+ children?: React.ReactNode;
117
+ open?: boolean;
118
+ placement?: ObjectValues<typeof PopperPlacement>;
119
+ container?: string | HTMLElement | React.RefObject<HTMLElement>;
120
+ onOpen?: () => void;
121
+ onClose?: () => void;
122
+ }
123
123
  declare const ContextMenu: React.FC<ContextMenuProps>;
124
124
 
125
- interface MenuItemProps {
126
- className?: string;
127
- children?: React.ReactNode;
128
- label?: string;
129
- icon?: React.ReactNode;
130
- active?: boolean;
131
- disable?: boolean;
132
- itemTemplate?: React.ReactNode;
133
- onClick?: () => void;
134
- }
125
+ interface MenuItemProps {
126
+ className?: string;
127
+ children?: React.ReactNode;
128
+ label?: string;
129
+ icon?: React.ReactNode;
130
+ active?: boolean;
131
+ disable?: boolean;
132
+ itemTemplate?: React.ReactNode;
133
+ onClick?: () => void;
134
+ }
135
135
  declare const MenuItem: React.FC<MenuItemProps>;
136
136
 
137
- interface DividerProps {
138
- className?: string;
139
- }
137
+ interface DividerProps {
138
+ className?: string;
139
+ }
140
140
  declare const Divider: React.FC<DividerProps>;
141
141
 
142
- interface PopupMenuProps {
143
- className?: string;
144
- children?: React.ReactNode;
145
- open?: boolean;
146
- placement?: ObjectValues<typeof PopperPlacement>;
147
- anchorPosition?: {
148
- top: number;
149
- left: number;
150
- };
151
- anchorEl?: string | HTMLElement | React.RefObject<HTMLElement>;
152
- onClose?: () => void;
153
- }
142
+ interface PopupMenuProps {
143
+ className?: string;
144
+ children?: React.ReactNode;
145
+ open?: boolean;
146
+ placement?: ObjectValues<typeof PopperPlacement>;
147
+ anchorPosition?: {
148
+ top: number;
149
+ left: number;
150
+ };
151
+ anchorEl?: string | HTMLElement | React.RefObject<HTMLElement>;
152
+ onClose?: () => void;
153
+ }
154
154
  declare const PopupMenu: React.FC<PopupMenuProps>;
155
155
 
156
- interface MenuGroupProps {
157
- title?: string;
158
- className?: string;
159
- children?: React.ReactNode;
160
- }
156
+ interface MenuGroupProps {
157
+ title?: string;
158
+ className?: string;
159
+ children?: React.ReactNode;
160
+ }
161
161
  declare const MenuGroup: React.FC<MenuGroupProps>;
162
162
 
163
- interface DialogProps {
164
- open: boolean;
165
- width?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
166
- fullWidth?: boolean;
167
- fullHeight?: boolean;
168
- className?: string;
169
- children?: React.ReactNode;
170
- onClose?: (() => void);
171
- }
163
+ interface DialogProps {
164
+ open: boolean;
165
+ width?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
166
+ fullWidth?: boolean;
167
+ fullHeight?: boolean;
168
+ className?: string;
169
+ children?: React.ReactNode;
170
+ onClose?: (() => void);
171
+ }
172
172
  declare const Dialog: React.FC<DialogProps>;
173
173
 
174
- interface DialogContentProps$2 {
175
- className?: string;
176
- children?: React.ReactNode;
177
- }
174
+ interface DialogContentProps$2 {
175
+ className?: string;
176
+ children?: React.ReactNode;
177
+ }
178
178
  declare const DialogContent$1: React.FC<DialogContentProps$2>;
179
179
 
180
- interface DialogFooterProps {
181
- className?: string;
182
- children?: React.ReactNode;
183
- }
180
+ interface DialogFooterProps {
181
+ className?: string;
182
+ children?: React.ReactNode;
183
+ }
184
184
  declare const DialogFooter: React.FC<DialogFooterProps>;
185
185
 
186
- interface DialogHeaderProps {
187
- className?: string;
188
- children?: React.ReactNode;
189
- }
186
+ interface DialogHeaderProps {
187
+ className?: string;
188
+ children?: React.ReactNode;
189
+ }
190
190
  declare const DialogHeader: React.FC<DialogHeaderProps>;
191
191
 
192
- interface DialogContentProps$1 {
193
- className?: string;
194
- children?: React.ReactNode;
195
- closeDisable?: boolean;
196
- onClose?: (() => void);
197
- }
192
+ interface DialogContentProps$1 {
193
+ className?: string;
194
+ children?: React.ReactNode;
195
+ closeDisable?: boolean;
196
+ onClose?: (() => void);
197
+ }
198
198
  declare const DialogContent: React.FC<DialogContentProps$1>;
199
199
 
200
- interface DialogContentProps {
201
- className?: string;
202
- children?: React.ReactNode;
203
- }
200
+ interface DialogContentProps {
201
+ className?: string;
202
+ children?: React.ReactNode;
203
+ }
204
204
  declare const DialogActions: React.FC<DialogContentProps>;
205
205
 
206
- interface ConfirmDialogProps {
207
- title: string;
208
- ok?: string;
209
- cancel?: string;
210
- children?: React.ReactNode;
211
- className?: string;
212
- onClose?: (isOk: boolean) => void;
213
- }
206
+ interface ConfirmDialogProps {
207
+ title: string;
208
+ ok?: string;
209
+ cancel?: string;
210
+ children?: React.ReactNode;
211
+ className?: string;
212
+ onClose?: (isOk: boolean) => void;
213
+ }
214
214
  declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
215
215
 
216
- interface ErrorDialogProps {
217
- title: string;
218
- ok?: string;
219
- children?: React.ReactNode;
220
- className?: string;
221
- onClose?: (isOk: boolean) => void;
222
- }
216
+ interface ErrorDialogProps {
217
+ title: string;
218
+ ok?: string;
219
+ children?: React.ReactNode;
220
+ className?: string;
221
+ onClose?: (isOk: boolean) => void;
222
+ }
223
223
  declare const ErrorDialog: React.FC<ErrorDialogProps>;
224
224
 
225
- interface Props$2 {
226
- className?: string;
227
- }
225
+ interface Props$2 {
226
+ className?: string;
227
+ }
228
228
  declare const ChevronDownIcon: React.FC<Props$2>;
229
229
 
230
- interface Props$1 {
231
- className?: string;
232
- }
230
+ interface Props$1 {
231
+ className?: string;
232
+ }
233
233
  declare const ChevronRightIcon: React.FC<Props$1>;
234
234
 
235
- interface Props {
236
- className?: string;
237
- }
235
+ interface Props {
236
+ className?: string;
237
+ }
238
238
  declare const CrossIcon: React.FC<Props>;
239
239
 
240
240
  export { Button, ChevronDownIcon, ChevronRightIcon, ConfirmDialog, ContextMenu, CrossIcon, Dialog, DialogActions, DialogContent$1 as DialogContent, DialogFooter, DialogHeader, DialogContent as DialogTitle, Divider, DomContainer, ErrorDialog, Menu, MenuGroup, MenuItem, Popper, PopupMenu, Spinner, TagInput, ToggleButton, Tooltip };