@qoretechnologies/reqore 0.23.0 → 0.25.2

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 (95) hide show
  1. package/__tests__/collection.test.tsx +72 -0
  2. package/__tests__/panel.test.tsx +35 -2
  3. package/__tests__/tag.test.tsx +21 -7
  4. package/dist/components/Collection/index.d.ts +17 -0
  5. package/dist/components/Collection/index.d.ts.map +1 -0
  6. package/dist/components/Collection/index.js +165 -0
  7. package/dist/components/Collection/index.js.map +1 -0
  8. package/dist/components/Collection/item.d.ts +18 -0
  9. package/dist/components/Collection/item.d.ts.map +1 -0
  10. package/dist/components/Collection/item.js +168 -0
  11. package/dist/components/Collection/item.js.map +1 -0
  12. package/dist/components/Columns/index.d.ts.map +1 -1
  13. package/dist/components/Columns/index.js +1 -1
  14. package/dist/components/Columns/index.js.map +1 -1
  15. package/dist/components/ControlGroup/index.d.ts.map +1 -1
  16. package/dist/components/ControlGroup/index.js +5 -3
  17. package/dist/components/ControlGroup/index.js.map +1 -1
  18. package/dist/components/Drawer/index.d.ts +1 -1
  19. package/dist/components/Drawer/index.d.ts.map +1 -1
  20. package/dist/components/Dropdown/index.d.ts.map +1 -1
  21. package/dist/components/Dropdown/index.js +1 -1
  22. package/dist/components/Dropdown/index.js.map +1 -1
  23. package/dist/components/Dropdown/list.d.ts.map +1 -1
  24. package/dist/components/Dropdown/list.js +2 -1
  25. package/dist/components/Dropdown/list.js.map +1 -1
  26. package/dist/components/InternalPopover/index.js +1 -1
  27. package/dist/components/Menu/index.d.ts.map +1 -1
  28. package/dist/components/Menu/index.js +5 -2
  29. package/dist/components/Menu/index.js.map +1 -1
  30. package/dist/components/Menu/item.d.ts.map +1 -1
  31. package/dist/components/Menu/item.js +2 -2
  32. package/dist/components/Menu/item.js.map +1 -1
  33. package/dist/components/Panel/index.d.ts +12 -12
  34. package/dist/components/Panel/index.d.ts.map +1 -1
  35. package/dist/components/Panel/index.js +66 -36
  36. package/dist/components/Panel/index.js.map +1 -1
  37. package/dist/components/Spacer/index.d.ts +2 -0
  38. package/dist/components/Spacer/index.d.ts.map +1 -0
  39. package/dist/components/Spacer/index.js +20 -0
  40. package/dist/components/Spacer/index.js.map +1 -0
  41. package/dist/components/Table/index.d.ts +4 -4
  42. package/dist/components/Table/index.d.ts.map +1 -1
  43. package/dist/components/Table/index.js.map +1 -1
  44. package/dist/components/Table/row.d.ts +2 -2
  45. package/dist/components/Table/row.d.ts.map +1 -1
  46. package/dist/components/Tag/index.d.ts +2 -1
  47. package/dist/components/Tag/index.d.ts.map +1 -1
  48. package/dist/components/Tag/index.js +11 -10
  49. package/dist/components/Tag/index.js.map +1 -1
  50. package/dist/constants/theme.d.ts +3 -0
  51. package/dist/constants/theme.d.ts.map +1 -1
  52. package/dist/constants/theme.js +9 -1
  53. package/dist/constants/theme.js.map +1 -1
  54. package/dist/hooks/usePopover.d.ts +1 -0
  55. package/dist/hooks/usePopover.d.ts.map +1 -1
  56. package/dist/hooks/usePopover.js +5 -4
  57. package/dist/hooks/usePopover.js.map +1 -1
  58. package/dist/hooks/useTooltip.d.ts +2 -2
  59. package/dist/hooks/useTooltip.d.ts.map +1 -1
  60. package/dist/hooks/useTooltip.js +11 -2
  61. package/dist/hooks/useTooltip.js.map +1 -1
  62. package/dist/index.d.ts +2 -0
  63. package/dist/index.d.ts.map +1 -1
  64. package/dist/index.js +6 -2
  65. package/dist/index.js.map +1 -1
  66. package/dist/types/global.d.ts +29 -0
  67. package/dist/types/global.d.ts.map +1 -1
  68. package/package.json +12 -10
  69. package/src/components/Collection/index.tsx +189 -0
  70. package/src/components/Collection/item.tsx +239 -0
  71. package/src/components/Columns/index.tsx +1 -0
  72. package/src/components/ControlGroup/index.tsx +5 -2
  73. package/src/components/Drawer/index.tsx +1 -1
  74. package/src/components/Dropdown/index.tsx +1 -0
  75. package/src/components/Dropdown/list.tsx +11 -7
  76. package/src/components/InternalPopover/index.tsx +1 -1
  77. package/src/components/Menu/index.tsx +2 -1
  78. package/src/components/Menu/item.tsx +4 -2
  79. package/src/components/Panel/index.tsx +188 -117
  80. package/src/components/Spacer/index.tsx +7 -0
  81. package/src/components/Table/index.tsx +7 -7
  82. package/src/components/Table/row.tsx +2 -2
  83. package/src/components/Tag/index.tsx +27 -5
  84. package/src/constants/theme.ts +9 -0
  85. package/src/hooks/usePopover.tsx +6 -4
  86. package/src/hooks/useTooltip.ts +15 -4
  87. package/src/index.tsx +2 -0
  88. package/src/mock/collectionData.tsx +228 -0
  89. package/src/stories/Collection/Collection.stories.tsx +98 -0
  90. package/src/stories/Columns/Columns.stories.tsx +1 -1
  91. package/src/stories/Dropdown/Dropdown.stories.tsx +1 -1
  92. package/src/stories/Panel/Panel.stories.tsx +22 -0
  93. package/src/stories/Tag/Tag.stories.tsx +2 -0
  94. package/src/types/global.ts +31 -0
  95. package/tests.json +1 -1
package/src/index.tsx CHANGED
@@ -2,6 +2,7 @@ export { default as ReqoreBreadcrumbs } from './components/Breadcrumbs';
2
2
  export { default as ReqoreBreadcrumbsItem } from './components/Breadcrumbs/item';
3
3
  export { default as ReqoreButton } from './components/Button';
4
4
  export { default as ReqoreCheckbox } from './components/Checkbox';
5
+ export { ReqoreCollection } from './components/Collection';
5
6
  export { ReqoreColumns } from './components/Columns';
6
7
  export { ReqoreColumn } from './components/Columns/column';
7
8
  export { ReqoreComment } from './components/Comment';
@@ -31,6 +32,7 @@ export { ReqoreP, ReqoreP as ReqoreParagraph } from './components/Paragraph';
31
32
  export { default as ReqorePopover } from './components/Popover';
32
33
  export { default as ReqoreRadioGroup } from './components/RadioGroup';
33
34
  export { default as ReqoreSidebar } from './components/Sidebar';
35
+ export { ReqoreSpacer } from './components/Spacer';
34
36
  export { default as ReqoreTable } from './components/Table';
35
37
  export { default as ReqoreTabs } from './components/Tabs';
36
38
  export { default as ReqoreTabsContent } from './components/Tabs/content';
@@ -0,0 +1,228 @@
1
+ import { noop } from 'lodash';
2
+ import { IReqoreCollectionItemProps } from '../components/Collection/item';
3
+ import { ReqoreH1 } from '../components/Header';
4
+ import ReqoreMessage from '../components/Message';
5
+ import { ReqoreP } from '../components/Paragraph';
6
+ import { ReqoreSpacer } from '../components/Spacer';
7
+
8
+ export default [
9
+ {
10
+ label: 'This item is not flat',
11
+ tooltip: 'This is a test item',
12
+ content:
13
+ 'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
14
+ flat: false,
15
+ tags: [
16
+ {
17
+ label: 23,
18
+ badge: true,
19
+ },
20
+ {
21
+ label: 2022,
22
+ labelKey: 'Year',
23
+ badge: true,
24
+ onRemoveClick: noop,
25
+ },
26
+ ],
27
+ expandable: true,
28
+ },
29
+ {
30
+ label: 'Test with tooltip',
31
+ tooltip: 'This is a test item',
32
+ content:
33
+ 'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
34
+ tags: [
35
+ {
36
+ label: 'local',
37
+ labelKey: 'level',
38
+ intent: 'info',
39
+ icon: 'Hashtag',
40
+ },
41
+ {
42
+ label: 'string',
43
+ labelKey: 'type',
44
+ intent: 'warning',
45
+ icon: 'CodeLine',
46
+ },
47
+ ],
48
+ },
49
+ {
50
+ label: 'Item that is not minimal',
51
+ tooltip: 'This is a test item',
52
+ content:
53
+ 'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
54
+ minimal: false,
55
+ },
56
+ {
57
+ label: 'Expandable item',
58
+ tooltip: 'This is a test item',
59
+ content:
60
+ 'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
61
+ expandable: true,
62
+ tags: [
63
+ {
64
+ label: 23,
65
+ badge: true,
66
+ },
67
+ {
68
+ label: 2022,
69
+ labelKey: 'Year',
70
+ badge: true,
71
+ onRemoveClick: noop(),
72
+ },
73
+ ],
74
+ },
75
+ {
76
+ label: 'Item with custom content when expanded',
77
+ tooltip: 'Expandable item with custom content',
78
+ content:
79
+ 'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
80
+ expandable: true,
81
+ expandedContent: (
82
+ <>
83
+ <ReqoreMessage intent='info'>Hello I am a custom content</ReqoreMessage>
84
+ <ReqoreSpacer height={10} />
85
+ <ReqoreH1>Well hello</ReqoreH1>
86
+ <ReqoreP>
87
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
88
+ will be very long. Hello I am a test item content and I am very long so I will wrap to the
89
+ next line and I will be very long. Hello I am a test item content and I am very long so I
90
+ will wrap to the next line and I will be very long. Hello I am a test item content and I
91
+ am very long so I will wrap to the next line and I will be very long. Hello I am a test
92
+ item content and I am very long so I will wrap to the next line and I will be very long.
93
+ </ReqoreP>
94
+ <ReqoreP>
95
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
96
+ will be very long Hello I am a test item content and I am very long so I will wrap to the
97
+ next line and I will be very long. Hello I am a test item content and I am very long so I
98
+ will wrap to the next line and I will be very long. Hello I am a test item content and I
99
+ am very long so I will wrap to the next line and I will be very long. Hello I am a test
100
+ item content and I am very long so I will wrap to the next line and I will be very long.
101
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
102
+ will be very long. Hello I am a test item content and I am very long so I will wrap to the
103
+ next line and I will be very long
104
+ </ReqoreP>
105
+ <ReqoreP>
106
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
107
+ will be very long Hello I am a test item content and I am very long so I will wrap to the
108
+ next line and I will be very long. Hello I am a test item content and I am very long so I
109
+ will wrap to the next line and I will be very long. Hello I am a test item content and I
110
+ am very long so I will wrap to the next line and I will be very long. Hello I am a test
111
+ item content and I am very long so I will wrap to the next line and I will be very long.
112
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
113
+ will be very long. Hello I am a test item content and I am very long so I will wrap to the
114
+ next line and I will be very long
115
+ </ReqoreP>
116
+ <ReqoreP>
117
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
118
+ will be very long Hello I am a test item content and I am very long so I will wrap to the
119
+ next line and I will be very long. Hello I am a test item content and I am very long so I
120
+ will wrap to the next line and I will be very long. Hello I am a test item content and I
121
+ am very long so I will wrap to the next line and I will be very long. Hello I am a test
122
+ item content and I am very long so I will wrap to the next line and I will be very long.
123
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
124
+ will be very long. Hello I am a test item content and I am very long so I will wrap to the
125
+ next line and I will be very long
126
+ </ReqoreP>
127
+ <ReqoreP>
128
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
129
+ will be very long Hello I am a test item content and I am very long so I will wrap to the
130
+ next line and I will be very long. Hello I am a test item content and I am very long so I
131
+ will wrap to the next line and I will be very long. Hello I am a test item content and I
132
+ am very long so I will wrap to the next line and I will be very long. Hello I am a test
133
+ item content and I am very long so I will wrap to the next line and I will be very long.
134
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
135
+ will be very long. Hello I am a test item content and I am very long so I will wrap to the
136
+ next line and I will be very long
137
+ </ReqoreP>
138
+ <ReqoreP>
139
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
140
+ will be very long Hello I am a test item content and I am very long so I will wrap to the
141
+ next line and I will be very long. Hello I am a test item content and I am very long so I
142
+ will wrap to the next line and I will be very long. Hello I am a test item content and I
143
+ am very long so I will wrap to the next line and I will be very long. Hello I am a test
144
+ item content and I am very long so I will wrap to the next line and I will be very long.
145
+ Hello I am a test item content and I am very long so I will wrap to the next line and I
146
+ will be very long. Hello I am a test item content and I am very long so I will wrap to the
147
+ next line and I will be very long
148
+ </ReqoreP>
149
+ </>
150
+ ),
151
+ tags: [
152
+ {
153
+ label: 'local',
154
+ labelKey: 'level',
155
+ intent: 'info',
156
+ icon: 'Hashtag',
157
+ },
158
+ {
159
+ label: 'string',
160
+ labelKey: 'type',
161
+ intent: 'warning',
162
+ icon: 'CodeLine',
163
+ },
164
+ ],
165
+ },
166
+ {
167
+ label: 'I have intent!',
168
+ content:
169
+ 'Well would you look at that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis',
170
+ expandable: true,
171
+ intent: 'info',
172
+ },
173
+ {
174
+ label: 'I have actions',
175
+ content:
176
+ 'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
177
+ actions: [
178
+ {
179
+ label: 'Action 1',
180
+ id: 'action1',
181
+ icon: 'CapsuleFill',
182
+ onClick: () => alert('Action 1 clicked'),
183
+ },
184
+ {
185
+ label: 'Action 2',
186
+ id: 'action2',
187
+ icon: 'CapsuleFill',
188
+ onClick: () => alert('Action 2 clicked'),
189
+ },
190
+ ],
191
+ intent: 'success',
192
+ expandable: true,
193
+ },
194
+ {
195
+ label: 'I have bottom actions',
196
+ content:
197
+ 'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
198
+ expandedActions: [
199
+ {
200
+ label: 'Action 1',
201
+ id: 'action1',
202
+ icon: 'CapsuleFill',
203
+ onClick: () => alert('Action 1 clicked'),
204
+ position: 'left',
205
+ },
206
+ {
207
+ label: 'Action 2',
208
+ id: 'action2',
209
+ icon: 'CapsuleFill',
210
+ onClick: () => alert('Action 2 clicked'),
211
+ position: 'right',
212
+ },
213
+ ],
214
+ tags: [
215
+ {
216
+ label: 23,
217
+ badge: true,
218
+ },
219
+ {
220
+ label: 2022,
221
+ labelKey: 'Year',
222
+ badge: true,
223
+ onRemoveClick: noop,
224
+ },
225
+ ],
226
+ expandable: true,
227
+ },
228
+ ] as IReqoreCollectionItemProps[];
@@ -0,0 +1,98 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { IReqoreCollectionProps, ReqoreCollection } from '../../components/Collection';
3
+ import { IReqoreColumnsProps } from '../../components/Columns';
4
+ import items from '../../mock/collectionData';
5
+ import { argManager, IntentArg, SizeArg } from '../utils/args';
6
+
7
+ export interface IColumnsStoryArgs extends IReqoreColumnsProps {
8
+ multipleColumns?: boolean;
9
+ }
10
+
11
+ const { createArg, disableArgs } = argManager<IReqoreCollectionProps>();
12
+
13
+ export default {
14
+ title: 'Components/Collection',
15
+ component: ReqoreCollection,
16
+ argTypes: {
17
+ ...createArg('stacked', {
18
+ defaultValue: false,
19
+ type: 'boolean',
20
+ name: 'Stacked',
21
+ description: 'If true, the collection will be stacked',
22
+ }),
23
+ ...createArg('maxItemHeight', {
24
+ defaultValue: 100,
25
+ type: 'number',
26
+ name: 'Max Item Height',
27
+ description: 'Max height of the collection item',
28
+ }),
29
+ ...createArg('sortable', {
30
+ defaultValue: true,
31
+ type: 'boolean',
32
+ name: 'Sortable',
33
+ description: 'If true, the collection will be sortable',
34
+ }),
35
+ ...createArg('filterable', {
36
+ defaultValue: true,
37
+ type: 'boolean',
38
+ name: 'Filterable',
39
+ description: 'If true, the collection will be filterable',
40
+ }),
41
+ ...createArg('rounded', {
42
+ defaultValue: true,
43
+ type: 'boolean',
44
+ name: 'Rounded',
45
+ description: 'If true, the collection will be rounded when stacked',
46
+ }),
47
+ ...createArg('height', {
48
+ defaultValue: '600px',
49
+ type: 'string',
50
+ name: 'Height',
51
+ description: 'Height of the collection',
52
+ }),
53
+ ...createArg('fill', {
54
+ defaultValue: false,
55
+ type: 'boolean',
56
+ name: 'Fill parent',
57
+ description: 'If true, the collection will fill the parent',
58
+ }),
59
+ ...createArg('label', {
60
+ defaultValue: 'Collection of items',
61
+ type: 'string',
62
+ name: 'Label',
63
+ description: 'Label of the collection',
64
+ }),
65
+ ...disableArgs(['items', 'actions', 'bottomActions', 'size', 'customTheme', 'className']),
66
+ ...IntentArg,
67
+ ...SizeArg,
68
+ },
69
+ } as Meta<IReqoreCollectionProps>;
70
+
71
+ const Template: Story<IReqoreCollectionProps> = (args) => {
72
+ return (
73
+ <ReqoreCollection
74
+ {...args}
75
+ actions={[{ label: 'Custom action', icon: 'Home7Line' }, { actions: [{ label: 'Test' }] }]}
76
+ />
77
+ );
78
+ };
79
+
80
+ export const Basic = Template.bind({});
81
+ Basic.args = {
82
+ label: 'Config Items',
83
+ items,
84
+ };
85
+
86
+ export const Stacked = Template.bind({});
87
+ Stacked.args = {
88
+ label: 'Collection of items',
89
+ stacked: true,
90
+ items,
91
+ };
92
+
93
+ export const Fill = Template.bind({});
94
+ Fill.args = {
95
+ label: 'Collection of items',
96
+ fill: true,
97
+ items,
98
+ };
@@ -32,7 +32,7 @@ export default {
32
32
  }),
33
33
  ...createArg('columns', {
34
34
  defaultValue: undefined,
35
- type: 'number',
35
+ type: 'string',
36
36
  }),
37
37
  ...createArg('columnsGap', {
38
38
  defaultValue: undefined,
@@ -38,7 +38,7 @@ export default {
38
38
  icon: 'SunCloudyLine',
39
39
  },
40
40
  {
41
- label: 'How are ya',
41
+ label: 'How are ya, I am super long item and I am not going to fit in the dropdown',
42
42
  icon: 'BatteryChargeFill',
43
43
  },
44
44
  {
@@ -1,4 +1,5 @@
1
1
  import { Meta, Story } from '@storybook/react/types-6-0';
2
+ import ReqoreInput from '../../components/Input';
2
3
  import { IReqorePanelProps, ReqorePanel } from '../../components/Panel';
3
4
  import { argManager, FlatArg, IntentArg } from '../utils/args';
4
5
 
@@ -33,6 +34,18 @@ export default {
33
34
  name: 'Label',
34
35
  description: 'The title of the panel component',
35
36
  }),
37
+ ...createArg('opacity', {
38
+ type: 'number',
39
+ defaultValue: 1,
40
+ name: 'Opacity',
41
+ description: 'The opacity of the panel',
42
+ }),
43
+ ...createArg('headerSize', {
44
+ type: 'number',
45
+ defaultValue: 4,
46
+ name: 'Header Size',
47
+ description: 'The size of the header',
48
+ }),
36
49
  },
37
50
  } as Meta<IReqorePanelProps>;
38
51
 
@@ -42,6 +55,15 @@ const Template: Story<IReqorePanelProps> = (args: IReqorePanelProps) => {
42
55
  {...args}
43
56
  actions={[
44
57
  { label: 'Test', icon: '24HoursFill', intent: 'info' },
58
+ [
59
+ { label: 'Stacked Action 1', icon: 'BallPenLine', intent: 'warning' },
60
+ { label: 'Stacked Action 2', icon: 'CopperCoinFill', intent: 'danger' },
61
+ ],
62
+ {
63
+ customContent: () => (
64
+ <ReqoreInput placeholder={`Custom action!`} icon='Search2Line' minimal={false} />
65
+ ),
66
+ },
45
67
  {
46
68
  label: 'More actions',
47
69
  actions: [
@@ -59,6 +59,8 @@ const Template: Story<IReqoreTagGroup & IReqoreTagProps> = ({ columns, ...args }
59
59
  return (
60
60
  <ReqoreTagGroup columns={columns} size={args.size}>
61
61
  <ReqoreTag label='Basic Tag' icon='AlarmWarningLine' {...args} />
62
+ <ReqoreTag labelKey='Tag with' label='Label Key' icon='AlarmWarningLine' {...args} />
63
+ <ReqoreTag icon='QuestionAnswerLine' {...args} />
62
64
  <ReqoreTag label='Disabled Tag' disabled icon='AlarmWarningLine' {...args} />
63
65
  <ReqoreTag
64
66
  label='300px Tag'
@@ -1,3 +1,4 @@
1
+ import { TSizes } from '../constants/sizes';
1
2
  import { IReqoreCustomTheme, TReqoreIntent } from '../constants/theme';
2
3
  import { IPopoverOptions } from '../hooks/usePopover';
3
4
 
@@ -79,6 +80,36 @@ export interface IWithReqoreTooltip {
79
80
  tooltip?: string | IReqoreTooltip;
80
81
  }
81
82
 
83
+ export interface IWithReqoreSize {
84
+ /**
85
+ * The size of the component
86
+ * @default normal
87
+ * @type TSizes
88
+ * @memberof IWithReqoreSize
89
+ * @example
90
+ * <ReqoreInput size="small" />
91
+ * <ReqoreInput size="normal" />
92
+ * <ReqoreInput size="big" />
93
+ *
94
+ */
95
+ size?: TSizes;
96
+ }
97
+
98
+ export interface IWithReqoreOpaque {
99
+ /**
100
+ * If true, the component will be opaque
101
+ * @default false
102
+ * @type boolean
103
+ * @memberof IWithReqoreOpaque
104
+ * @example
105
+ * <ReqoreInput opaque />
106
+ * <ReqoreInput opaque={true} />
107
+ * <ReqoreInput opaque={false} />
108
+ *
109
+ */
110
+ opaque?: boolean;
111
+ }
112
+
82
113
  export interface IWithReqoreFlat {
83
114
  /**
84
115
  * If true, the component will be flat
package/tests.json CHANGED
@@ -1 +1 @@
1
- {"numFailedTestSuites":0,"numFailedTests":0,"numPassedTestSuites":23,"numPassedTests":94,"numPendingTestSuites":0,"numPendingTests":0,"numRuntimeErrorTestSuites":0,"numTodoTests":0,"numTotalTestSuites":23,"numTotalTests":94,"openHandles":[],"snapshot":{"added":0,"didUpdate":false,"failure":false,"filesAdded":0,"filesRemoved":0,"filesRemovedList":[],"filesUnmatched":0,"filesUpdated":0,"matched":0,"total":0,"unchecked":0,"uncheckedKeysByFile":[],"unmatched":0,"updated":0},"startTime":1664430402122,"success":true,"testResults":[{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Table /> properly","location":null,"status":"passed","title":"Renders basic <Table /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Table /> with grouped columns properly","location":null,"status":"passed","title":"Renders <Table /> with grouped columns properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Table /> with custom content","location":null,"status":"passed","title":"Renders <Table /> with custom content"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Table /> with predefined content","location":null,"status":"passed","title":"Renders <Table /> with predefined content"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Sorting on <Table /> works properly","location":null,"status":"passed","title":"Sorting on <Table /> works properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Rows on <Table /> can be selected","location":null,"status":"passed","title":"Rows on <Table /> can be selected"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Rows on <Table /> cannot be selected if _selectId is missing","location":null,"status":"passed","title":"Rows on <Table /> cannot be selected if _selectId is missing"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Rows on <Table /> are all selected/deselected when clicking on header","location":null,"status":"passed","title":"Rows on <Table /> are all selected/deselected when clicking on header"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Cells on <Table /> are interactive","location":null,"status":"passed","title":"Cells on <Table /> are interactive"}],"endTime":1664430417852,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/table.test.tsx","startTime":1664430402732,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders full <Tabs /> properly","location":null,"status":"passed","title":"Renders full <Tabs /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders shortened <Tabs /> properly","location":null,"status":"passed","title":"Renders shortened <Tabs /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Default active tab can be specified","location":null,"status":"passed","title":"Default active tab can be specified"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Changes tab and runs callback","location":null,"status":"passed","title":"Changes tab and runs callback"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not change tab and run callback when disabled","location":null,"status":"passed","title":"Does not change tab and run callback when disabled"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Changes tab programatically and runs callback","location":null,"status":"passed","title":"Changes tab programatically and runs callback"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Closable tab can be closed if not disabled","location":null,"status":"passed","title":"Closable tab can be closed if not disabled"}],"endTime":1664430419605,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/tabs.test.tsx","startTime":1664430417884,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders sidebar","location":null,"status":"passed","title":"Renders sidebar"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Sidebar can be collapsed","location":null,"status":"passed","title":"Sidebar can be collapsed"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Can open submenu manually","location":null,"status":"passed","title":"Can open submenu manually"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Submenu opens automatically if path matches","location":null,"status":"passed","title":"Submenu opens automatically if path matches"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Bookmarks can be added and removed","location":null,"status":"passed","title":"Bookmarks can be added and removed"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Bookmarks clicks are not propagated through","location":null,"status":"passed","title":"Bookmarks clicks are not propagated through"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders item as <p> element with onClick","location":null,"status":"passed","title":"Renders item as <p> element with onClick"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders floating sidebar with item as <p> element with onClick, closes on item click","location":null,"status":"passed","title":"Renders floating sidebar with item as <p> element with onClick, closes on item click"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders custom item at the top","location":null,"status":"passed","title":"Renders custom item at the top"}],"endTime":1664430421188,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/sidebar.test.tsx","startTime":1664430419636,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Dropdown /> properly","location":null,"status":"passed","title":"Renders <Dropdown /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders disabled <Dropdown /> when children are empty","location":null,"status":"passed","title":"Renders disabled <Dropdown /> when children are empty"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Dropdown /> with custom component and custom handler","location":null,"status":"passed","title":"Renders <Dropdown /> with custom component and custom handler"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Dropdown /> is opened by default","location":null,"status":"passed","title":"Renders <Dropdown /> is opened by default"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders filterable <Dropdown /> and filters items correctly","location":null,"status":"passed","title":"Renders filterable <Dropdown /> and filters items correctly"}],"endTime":1664430423056,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/dropdown.test.tsx","startTime":1664430421203,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows popover on hover, hides on leave","location":null,"status":"passed","title":"Shows popover on hover, hides on leave"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows popover on click, hides only on click away","location":null,"status":"passed","title":"Shows popover on click, hides only on click away"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows custom content","location":null,"status":"passed","title":"Shows custom content"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Runs callback function","location":null,"status":"passed","title":"Runs callback function"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows the popover after a delay","location":null,"status":"passed","title":"Shows the popover after a delay"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not show the popover with delay if time not reached","location":null,"status":"passed","title":"Does not show the popover with delay if time not reached"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows the hoverStay popover after a delay and stays, ","location":null,"status":"passed","title":"Shows the hoverStay popover after a delay and stays, "},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows the hoverStay popover after a delay and stays, ","location":null,"status":"passed","title":"Shows the hoverStay popover after a delay and stays, "}],"endTime":1664430424144,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/popover.test.tsx","startTime":1664430423069,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Adds notifications and dismisses them automatically","location":null,"status":"passed","title":"Adds notifications and dismisses them automatically"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Adds a notification and updates it","location":null,"status":"passed","title":"Adds a notification and updates it"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Notification has a click event","location":null,"status":"passed","title":"Notification has a click event"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Notification has a close event","location":null,"status":"passed","title":"Notification has a close event"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Notification has a finish event","location":null,"status":"passed","title":"Notification has a finish event"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Maximum of 5 notifications is shown at once","location":null,"status":"passed","title":"Maximum of 5 notifications is shown at once"}],"endTime":1664430425299,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/notifications.test.tsx","startTime":1664430424165,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> properly","location":null,"status":"passed","title":"Renders <Button /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with size properly","location":null,"status":"passed","title":"Renders <Button /> with size properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with icon properly","location":null,"status":"passed","title":"Renders <Button /> with icon properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with intent properly","location":null,"status":"passed","title":"Renders <Button /> with intent properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with right icon properly","location":null,"status":"passed","title":"Renders <Button /> with right icon properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with icon and right icon properly","location":null,"status":"passed","title":"Renders <Button /> with icon and right icon properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with onClick function","location":null,"status":"passed","title":"Renders <Button /> with onClick function"}],"endTime":1664430426463,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/button.test.tsx","startTime":1664430425321,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tag /> properly","location":null,"status":"passed","title":"Renders <Tag /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tag /> group properly","location":null,"status":"passed","title":"Renders <Tag /> group properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tag /> without remove button if disabled","location":null,"status":"passed","title":"Renders <Tag /> without remove button if disabled"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Fires onClick and onRemoveClick <Tag /> events","location":null,"status":"passed","title":"Fires onClick and onRemoveClick <Tag /> events"}],"endTime":1664430427270,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/tag.test.tsx","startTime":1664430426475,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Modal /> properly","location":null,"status":"passed","title":"Renders basic <Modal /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not renders <Modal /> if its not open","location":null,"status":"passed","title":"Does not renders <Modal /> if its not open"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Modal /> with custom dimensions","location":null,"status":"passed","title":"Renders <Modal /> with custom dimensions"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders confirmation <Modal /> ","location":null,"status":"passed","title":"Renders confirmation <Modal /> "}],"endTime":1664430428421,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/modal.test.tsx","startTime":1664430427281,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not render <Drawer /> if not open","location":null,"status":"passed","title":"Does not render <Drawer /> if not open"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders opened <Drawer /> properly","location":null,"status":"passed","title":"Renders opened <Drawer /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders hidable <Drawer /> properly","location":null,"status":"passed","title":"Renders hidable <Drawer /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders closable <Drawer /> properly","location":null,"status":"passed","title":"Renders closable <Drawer /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Drawer /> with interactive backdrop","location":null,"status":"passed","title":"Renders <Drawer /> with interactive backdrop"}],"endTime":1664430429365,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/drawer.test.tsx","startTime":1664430428439,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Panel /> properly","location":null,"status":"passed","title":"Renders basic <Panel /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Panel /> with title properly","location":null,"status":"passed","title":"Renders basic <Panel /> with title properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Panel /> that is collapsed by default and can be expanded","location":null,"status":"passed","title":"Renders basic <Panel /> that is collapsed by default and can be expanded"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders closable <Panel /> properly","location":null,"status":"passed","title":"Renders closable <Panel /> properly"}],"endTime":1664430430092,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/panel.test.tsx","startTime":1664430429379,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Tree /> properly","location":null,"status":"passed","title":"Renders basic <Tree /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows types for <Tree /> properly","location":null,"status":"passed","title":"Shows types for <Tree /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows textarea for <Tree /> properly","location":null,"status":"passed","title":"Shows textarea for <Tree /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Tree /> items can be expanded and collapsed","location":null,"status":"passed","title":"<Tree /> items can be expanded and collapsed"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tree /> with clickable items","location":null,"status":"passed","title":"Renders <Tree /> with clickable items"}],"endTime":1664430431726,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/tree.test.tsx","startTime":1664430430103,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Menu /> properly","location":null,"status":"passed","title":"Renders <Menu /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Menu /> item can be clicked","location":null,"status":"passed","title":"<Menu /> item can be clicked"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Menu /> item has right clickable button","location":null,"status":"passed","title":"<Menu /> item has right clickable button"}],"endTime":1664430432505,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/menu.test.tsx","startTime":1664430431749,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Input /> properly","location":null,"status":"passed","title":"Renders <Input /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Input /> with clear button properly","location":null,"status":"passed","title":"Renders <Input /> with clear button properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Disabled <Input /> cannot be cleared","location":null,"status":"passed","title":"Disabled <Input /> cannot be cleared"}],"endTime":1664430433376,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/input.test.tsx","startTime":1664430432516,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders full <Breadcrumbs /> properly","location":null,"status":"passed","title":"Renders full <Breadcrumbs /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders shortened <Breadcrumbs /> properly","location":null,"status":"passed","title":"Renders shortened <Breadcrumbs /> properly"}],"endTime":1664430434019,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/breadcrumbs.test.tsx","startTime":1664430433388,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <TextArea /> properly","location":null,"status":"passed","title":"Renders <TextArea /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <TextArea /> with clear button properly","location":null,"status":"passed","title":"Renders <TextArea /> with clear button properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Disabled <TextArea /> cannot be cleared","location":null,"status":"passed","title":"Disabled <TextArea /> cannot be cleared"}],"endTime":1664430434711,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/textarea.test.tsx","startTime":1664430434031,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Message /> properly","location":null,"status":"passed","title":"Renders <Message /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Runs onFinish on message after duration","location":null,"status":"passed","title":"Runs onFinish on message after duration"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Runs onClose when closed","location":null,"status":"passed","title":"Runs onClose when closed"}],"endTime":1664430435358,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/messages.test.tsx","startTime":1664430434722,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Checkbox /> properly","location":null,"status":"passed","title":"Renders <Checkbox /> properly"}],"endTime":1664430435907,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/radiogroup.test.tsx","startTime":1664430435369,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders Layout properly","location":null,"status":"passed","title":"Renders Layout properly"}],"endTime":1664430436531,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/layout.test.tsx","startTime":1664430435919,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Icon /> properly","location":null,"status":"passed","title":"Renders <Icon /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders empty <Icon /> if icon does not exist","location":null,"status":"passed","title":"Renders empty <Icon /> if icon does not exist"}],"endTime":1664430438030,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/icon.test.tsx","startTime":1664430436542,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders Navbar properly","location":null,"status":"passed","title":"Renders Navbar properly"}],"endTime":1664430438685,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/navbar.test.tsx","startTime":1664430438046,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Checkbox /> properly","location":null,"status":"passed","title":"Renders <Checkbox /> properly"}],"endTime":1664430439350,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/checkbox.test.tsx","startTime":1664430438700,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <TimeAgo /> data properly","location":null,"status":"passed","title":"Renders <TimeAgo /> data properly"}],"endTime":1664430439906,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/timeAgo.test.tsx","startTime":1664430439372,"status":"passed","summary":""}],"wasInterrupted":false}
1
+ {"numFailedTestSuites":0,"numFailedTests":0,"numPassedTestSuites":24,"numPassedTests":100,"numPendingTestSuites":0,"numPendingTests":0,"numRuntimeErrorTestSuites":0,"numTodoTests":0,"numTotalTestSuites":24,"numTotalTests":100,"openHandles":[],"snapshot":{"added":0,"didUpdate":false,"failure":false,"filesAdded":0,"filesRemoved":0,"filesRemovedList":[],"filesUnmatched":0,"filesUpdated":0,"matched":0,"total":0,"unchecked":0,"uncheckedKeysByFile":[],"unmatched":0,"updated":0},"startTime":1667493959869,"success":true,"testResults":[{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Table /> properly","location":null,"status":"passed","title":"Renders basic <Table /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Table /> with grouped columns properly","location":null,"status":"passed","title":"Renders <Table /> with grouped columns properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Table /> with custom content","location":null,"status":"passed","title":"Renders <Table /> with custom content"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Table /> with predefined content","location":null,"status":"passed","title":"Renders <Table /> with predefined content"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Sorting on <Table /> works properly","location":null,"status":"passed","title":"Sorting on <Table /> works properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Rows on <Table /> can be selected","location":null,"status":"passed","title":"Rows on <Table /> can be selected"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Rows on <Table /> cannot be selected if _selectId is missing","location":null,"status":"passed","title":"Rows on <Table /> cannot be selected if _selectId is missing"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Rows on <Table /> are all selected/deselected when clicking on header","location":null,"status":"passed","title":"Rows on <Table /> are all selected/deselected when clicking on header"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Cells on <Table /> are interactive","location":null,"status":"passed","title":"Cells on <Table /> are interactive"}],"endTime":1667493971908,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/table.test.tsx","startTime":1667493960299,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders full <Tabs /> properly","location":null,"status":"passed","title":"Renders full <Tabs /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders shortened <Tabs /> properly","location":null,"status":"passed","title":"Renders shortened <Tabs /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Default active tab can be specified","location":null,"status":"passed","title":"Default active tab can be specified"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Changes tab and runs callback","location":null,"status":"passed","title":"Changes tab and runs callback"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not change tab and run callback when disabled","location":null,"status":"passed","title":"Does not change tab and run callback when disabled"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Changes tab programatically and runs callback","location":null,"status":"passed","title":"Changes tab programatically and runs callback"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Closable tab can be closed if not disabled","location":null,"status":"passed","title":"Closable tab can be closed if not disabled"}],"endTime":1667493973144,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/tabs.test.tsx","startTime":1667493971932,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders sidebar","location":null,"status":"passed","title":"Renders sidebar"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Sidebar can be collapsed","location":null,"status":"passed","title":"Sidebar can be collapsed"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Can open submenu manually","location":null,"status":"passed","title":"Can open submenu manually"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Submenu opens automatically if path matches","location":null,"status":"passed","title":"Submenu opens automatically if path matches"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Bookmarks can be added and removed","location":null,"status":"passed","title":"Bookmarks can be added and removed"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Bookmarks clicks are not propagated through","location":null,"status":"passed","title":"Bookmarks clicks are not propagated through"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders item as <p> element with onClick","location":null,"status":"passed","title":"Renders item as <p> element with onClick"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders floating sidebar with item as <p> element with onClick, closes on item click","location":null,"status":"passed","title":"Renders floating sidebar with item as <p> element with onClick, closes on item click"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders custom item at the top","location":null,"status":"passed","title":"Renders custom item at the top"}],"endTime":1667493974264,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/sidebar.test.tsx","startTime":1667493973166,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Dropdown /> properly","location":null,"status":"passed","title":"Renders <Dropdown /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders disabled <Dropdown /> when children are empty","location":null,"status":"passed","title":"Renders disabled <Dropdown /> when children are empty"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Dropdown /> with custom component and custom handler","location":null,"status":"passed","title":"Renders <Dropdown /> with custom component and custom handler"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Dropdown /> is opened by default","location":null,"status":"passed","title":"Renders <Dropdown /> is opened by default"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders filterable <Dropdown /> and filters items correctly","location":null,"status":"passed","title":"Renders filterable <Dropdown /> and filters items correctly"}],"endTime":1667493975582,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/dropdown.test.tsx","startTime":1667493974276,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows popover on hover, hides on leave","location":null,"status":"passed","title":"Shows popover on hover, hides on leave"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows popover on click, hides only on click away","location":null,"status":"passed","title":"Shows popover on click, hides only on click away"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows custom content","location":null,"status":"passed","title":"Shows custom content"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Runs callback function","location":null,"status":"passed","title":"Runs callback function"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows the popover after a delay","location":null,"status":"passed","title":"Shows the popover after a delay"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not show the popover with delay if time not reached","location":null,"status":"passed","title":"Does not show the popover with delay if time not reached"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows the hoverStay popover after a delay and stays, ","location":null,"status":"passed","title":"Shows the hoverStay popover after a delay and stays, "},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows the hoverStay popover after a delay and stays, ","location":null,"status":"passed","title":"Shows the hoverStay popover after a delay and stays, "}],"endTime":1667493976334,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/popover.test.tsx","startTime":1667493975593,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Adds notifications and dismisses them automatically","location":null,"status":"passed","title":"Adds notifications and dismisses them automatically"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Adds a notification and updates it","location":null,"status":"passed","title":"Adds a notification and updates it"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Notification has a click event","location":null,"status":"passed","title":"Notification has a click event"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Notification has a close event","location":null,"status":"passed","title":"Notification has a close event"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Notification has a finish event","location":null,"status":"passed","title":"Notification has a finish event"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Maximum of 5 notifications is shown at once","location":null,"status":"passed","title":"Maximum of 5 notifications is shown at once"}],"endTime":1667493977125,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/notifications.test.tsx","startTime":1667493976347,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tag /> properly","location":null,"status":"passed","title":"Renders <Tag /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tag /> group properly","location":null,"status":"passed","title":"Renders <Tag /> group properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tag /> without remove button if disabled","location":null,"status":"passed","title":"Renders <Tag /> without remove button if disabled"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Fires onClick and onRemoveClick <Tag /> events","location":null,"status":"passed","title":"Fires onClick and onRemoveClick <Tag /> events"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tag /> with the label key","location":null,"status":"passed","title":"Renders <Tag /> with the label key"}],"endTime":1667493977786,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/tag.test.tsx","startTime":1667493977135,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Panel /> properly","location":null,"status":"passed","title":"Renders basic <Panel /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Panel /> with title properly","location":null,"status":"passed","title":"Renders basic <Panel /> with title properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Panel /> that is collapsed by default and can be expanded","location":null,"status":"passed","title":"Renders basic <Panel /> that is collapsed by default and can be expanded"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders closable <Panel /> properly","location":null,"status":"passed","title":"Renders closable <Panel /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Panel /> with actions","location":null,"status":"passed","title":"Renders <Panel /> with actions"}],"endTime":1667493978470,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/panel.test.tsx","startTime":1667493977795,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> properly","location":null,"status":"passed","title":"Renders <Button /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with size properly","location":null,"status":"passed","title":"Renders <Button /> with size properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with icon properly","location":null,"status":"passed","title":"Renders <Button /> with icon properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with intent properly","location":null,"status":"passed","title":"Renders <Button /> with intent properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with right icon properly","location":null,"status":"passed","title":"Renders <Button /> with right icon properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with icon and right icon properly","location":null,"status":"passed","title":"Renders <Button /> with icon and right icon properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Button /> with onClick function","location":null,"status":"passed","title":"Renders <Button /> with onClick function"}],"endTime":1667493979258,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/button.test.tsx","startTime":1667493978479,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Modal /> properly","location":null,"status":"passed","title":"Renders basic <Modal /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not renders <Modal /> if its not open","location":null,"status":"passed","title":"Does not renders <Modal /> if its not open"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Modal /> with custom dimensions","location":null,"status":"passed","title":"Renders <Modal /> with custom dimensions"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders confirmation <Modal /> ","location":null,"status":"passed","title":"Renders confirmation <Modal /> "}],"endTime":1667493979962,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/modal.test.tsx","startTime":1667493979267,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Does not render <Drawer /> if not open","location":null,"status":"passed","title":"Does not render <Drawer /> if not open"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders opened <Drawer /> properly","location":null,"status":"passed","title":"Renders opened <Drawer /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders hidable <Drawer /> properly","location":null,"status":"passed","title":"Renders hidable <Drawer /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders closable <Drawer /> properly","location":null,"status":"passed","title":"Renders closable <Drawer /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Drawer /> with interactive backdrop","location":null,"status":"passed","title":"Renders <Drawer /> with interactive backdrop"}],"endTime":1667493980604,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/drawer.test.tsx","startTime":1667493979971,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Tree /> properly","location":null,"status":"passed","title":"Renders basic <Tree /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows types for <Tree /> properly","location":null,"status":"passed","title":"Shows types for <Tree /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Shows textarea for <Tree /> properly","location":null,"status":"passed","title":"Shows textarea for <Tree /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Tree /> items can be expanded and collapsed","location":null,"status":"passed","title":"<Tree /> items can be expanded and collapsed"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Tree /> with clickable items","location":null,"status":"passed","title":"Renders <Tree /> with clickable items"}],"endTime":1667493981749,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/tree.test.tsx","startTime":1667493980612,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders basic <Collection /> properly","location":null,"status":"passed","title":"Renders basic <Collection /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Collection /> items can be filtered","location":null,"status":"passed","title":"<Collection /> items can be filtered"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Collection /> shows no data message when empty","location":null,"status":"passed","title":"<Collection /> shows no data message when empty"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Collection /> can be sorted","location":null,"status":"passed","title":"<Collection /> can be sorted"}],"endTime":1667493982923,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/collection.test.tsx","startTime":1667493981758,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Menu /> properly","location":null,"status":"passed","title":"Renders <Menu /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Menu /> item can be clicked","location":null,"status":"passed","title":"<Menu /> item can be clicked"},{"ancestorTitles":[],"failureMessages":[],"fullName":"<Menu /> item has right clickable button","location":null,"status":"passed","title":"<Menu /> item has right clickable button"}],"endTime":1667493983495,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/menu.test.tsx","startTime":1667493982938,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Input /> properly","location":null,"status":"passed","title":"Renders <Input /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Input /> with clear button properly","location":null,"status":"passed","title":"Renders <Input /> with clear button properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Disabled <Input /> cannot be cleared","location":null,"status":"passed","title":"Disabled <Input /> cannot be cleared"}],"endTime":1667493984060,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/input.test.tsx","startTime":1667493983503,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders full <Breadcrumbs /> properly","location":null,"status":"passed","title":"Renders full <Breadcrumbs /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders shortened <Breadcrumbs /> properly","location":null,"status":"passed","title":"Renders shortened <Breadcrumbs /> properly"}],"endTime":1667493984509,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/breadcrumbs.test.tsx","startTime":1667493984069,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <TextArea /> properly","location":null,"status":"passed","title":"Renders <TextArea /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <TextArea /> with clear button properly","location":null,"status":"passed","title":"Renders <TextArea /> with clear button properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Disabled <TextArea /> cannot be cleared","location":null,"status":"passed","title":"Disabled <TextArea /> cannot be cleared"}],"endTime":1667493984994,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/textarea.test.tsx","startTime":1667493984527,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Message /> properly","location":null,"status":"passed","title":"Renders <Message /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Runs onFinish on message after duration","location":null,"status":"passed","title":"Runs onFinish on message after duration"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Runs onClose when closed","location":null,"status":"passed","title":"Runs onClose when closed"}],"endTime":1667493985485,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/messages.test.tsx","startTime":1667493985011,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Checkbox /> properly","location":null,"status":"passed","title":"Renders <Checkbox /> properly"}],"endTime":1667493985984,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/radiogroup.test.tsx","startTime":1667493985494,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders Layout properly","location":null,"status":"passed","title":"Renders Layout properly"}],"endTime":1667493986814,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/layout.test.tsx","startTime":1667493986173,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Icon /> properly","location":null,"status":"passed","title":"Renders <Icon /> properly"},{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders empty <Icon /> if icon does not exist","location":null,"status":"passed","title":"Renders empty <Icon /> if icon does not exist"}],"endTime":1667493987509,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/icon.test.tsx","startTime":1667493986829,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders Navbar properly","location":null,"status":"passed","title":"Renders Navbar properly"}],"endTime":1667493987906,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/navbar.test.tsx","startTime":1667493987519,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <Checkbox /> properly","location":null,"status":"passed","title":"Renders <Checkbox /> properly"}],"endTime":1667493988339,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/checkbox.test.tsx","startTime":1667493987914,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Renders <TimeAgo /> data properly","location":null,"status":"passed","title":"Renders <TimeAgo /> data properly"}],"endTime":1667493988723,"message":"","name":"/home/runner/work/reqore/reqore/__tests__/timeAgo.test.tsx","startTime":1667493988355,"status":"passed","summary":""}],"wasInterrupted":false}