@economic/taco 1.11.1 → 1.12.0

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 (48) hide show
  1. package/dist/components/AlertDialog/AlertDialog.d.ts +29 -0
  2. package/dist/components/AlertDialog/AlertDialog.stories.d.ts +25 -0
  3. package/dist/components/AlertDialog/Context.d.ts +11 -0
  4. package/dist/components/AlertDialog/components/Content.d.ts +13 -0
  5. package/dist/components/AlertDialog/components/Footer.d.ts +7 -0
  6. package/dist/components/AlertDialog/components/Trigger.d.ts +3 -0
  7. package/dist/components/Badge/Badge.stories.d.ts +1 -1
  8. package/dist/components/Button/Button.stories.d.ts +4 -0
  9. package/dist/components/Table/util/sortTypes.d.ts +1 -1
  10. package/dist/esm/components/AlertDialog/AlertDialog.js +42 -0
  11. package/dist/esm/components/AlertDialog/AlertDialog.js.map +1 -0
  12. package/dist/esm/components/AlertDialog/Context.js +16 -0
  13. package/dist/esm/components/AlertDialog/Context.js.map +1 -0
  14. package/dist/esm/components/AlertDialog/components/Content.js +46 -0
  15. package/dist/esm/components/AlertDialog/components/Content.js.map +1 -0
  16. package/dist/esm/components/AlertDialog/components/Footer.js +26 -0
  17. package/dist/esm/components/AlertDialog/components/Footer.js.map +1 -0
  18. package/dist/esm/components/AlertDialog/components/Trigger.js +15 -0
  19. package/dist/esm/components/AlertDialog/components/Trigger.js.map +1 -0
  20. package/dist/esm/components/Card/Card.js +4 -3
  21. package/dist/esm/components/Card/Card.js.map +1 -1
  22. package/dist/esm/components/Combobox/useCombobox.js +1 -1
  23. package/dist/esm/components/Datepicker/useDatepicker.js +1 -1
  24. package/dist/esm/components/Dialog/components/Content.js +2 -2
  25. package/dist/esm/components/Hanger/Hanger.js +1 -1
  26. package/dist/esm/components/Input/Input.js +1 -1
  27. package/dist/esm/components/Listbox/ScrollableList.js +1 -1
  28. package/dist/esm/components/Listbox/useListbox.js +1 -1
  29. package/dist/esm/components/Listbox/useMultiListbox.js +1 -1
  30. package/dist/esm/components/Navigation/Navigation.js +1 -1
  31. package/dist/esm/components/Popover/Popover.js +1 -1
  32. package/dist/esm/components/SearchInput/SearchInput.js +4 -3
  33. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  34. package/dist/esm/components/Select/useSelect.js +1 -1
  35. package/dist/esm/components/Table/components/WindowedTable.js +1 -1
  36. package/dist/esm/components/Table/hooks/useTable.js +3 -2
  37. package/dist/esm/components/Table/hooks/useTable.js.map +1 -1
  38. package/dist/esm/components/Table/util/sortTypes.js +46 -25
  39. package/dist/esm/components/Table/util/sortTypes.js.map +1 -1
  40. package/dist/esm/index.js +4 -3
  41. package/dist/esm/index.js.map +1 -1
  42. package/dist/index.d.ts +1 -0
  43. package/dist/taco.cjs.development.js +267 -133
  44. package/dist/taco.cjs.development.js.map +1 -1
  45. package/dist/taco.cjs.production.min.js +1 -1
  46. package/dist/taco.cjs.production.min.js.map +1 -1
  47. package/package.json +4 -3
  48. package/types.json +339 -180
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@economic/taco",
3
- "version": "1.11.1",
3
+ "version": "1.12.0",
4
4
  "description": "> TODO: description",
5
5
  "author": "Matt Daly <matthew.daly@visma.com>",
6
6
  "homepage": "https://github.com/e-conomic/taco#readme",
@@ -42,8 +42,9 @@
42
42
  },
43
43
  "dependencies": {
44
44
  "@dnd-kit/sortable": "^7.0.1",
45
- "@economic/taco-tokens": "^1.3.0",
45
+ "@economic/taco-tokens": "^1.3.1",
46
46
  "@radix-ui/react-accordion": "^1.0.0",
47
+ "@radix-ui/react-alert-dialog": "^1.0.0",
47
48
  "@radix-ui/react-checkbox": "^1.0.0",
48
49
  "@radix-ui/react-dialog": "^1.0.0",
49
50
  "@radix-ui/react-dropdown-menu": "^1.0.0",
@@ -128,5 +129,5 @@
128
129
  "not ie < 11"
129
130
  ]
130
131
  },
131
- "gitHead": "8685ef4fb1cbb43ed9e7aec3b9239ce6a83667d0"
132
+ "gitHead": "b93c4ec2496bb39ea15ea8becc4259d6e0edc523"
132
133
  }
package/types.json CHANGED
@@ -25,6 +25,344 @@
25
25
  ],
26
26
  "AccordionTriggerProps": "HTMLAttributes<HTMLElement>"
27
27
  },
28
+ "AlertDialog": {
29
+ "AlertDialogProps": {
30
+ "props": [
31
+ {
32
+ "name": "children",
33
+ "optional": false,
34
+ "type": [
35
+ "React.ReactNode",
36
+ "React.ReactNode[]"
37
+ ]
38
+ },
39
+ {
40
+ "description": "Set whether the alert dialog is open by default or not, use when not providing a trigger",
41
+ "name": "defaultOpen",
42
+ "optional": true,
43
+ "type": "boolean"
44
+ },
45
+ {
46
+ "description": "Allows dragging the alert dialog around the screen (window constrained)",
47
+ "name": "draggable",
48
+ "optional": true,
49
+ "type": "boolean"
50
+ },
51
+ {
52
+ "description": "Called when the alert dialog opens or closes, must be used in conjunction with open",
53
+ "name": "onChange",
54
+ "optional": true,
55
+ "type": {
56
+ "arguments": {
57
+ "open": "boolean"
58
+ },
59
+ "returnValue": "void"
60
+ }
61
+ },
62
+ {
63
+ "description": "Control the open state of the dialog from outside the component",
64
+ "name": "open",
65
+ "optional": true,
66
+ "type": "boolean"
67
+ },
68
+ {
69
+ "description": "Size of the alert dialog. This is the recommended way to set a size for alert dialog component.",
70
+ "name": "size",
71
+ "optional": true,
72
+ "type": "DialogSize"
73
+ },
74
+ {
75
+ "description": "A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger",
76
+ "name": "trigger",
77
+ "optional": true,
78
+ "type": "JSX.Element"
79
+ }
80
+ ]
81
+ },
82
+ "ForwardedAlertDialogWithStatics": {
83
+ "intersections": [
84
+ "ForwardRefExoticComponent<AlertDialogProps & RefAttributes<HTMLElement>>"
85
+ ],
86
+ "props": [
87
+ {
88
+ "name": "Action",
89
+ "optional": false,
90
+ "type": "ForwardRefExoticComponent<AlertDialogActionProps & RefAttributes<HTMLButtonElement>>"
91
+ },
92
+ {
93
+ "name": "Cancel",
94
+ "optional": false,
95
+ "type": "ForwardRefExoticComponent<AlertDialogCancelProps & RefAttributes<HTMLButtonElement>>"
96
+ },
97
+ {
98
+ "name": "Content",
99
+ "optional": false,
100
+ "type": "ForwardRefExoticComponent<AlertDialogContentProps & RefAttributes<HTMLDivElement>>"
101
+ },
102
+ {
103
+ "name": "Footer",
104
+ "optional": false,
105
+ "type": "ForwardRefExoticComponent<AlertDialogFooterProps & RefAttributes<HTMLDivElement>>"
106
+ },
107
+ {
108
+ "name": "Title",
109
+ "optional": false,
110
+ "type": "ForwardRefExoticComponent<AlertDialogTitleProps & RefAttributes<HTMLHeadingElement>>"
111
+ },
112
+ {
113
+ "name": "Trigger",
114
+ "optional": false,
115
+ "type": "ForwardRefExoticComponent<AlertDialogTriggerProps & RefAttributes<HTMLButtonElement>>"
116
+ }
117
+ ]
118
+ }
119
+ },
120
+ "Context": {
121
+ "AlertDialogContext": {
122
+ "props": [
123
+ {
124
+ "name": "draggable",
125
+ "optional": false,
126
+ "type": "boolean"
127
+ },
128
+ {
129
+ "name": "onClose",
130
+ "optional": true,
131
+ "type": {
132
+ "returnValue": "void"
133
+ }
134
+ },
135
+ {
136
+ "name": "props",
137
+ "optional": false,
138
+ "type": {
139
+ "type": "reflection",
140
+ "declaration": {
141
+ "id": 11,
142
+ "name": "__type",
143
+ "kind": 65536,
144
+ "kindString": "Type literal",
145
+ "flags": {
146
+ "isExported": true
147
+ }
148
+ }
149
+ }
150
+ },
151
+ {
152
+ "name": "ref",
153
+ "optional": false,
154
+ "type": "React.Ref<HTMLElement>"
155
+ },
156
+ {
157
+ "name": "size",
158
+ "optional": false,
159
+ "type": "DialogSize"
160
+ }
161
+ ]
162
+ },
163
+ "DialogContext": {
164
+ "props": [
165
+ {
166
+ "name": "closeOnEscape",
167
+ "optional": false,
168
+ "type": "boolean"
169
+ },
170
+ {
171
+ "name": "draggable",
172
+ "optional": false,
173
+ "type": "boolean"
174
+ },
175
+ {
176
+ "name": "drawer",
177
+ "optional": false,
178
+ "type": [
179
+ {
180
+ "name": "open",
181
+ "optional": false,
182
+ "type": "boolean"
183
+ },
184
+ {
185
+ "name": "toggle",
186
+ "optional": false,
187
+ "type": {
188
+ "returnValue": "void"
189
+ }
190
+ }
191
+ ]
192
+ },
193
+ {
194
+ "name": "elements",
195
+ "optional": false,
196
+ "type": [
197
+ {
198
+ "name": "drawer",
199
+ "optional": true,
200
+ "type": "React.ReactNode"
201
+ },
202
+ {
203
+ "name": "extra",
204
+ "optional": true,
205
+ "type": "React.ReactNode"
206
+ }
207
+ ]
208
+ },
209
+ {
210
+ "name": "onClose",
211
+ "optional": true,
212
+ "type": {
213
+ "returnValue": "void"
214
+ }
215
+ },
216
+ {
217
+ "name": "props",
218
+ "optional": false,
219
+ "type": {
220
+ "type": "reflection",
221
+ "declaration": {
222
+ "id": 903,
223
+ "name": "__type",
224
+ "kind": 65536,
225
+ "kindString": "Type literal",
226
+ "flags": {
227
+ "isExported": true
228
+ }
229
+ }
230
+ }
231
+ },
232
+ {
233
+ "name": "ref",
234
+ "optional": false,
235
+ "type": "React.Ref<HTMLElement>"
236
+ },
237
+ {
238
+ "name": "showCloseButton",
239
+ "optional": false,
240
+ "type": "boolean"
241
+ },
242
+ {
243
+ "name": "size",
244
+ "optional": false,
245
+ "type": "DialogSize"
246
+ }
247
+ ]
248
+ }
249
+ },
250
+ "Content": {
251
+ "AlertDialogContentProps": {
252
+ "intersections": [
253
+ "Omit<HTMLAttributes<HTMLDivElement>, 'children'>"
254
+ ],
255
+ "props": [
256
+ {
257
+ "description": "An accessible label to be announced when the dialog is opened",
258
+ "name": "aria-label",
259
+ "optional": false,
260
+ "type": "string"
261
+ },
262
+ {
263
+ "name": "children",
264
+ "optional": false,
265
+ "type": "React.ReactNode"
266
+ }
267
+ ]
268
+ },
269
+ "AlertDialogTitleProps": "HTMLAttributes<HTMLHeadingElement>",
270
+ "DialogCloseProps": "HTMLAttributes<HTMLButtonElement>",
271
+ "DialogContentDrawerRenderProps": {
272
+ "type": "indexedAccess",
273
+ "indexType": {
274
+ "type": "stringLiteral",
275
+ "value": "drawer"
276
+ },
277
+ "objectType": {
278
+ "type": "reference",
279
+ "name": "DialogContext"
280
+ }
281
+ },
282
+ "DialogContentProps": {
283
+ "intersections": [
284
+ "Omit<HTMLAttributes<HTMLDivElement>, 'children'>"
285
+ ],
286
+ "props": [
287
+ {
288
+ "description": "An accessible label to be announced when the dialog is opened",
289
+ "name": "aria-label",
290
+ "optional": false,
291
+ "type": "string"
292
+ },
293
+ {
294
+ "name": "children",
295
+ "optional": false,
296
+ "type": [
297
+ "Omit<React.ReactNode, 'Function'>",
298
+ {
299
+ "arguments": {
300
+ "props": "DialogContentRenderProps"
301
+ },
302
+ "returnValue": "Element"
303
+ }
304
+ ]
305
+ }
306
+ ]
307
+ },
308
+ "DialogContentRenderProps": {
309
+ "props": [
310
+ {
311
+ "name": "close",
312
+ "optional": false,
313
+ "type": {
314
+ "returnValue": "void"
315
+ }
316
+ },
317
+ {
318
+ "name": "drawer",
319
+ "optional": true,
320
+ "type": "DialogContentDrawerRenderProps"
321
+ }
322
+ ]
323
+ },
324
+ "DialogFooterProps": "HTMLAttributes<HTMLDivElement>",
325
+ "DialogTitleProps": "HTMLAttributes<HTMLHeadingElement>",
326
+ "MenuContentProps": {
327
+ "intersections": [
328
+ "Omit<DropdownMenuContentProps, 'children' | 'side'>"
329
+ ],
330
+ "props": [
331
+ {
332
+ "name": "children",
333
+ "optional": false,
334
+ "type": "React.ReactNode"
335
+ },
336
+ {
337
+ "description": "Set the position of the Menu relative to its trigger. Default value is `bottom`",
338
+ "name": "placement",
339
+ "optional": true,
340
+ "type": "Placement"
341
+ }
342
+ ]
343
+ }
344
+ },
345
+ "Footer": {
346
+ "AlertDialogActionProps": "HTMLAttributes<HTMLButtonElement>",
347
+ "AlertDialogCancelProps": "HTMLAttributes<HTMLButtonElement>",
348
+ "AlertDialogFooterProps": "HTMLAttributes<HTMLDivElement>"
349
+ },
350
+ "Trigger": {
351
+ "AlertDialogTriggerProps": "HTMLAttributes<HTMLButtonElement>",
352
+ "DialogTriggerProps": "HTMLAttributes<HTMLButtonElement>",
353
+ "MenuTriggerProps": {
354
+ "intersections": [
355
+ "Omit<HTMLAttributes<HTMLButtonElement>, 'children'>"
356
+ ],
357
+ "props": [
358
+ {
359
+ "name": "children",
360
+ "optional": false,
361
+ "type": "ReactElement"
362
+ }
363
+ ]
364
+ }
365
+ },
28
366
  "Backdrop": {
29
367
  "BackdropProps": "HTMLAttributes<HTMLDivElement>"
30
368
  },
@@ -499,94 +837,6 @@
499
837
  ]
500
838
  }
501
839
  },
502
- "Context": {
503
- "DialogContext": {
504
- "props": [
505
- {
506
- "name": "closeOnEscape",
507
- "optional": false,
508
- "type": "boolean"
509
- },
510
- {
511
- "name": "draggable",
512
- "optional": false,
513
- "type": "boolean"
514
- },
515
- {
516
- "name": "drawer",
517
- "optional": false,
518
- "type": [
519
- {
520
- "name": "open",
521
- "optional": false,
522
- "type": "boolean"
523
- },
524
- {
525
- "name": "toggle",
526
- "optional": false,
527
- "type": {
528
- "returnValue": "void"
529
- }
530
- }
531
- ]
532
- },
533
- {
534
- "name": "elements",
535
- "optional": false,
536
- "type": [
537
- {
538
- "name": "drawer",
539
- "optional": true,
540
- "type": "React.ReactNode"
541
- },
542
- {
543
- "name": "extra",
544
- "optional": true,
545
- "type": "React.ReactNode"
546
- }
547
- ]
548
- },
549
- {
550
- "name": "onClose",
551
- "optional": true,
552
- "type": {
553
- "returnValue": "void"
554
- }
555
- },
556
- {
557
- "name": "props",
558
- "optional": false,
559
- "type": {
560
- "type": "reflection",
561
- "declaration": {
562
- "id": 846,
563
- "name": "__type",
564
- "kind": 65536,
565
- "kindString": "Type literal",
566
- "flags": {
567
- "isExported": true
568
- }
569
- }
570
- }
571
- },
572
- {
573
- "name": "ref",
574
- "optional": false,
575
- "type": "React.Ref<HTMLElement>"
576
- },
577
- {
578
- "name": "showCloseButton",
579
- "optional": false,
580
- "type": "boolean"
581
- },
582
- {
583
- "name": "size",
584
- "optional": false,
585
- "type": "DialogSize"
586
- }
587
- ]
588
- }
589
- },
590
840
  "Dialog": {
591
841
  "DialogProps": {
592
842
  "props": [
@@ -726,82 +976,6 @@
726
976
  "'lg'"
727
977
  ]
728
978
  },
729
- "Content": {
730
- "DialogCloseProps": "HTMLAttributes<HTMLButtonElement>",
731
- "DialogContentDrawerRenderProps": {
732
- "type": "indexedAccess",
733
- "indexType": {
734
- "type": "stringLiteral",
735
- "value": "drawer"
736
- },
737
- "objectType": {
738
- "type": "reference",
739
- "name": "DialogContext"
740
- }
741
- },
742
- "DialogContentProps": {
743
- "intersections": [
744
- "Omit<HTMLAttributes<HTMLDivElement>, 'children'>"
745
- ],
746
- "props": [
747
- {
748
- "description": "An accessible label to be announced when the dialog is opened",
749
- "name": "aria-label",
750
- "optional": false,
751
- "type": "string"
752
- },
753
- {
754
- "name": "children",
755
- "optional": false,
756
- "type": [
757
- "Omit<React.ReactNode, 'Function'>",
758
- {
759
- "arguments": {
760
- "props": "DialogContentRenderProps"
761
- },
762
- "returnValue": "Element"
763
- }
764
- ]
765
- }
766
- ]
767
- },
768
- "DialogContentRenderProps": {
769
- "props": [
770
- {
771
- "name": "close",
772
- "optional": false,
773
- "type": {
774
- "returnValue": "void"
775
- }
776
- },
777
- {
778
- "name": "drawer",
779
- "optional": true,
780
- "type": "DialogContentDrawerRenderProps"
781
- }
782
- ]
783
- },
784
- "DialogFooterProps": "HTMLAttributes<HTMLDivElement>",
785
- "DialogTitleProps": "HTMLAttributes<HTMLHeadingElement>",
786
- "MenuContentProps": {
787
- "intersections": [
788
- "Omit<DropdownMenuContentProps, 'children' | 'side'>"
789
- ],
790
- "props": [
791
- {
792
- "name": "children",
793
- "optional": false,
794
- "type": "React.ReactNode"
795
- },
796
- {
797
- "description": "Set the position of the Menu relative to its trigger. Default value is `bottom`",
798
- "name": "placement",
799
- "optional": true,
800
- "type": "Placement"
801
- }
802
- ]
803
- }
804
- },
805
979
  "Drawer": {
806
980
  "DialogDrawerProps": {
807
981
  "intersections": [
@@ -838,21 +1012,6 @@
838
1012
  "Extra": {
839
1013
  "DialogExtraProps": "HTMLAttributes<HTMLDivElement>"
840
1014
  },
841
- "Trigger": {
842
- "DialogTriggerProps": "HTMLAttributes<HTMLButtonElement>",
843
- "MenuTriggerProps": {
844
- "intersections": [
845
- "Omit<HTMLAttributes<HTMLButtonElement>, 'children'>"
846
- ],
847
- "props": [
848
- {
849
- "name": "children",
850
- "optional": false,
851
- "type": "ReactElement"
852
- }
853
- ]
854
- }
855
- },
856
1015
  "Field": {
857
1016
  "FieldProps": {
858
1017
  "intersections": [
@@ -2456,7 +2615,7 @@
2456
2615
  "constraint": {
2457
2616
  "type": "reflection",
2458
2617
  "declaration": {
2459
- "id": 1338,
2618
+ "id": 1395,
2460
2619
  "name": "__type",
2461
2620
  "kind": 65536,
2462
2621
  "kindString": "Type literal",