@povio/ui 3.3.0-rc.3 → 3.3.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 (84) hide show
  1. package/README.md +15 -1
  2. package/dist/components/Breadcrumbs/Breadcrumbs.js +55 -206
  3. package/dist/components/buttons/Button/button.cva.d.ts +1 -1
  4. package/dist/components/buttons/InlineIconButton/InlineIconButton.js +9 -34
  5. package/dist/components/buttons/shared/ButtonContent.js +22 -80
  6. package/dist/components/inputs/Checkbox/CheckboxCheckmark.js +10 -24
  7. package/dist/components/inputs/Checkbox/CheckboxGroup.d.ts +5 -1
  8. package/dist/components/inputs/Checkbox/CheckboxGroup.js +234 -201
  9. package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +93 -227
  10. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +1 -0
  11. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +170 -273
  12. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +60 -147
  13. package/dist/components/inputs/DateTime/shared/Calendar.js +139 -339
  14. package/dist/components/inputs/DateTime/shared/CalendarCell.js +114 -308
  15. package/dist/components/inputs/DateTime/shared/CalendarGrid.js +35 -150
  16. package/dist/components/inputs/DateTime/shared/CalendarHeader.js +95 -229
  17. package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js +115 -296
  18. package/dist/components/inputs/DateTime/shared/DateField.js +135 -301
  19. package/dist/components/inputs/DateTime/shared/DatePickerInput.js +142 -338
  20. package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js +10 -59
  21. package/dist/components/inputs/DateTime/shared/TimePickerInput.js +144 -134
  22. package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.d.ts +2 -0
  23. package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.js +33 -0
  24. package/dist/components/inputs/File/FileUpload.js +1 -1
  25. package/dist/components/inputs/File/InputUpload.js +65 -261
  26. package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +48 -180
  27. package/dist/components/inputs/File/shared/FileUploadContentError.js +95 -265
  28. package/dist/components/inputs/File/shared/FileUploadContentFilled.js +99 -261
  29. package/dist/components/inputs/File/shared/FileUploadContentLoading.js +56 -234
  30. package/dist/components/inputs/File/shared/ProgressBar.js +15 -102
  31. package/dist/components/inputs/FormField/FormField.js +34 -47
  32. package/dist/components/inputs/Input/NumberInput/NumberInput.js +2 -1
  33. package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js +77 -314
  34. package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +23 -83
  35. package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +56 -2
  36. package/dist/components/inputs/Selection/Select/QuerySelect.js +82 -94
  37. package/dist/components/inputs/Selection/Select/Select.js +3 -3
  38. package/dist/components/inputs/Selection/shared/SelectInput.js +1 -0
  39. package/dist/components/inputs/Selection/shared/SelectListBox.js +51 -163
  40. package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts +1 -0
  41. package/dist/components/inputs/Selection/shared/querySelect.utils.js +1 -0
  42. package/dist/components/inputs/Selection/shared/select.context.js +19 -9
  43. package/dist/components/inputs/Selection/shared/useSelectItems.js +48 -108
  44. package/dist/components/inputs/Skeleton/InputFrame.js +177 -552
  45. package/dist/components/inputs/TextEditor/TextEditor.js +87 -389
  46. package/dist/components/inputs/shared/InputClear.js +24 -40
  47. package/dist/components/inputs/shared/input.cva.js +1 -1
  48. package/dist/components/navigation/Accordion/Accordion.js +22 -69
  49. package/dist/components/navigation/Accordion/AccordionItem.js +41 -86
  50. package/dist/components/navigation/Stepper/Stepper.js +22 -67
  51. package/dist/components/overlays/ActionModal/ActionModal.js +35 -169
  52. package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js +29 -110
  53. package/dist/components/shared/pagination/Pagination.js +22 -108
  54. package/dist/components/shared/pagination/minWidth.cva.d.ts +1 -1
  55. package/dist/components/status/Alert/Alert.js +30 -97
  56. package/dist/components/table/InfiniteTable.js +16 -67
  57. package/dist/components/table/Table.d.ts +2 -8
  58. package/dist/components/table/Table.js +33 -55
  59. package/dist/components/text/Typography/Typography.js +8 -23
  60. package/dist/config/confirmation.context.js +1 -1
  61. package/dist/config/theme.context.js +45 -98
  62. package/dist/config/uiConfig.context.d.ts +1 -0
  63. package/dist/config/uiConfig.context.js +10 -40
  64. package/dist/config/uiOverrides.context.d.ts +0 -1
  65. package/dist/helpers/dynamicColumns.js +2 -1
  66. package/dist/hooks/useDebounceCallback.js +17 -51
  67. package/dist/hooks/useFormAutosave.js +33 -120
  68. package/dist/hooks/useLongPressRepeat.js +20 -55
  69. package/dist/index.d.ts +1 -1
  70. package/dist/index.js +2 -2
  71. package/dist/utils/date-time.utils.d.ts +0 -1
  72. package/dist/utils/date-time.utils.js +21 -45
  73. package/dist/utils/intl.utils.d.ts +7 -0
  74. package/dist/utils/intl.utils.js +38 -0
  75. package/dist/utils/intl.utils.spec.d.ts +1 -0
  76. package/package.json +2 -2
  77. package/dist/components/inputs/FormField/formField.cva.d.ts +0 -11
  78. package/dist/components/inputs/FormField/formField.cva.js +0 -16
  79. package/dist/components/table/TableColumnFilterInput.d.ts +0 -9
  80. package/dist/components/table/TableColumnFilterInput.js +0 -108
  81. package/dist/components/table/TableColumnFilterPlaceholder.d.ts +0 -5
  82. package/dist/components/table/TableColumnFilterPlaceholder.js +0 -41
  83. package/dist/components/table/TableColumnFilterRow.d.ts +0 -16
  84. package/dist/components/table/TableColumnFilterRow.js +0 -68
@@ -1,4 +1,4 @@
1
- import { c } from "react/compiler-runtime";
1
+ import { useMemo } from "react";
2
2
  import { useFilter } from "react-aria-components";
3
3
  //#region src/components/inputs/Selection/shared/useSelectItems.tsx
4
4
  var SelectAllItemId = "all-item-id";
@@ -24,121 +24,61 @@ var ReservedItemIds = [
24
24
  NewItemId,
25
25
  LoadingItemId
26
26
  ];
27
- function useSelectItems(t0) {
28
- const $ = c(37);
29
- const { initialSelectedItems, selectedItems, cachedItems, inputValue, showAll, isMultiple, showSelectAllOption, showNewItemOption, newItemMinLength: t1, isLoading, hasLoadMore, isClientSearchDisabled } = t0;
30
- const newItemMinLength = t1 === void 0 ? 3 : t1;
31
- let t2;
32
- if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
33
- t2 = { sensitivity: "base" };
34
- $[0] = t2;
35
- } else t2 = $[0];
36
- const { contains } = useFilter(t2);
37
- const showSelectAllItem = isMultiple && showSelectAllOption && inputValue.length === 0 && !hasLoadMore;
38
- let t3;
39
- if ($[1] !== cachedItems || $[2] !== contains || $[3] !== inputValue || $[4] !== newItemMinLength || $[5] !== showNewItemOption) {
40
- t3 = showNewItemOption && inputValue.length >= newItemMinLength && !cachedItems.find((item) => contains(item.label, inputValue));
41
- $[1] = cachedItems;
42
- $[2] = contains;
43
- $[3] = inputValue;
44
- $[4] = newItemMinLength;
45
- $[5] = showNewItemOption;
46
- $[6] = t3;
47
- } else t3 = $[6];
48
- const showNewItem = t3;
49
- const showLoadingItem = isLoading || hasLoadMore;
50
- let t4;
51
- if ($[7] !== inputValue || $[8] !== showSelectAllItem) {
52
- t4 = showSelectAllItem ? [SelectAllItem(inputValue)] : [];
53
- $[7] = inputValue;
54
- $[8] = showSelectAllItem;
55
- $[9] = t4;
56
- } else t4 = $[9];
57
- let t5;
58
- if ($[10] !== inputValue || $[11] !== showNewItem) {
59
- t5 = showNewItem ? [NewItem(inputValue)] : [];
60
- $[10] = inputValue;
61
- $[11] = showNewItem;
62
- $[12] = t5;
63
- } else t5 = $[12];
64
- let t6;
65
- if ($[13] !== inputValue || $[14] !== showLoadingItem) {
66
- t6 = showLoadingItem ? [LoadingItem(inputValue)] : [];
67
- $[13] = inputValue;
68
- $[14] = showLoadingItem;
69
- $[15] = t6;
70
- } else t6 = $[15];
71
- let t7;
72
- if ($[16] !== cachedItems || $[17] !== t4 || $[18] !== t5 || $[19] !== t6) {
73
- t7 = [
74
- ...t4,
27
+ function useSelectItems({ initialSelectedItems, selectedItems, cachedItems, inputValue, showAll, isMultiple, showSelectAllOption, showNewItemOption, newItemMinLength = 3, isLoading, hasLoadMore, isClientSearchDisabled }) {
28
+ const { contains } = useFilter({ sensitivity: "base" });
29
+ const allListItems = useMemo(() => {
30
+ const showSelectAllItem = isMultiple && showSelectAllOption && inputValue.length === 0 && !hasLoadMore;
31
+ const showNewItem = showNewItemOption && inputValue.length >= newItemMinLength && !cachedItems.find((item) => contains(item.label, inputValue));
32
+ const showLoadingItem = isLoading || hasLoadMore;
33
+ return [
34
+ ...showSelectAllItem ? [SelectAllItem(inputValue)] : [],
75
35
  ...cachedItems,
76
- ...t5,
77
- ...t6
36
+ ...showNewItem ? [NewItem(inputValue)] : [],
37
+ ...showLoadingItem ? [LoadingItem(inputValue)] : []
78
38
  ];
79
- $[16] = cachedItems;
80
- $[17] = t4;
81
- $[18] = t5;
82
- $[19] = t6;
83
- $[20] = t7;
84
- } else t7 = $[20];
85
- const allListItems = t7;
86
- let t8;
87
- if ($[21] !== allListItems || $[22] !== initialSelectedItems || $[23] !== selectedItems) {
39
+ }, [
40
+ isMultiple,
41
+ showNewItemOption,
42
+ inputValue,
43
+ newItemMinLength,
44
+ cachedItems,
45
+ contains,
46
+ isLoading,
47
+ hasLoadMore,
48
+ showSelectAllOption
49
+ ]);
50
+ const allItems = useMemo(() => {
88
51
  const items = [
89
52
  ...Array.isArray(initialSelectedItems) ? initialSelectedItems : [initialSelectedItems],
90
53
  ...Array.isArray(selectedItems) ? selectedItems : [selectedItems],
91
54
  ...allListItems
92
- ].filter(_temp);
55
+ ].filter((item_0) => !!item_0);
93
56
  const allItemsMap = /* @__PURE__ */ new Map();
94
57
  items.forEach((item_1) => allItemsMap.set(item_1.id, item_1));
95
- t8 = Array.from(allItemsMap.values());
96
- $[21] = allListItems;
97
- $[22] = initialSelectedItems;
98
- $[23] = selectedItems;
99
- $[24] = t8;
100
- } else t8 = $[24];
101
- const allItems = t8;
102
- let t9;
103
- if ($[25] !== allListItems || $[26] !== contains || $[27] !== inputValue) {
104
- t9 = allListItems.filter((item_2) => contains(item_2.label, inputValue));
105
- $[25] = allListItems;
106
- $[26] = contains;
107
- $[27] = inputValue;
108
- $[28] = t9;
109
- } else t9 = $[28];
110
- const filteredListItems = t9;
111
- const listItems = showAll || isClientSearchDisabled ? allListItems : filteredListItems;
112
- let t10;
113
- if ($[29] !== listItems) {
114
- t10 = listItems.filter(_temp2);
115
- $[29] = listItems;
116
- $[30] = t10;
117
- } else t10 = $[30];
118
- const selectableListItems = t10;
119
- let t11;
120
- if ($[31] !== allItems || $[32] !== allListItems || $[33] !== filteredListItems || $[34] !== listItems || $[35] !== selectableListItems) {
121
- t11 = {
122
- allItems,
123
- allListItems,
124
- filteredListItems,
125
- listItems,
126
- selectableListItems
127
- };
128
- $[31] = allItems;
129
- $[32] = allListItems;
130
- $[33] = filteredListItems;
131
- $[34] = listItems;
132
- $[35] = selectableListItems;
133
- $[36] = t11;
134
- } else t11 = $[36];
135
- return t11;
136
- }
137
- function _temp2(item_3) {
138
- return !item_3.isDisabled && !ReservedItemIds.includes(String(item_3.id));
139
- }
140
- function _temp(item_0) {
141
- return !!item_0;
58
+ return Array.from(allItemsMap.values());
59
+ }, [
60
+ allListItems,
61
+ initialSelectedItems,
62
+ selectedItems
63
+ ]);
64
+ const filteredListItems = useMemo(() => allListItems.filter((item_2) => contains(item_2.label, inputValue)), [
65
+ allListItems,
66
+ contains,
67
+ inputValue
68
+ ]);
69
+ const listItems = useMemo(() => showAll || isClientSearchDisabled ? allListItems : filteredListItems, [
70
+ showAll,
71
+ isClientSearchDisabled,
72
+ allListItems,
73
+ filteredListItems
74
+ ]);
75
+ return {
76
+ allItems,
77
+ allListItems,
78
+ filteredListItems,
79
+ listItems,
80
+ selectableListItems: useMemo(() => listItems.filter((item_3) => !item_3.isDisabled && !ReservedItemIds.includes(String(item_3.id))), [listItems])
81
+ };
142
82
  }
143
83
  //#endregion
144
84
  export { NewItemId, SelectAllItemId, useSelectItems };