@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.
- package/README.md +15 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +55 -206
- package/dist/components/buttons/Button/button.cva.d.ts +1 -1
- package/dist/components/buttons/InlineIconButton/InlineIconButton.js +9 -34
- package/dist/components/buttons/shared/ButtonContent.js +22 -80
- package/dist/components/inputs/Checkbox/CheckboxCheckmark.js +10 -24
- package/dist/components/inputs/Checkbox/CheckboxGroup.d.ts +5 -1
- package/dist/components/inputs/Checkbox/CheckboxGroup.js +234 -201
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +93 -227
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +1 -0
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +170 -273
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +60 -147
- package/dist/components/inputs/DateTime/shared/Calendar.js +139 -339
- package/dist/components/inputs/DateTime/shared/CalendarCell.js +114 -308
- package/dist/components/inputs/DateTime/shared/CalendarGrid.js +35 -150
- package/dist/components/inputs/DateTime/shared/CalendarHeader.js +95 -229
- package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js +115 -296
- package/dist/components/inputs/DateTime/shared/DateField.js +135 -301
- package/dist/components/inputs/DateTime/shared/DatePickerInput.js +142 -338
- package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js +10 -59
- package/dist/components/inputs/DateTime/shared/TimePickerInput.js +144 -134
- package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.d.ts +2 -0
- package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.js +33 -0
- package/dist/components/inputs/File/FileUpload.js +1 -1
- package/dist/components/inputs/File/InputUpload.js +65 -261
- package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +48 -180
- package/dist/components/inputs/File/shared/FileUploadContentError.js +95 -265
- package/dist/components/inputs/File/shared/FileUploadContentFilled.js +99 -261
- package/dist/components/inputs/File/shared/FileUploadContentLoading.js +56 -234
- package/dist/components/inputs/File/shared/ProgressBar.js +15 -102
- package/dist/components/inputs/FormField/FormField.js +34 -47
- package/dist/components/inputs/Input/NumberInput/NumberInput.js +2 -1
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js +77 -314
- package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +23 -83
- package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +56 -2
- package/dist/components/inputs/Selection/Select/QuerySelect.js +82 -94
- package/dist/components/inputs/Selection/Select/Select.js +3 -3
- package/dist/components/inputs/Selection/shared/SelectInput.js +1 -0
- package/dist/components/inputs/Selection/shared/SelectListBox.js +51 -163
- package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts +1 -0
- package/dist/components/inputs/Selection/shared/querySelect.utils.js +1 -0
- package/dist/components/inputs/Selection/shared/select.context.js +19 -9
- package/dist/components/inputs/Selection/shared/useSelectItems.js +48 -108
- package/dist/components/inputs/Skeleton/InputFrame.js +177 -552
- package/dist/components/inputs/TextEditor/TextEditor.js +87 -389
- package/dist/components/inputs/shared/InputClear.js +24 -40
- package/dist/components/inputs/shared/input.cva.js +1 -1
- package/dist/components/navigation/Accordion/Accordion.js +22 -69
- package/dist/components/navigation/Accordion/AccordionItem.js +41 -86
- package/dist/components/navigation/Stepper/Stepper.js +22 -67
- package/dist/components/overlays/ActionModal/ActionModal.js +35 -169
- package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js +29 -110
- package/dist/components/shared/pagination/Pagination.js +22 -108
- package/dist/components/shared/pagination/minWidth.cva.d.ts +1 -1
- package/dist/components/status/Alert/Alert.js +30 -97
- package/dist/components/table/InfiniteTable.js +16 -67
- package/dist/components/table/Table.d.ts +2 -8
- package/dist/components/table/Table.js +33 -55
- package/dist/components/text/Typography/Typography.js +8 -23
- package/dist/config/confirmation.context.js +1 -1
- package/dist/config/theme.context.js +45 -98
- package/dist/config/uiConfig.context.d.ts +1 -0
- package/dist/config/uiConfig.context.js +10 -40
- package/dist/config/uiOverrides.context.d.ts +0 -1
- package/dist/helpers/dynamicColumns.js +2 -1
- package/dist/hooks/useDebounceCallback.js +17 -51
- package/dist/hooks/useFormAutosave.js +33 -120
- package/dist/hooks/useLongPressRepeat.js +20 -55
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/utils/date-time.utils.d.ts +0 -1
- package/dist/utils/date-time.utils.js +21 -45
- package/dist/utils/intl.utils.d.ts +7 -0
- package/dist/utils/intl.utils.js +38 -0
- package/dist/utils/intl.utils.spec.d.ts +1 -0
- package/package.json +2 -2
- package/dist/components/inputs/FormField/formField.cva.d.ts +0 -11
- package/dist/components/inputs/FormField/formField.cva.js +0 -16
- package/dist/components/table/TableColumnFilterInput.d.ts +0 -9
- package/dist/components/table/TableColumnFilterInput.js +0 -108
- package/dist/components/table/TableColumnFilterPlaceholder.d.ts +0 -5
- package/dist/components/table/TableColumnFilterPlaceholder.js +0 -41
- package/dist/components/table/TableColumnFilterRow.d.ts +0 -16
- package/dist/components/table/TableColumnFilterRow.js +0 -68
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
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(
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
...
|
|
77
|
-
...
|
|
36
|
+
...showNewItem ? [NewItem(inputValue)] : [],
|
|
37
|
+
...showLoadingItem ? [LoadingItem(inputValue)] : []
|
|
78
38
|
];
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
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(
|
|
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
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
const
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
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 };
|