@qoretechnologies/reqore 0.68.1 → 0.68.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.
- package/dist/components/Bubble/index.d.ts +57 -0
- package/dist/components/Bubble/index.d.ts.map +1 -0
- package/dist/components/Bubble/index.js +184 -0
- package/dist/components/Bubble/index.js.map +1 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +3 -3
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DescriptionList/index.d.ts.map +1 -1
- package/dist/components/DescriptionList/index.js +3 -3
- package/dist/components/DescriptionList/index.js.map +1 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/IconPicker/index.d.ts +114 -0
- package/dist/components/IconPicker/index.d.ts.map +1 -0
- package/dist/components/IconPicker/index.js +223 -0
- package/dist/components/IconPicker/index.js.map +1 -0
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +10 -2
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -6
- package/tests.json +1 -1
- package/dist/esm/components/Accordion/index.js +0 -142
- package/dist/esm/components/Accordion/index.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/index.js +0 -122
- package/dist/esm/components/Breadcrumbs/index.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/item.js +0 -14
- package/dist/esm/components/Breadcrumbs/item.js.map +0 -1
- package/dist/esm/components/Button/index.js +0 -315
- package/dist/esm/components/Button/index.js.map +0 -1
- package/dist/esm/components/Callout/index.js +0 -142
- package/dist/esm/components/Callout/index.js.map +0 -1
- package/dist/esm/components/Checkbox/index.js +0 -217
- package/dist/esm/components/Checkbox/index.js.map +0 -1
- package/dist/esm/components/Collection/index.js +0 -298
- package/dist/esm/components/Collection/index.js.map +0 -1
- package/dist/esm/components/Collection/item.js +0 -157
- package/dist/esm/components/Collection/item.js.map +0 -1
- package/dist/esm/components/Columns/column.js +0 -14
- package/dist/esm/components/Columns/column.js.map +0 -1
- package/dist/esm/components/Columns/index.js +0 -17
- package/dist/esm/components/Columns/index.js.map +0 -1
- package/dist/esm/components/Comment/index.js +0 -63
- package/dist/esm/components/Comment/index.js.map +0 -1
- package/dist/esm/components/CommentFeed/index.js +0 -17
- package/dist/esm/components/CommentFeed/index.js.map +0 -1
- package/dist/esm/components/Content/index.js +0 -16
- package/dist/esm/components/Content/index.js.map +0 -1
- package/dist/esm/components/Content/wrapper.js +0 -14
- package/dist/esm/components/Content/wrapper.js.map +0 -1
- package/dist/esm/components/ControlGroup/index.js +0 -351
- package/dist/esm/components/ControlGroup/index.js.map +0 -1
- package/dist/esm/components/DatePicker/MonthYearDropdowns.js +0 -30
- package/dist/esm/components/DatePicker/MonthYearDropdowns.js.map +0 -1
- package/dist/esm/components/DatePicker/index.js +0 -244
- package/dist/esm/components/DatePicker/index.js.map +0 -1
- package/dist/esm/components/DescriptionList/index.js +0 -132
- package/dist/esm/components/DescriptionList/index.js.map +0 -1
- package/dist/esm/components/Drawer/backdrop.js +0 -34
- package/dist/esm/components/Drawer/backdrop.js.map +0 -1
- package/dist/esm/components/Drawer/index.js +0 -286
- package/dist/esm/components/Drawer/index.js.map +0 -1
- package/dist/esm/components/Dropdown/index.js +0 -49
- package/dist/esm/components/Dropdown/index.js.map +0 -1
- package/dist/esm/components/Dropdown/item.js +0 -12
- package/dist/esm/components/Dropdown/item.js.map +0 -1
- package/dist/esm/components/Dropdown/list.js +0 -320
- package/dist/esm/components/Dropdown/list.js.map +0 -1
- package/dist/esm/components/Effect/index.js +0 -349
- package/dist/esm/components/Effect/index.js.map +0 -1
- package/dist/esm/components/EmptyState/index.js +0 -31
- package/dist/esm/components/EmptyState/index.js.map +0 -1
- package/dist/esm/components/EntityRow/index.js +0 -134
- package/dist/esm/components/EntityRow/index.js.map +0 -1
- package/dist/esm/components/ErrorBoundary/index.js +0 -57
- package/dist/esm/components/ErrorBoundary/index.js.map +0 -1
- package/dist/esm/components/ExportModal/index.js +0 -60
- package/dist/esm/components/ExportModal/index.js.map +0 -1
- package/dist/esm/components/FeatureCard/index.js +0 -139
- package/dist/esm/components/FeatureCard/index.js.map +0 -1
- package/dist/esm/components/GlobalModalsWrapper/index.js +0 -27
- package/dist/esm/components/GlobalModalsWrapper/index.js.map +0 -1
- package/dist/esm/components/Header/index.js +0 -55
- package/dist/esm/components/Header/index.js.map +0 -1
- package/dist/esm/components/Icon/index.js +0 -130
- package/dist/esm/components/Icon/index.js.map +0 -1
- package/dist/esm/components/Input/index.js +0 -136
- package/dist/esm/components/Input/index.js.map +0 -1
- package/dist/esm/components/InputClearButton/index.js +0 -32
- package/dist/esm/components/InputClearButton/index.js.map +0 -1
- package/dist/esm/components/InternalPopover/index.js +0 -244
- package/dist/esm/components/InternalPopover/index.js.map +0 -1
- package/dist/esm/components/KeyValueTable/index.js +0 -81
- package/dist/esm/components/KeyValueTable/index.js.map +0 -1
- package/dist/esm/components/Label/index.js +0 -7
- package/dist/esm/components/Label/index.js.map +0 -1
- package/dist/esm/components/Layout/content.js +0 -12
- package/dist/esm/components/Layout/content.js.map +0 -1
- package/dist/esm/components/Layout/index.js +0 -28
- package/dist/esm/components/Layout/index.js.map +0 -1
- package/dist/esm/components/Menu/divider.js +0 -41
- package/dist/esm/components/Menu/divider.js.map +0 -1
- package/dist/esm/components/Menu/index.js +0 -67
- package/dist/esm/components/Menu/index.js.map +0 -1
- package/dist/esm/components/Menu/item.js +0 -33
- package/dist/esm/components/Menu/item.js.map +0 -1
- package/dist/esm/components/Menu/section.js +0 -28
- package/dist/esm/components/Menu/section.js.map +0 -1
- package/dist/esm/components/Message/index.js +0 -52
- package/dist/esm/components/Message/index.js.map +0 -1
- package/dist/esm/components/Modal/index.js +0 -40
- package/dist/esm/components/Modal/index.js.map +0 -1
- package/dist/esm/components/MultiSelect/index.js +0 -146
- package/dist/esm/components/MultiSelect/index.js.map +0 -1
- package/dist/esm/components/Navbar/divider.js +0 -24
- package/dist/esm/components/Navbar/divider.js.map +0 -1
- package/dist/esm/components/Navbar/group.js +0 -27
- package/dist/esm/components/Navbar/group.js.map +0 -1
- package/dist/esm/components/Navbar/index.js +0 -39
- package/dist/esm/components/Navbar/index.js.map +0 -1
- package/dist/esm/components/Navbar/item.js +0 -51
- package/dist/esm/components/Navbar/item.js.map +0 -1
- package/dist/esm/components/Notifications/index.js +0 -28
- package/dist/esm/components/Notifications/index.js.map +0 -1
- package/dist/esm/components/Notifications/notification.js +0 -225
- package/dist/esm/components/Notifications/notification.js.map +0 -1
- package/dist/esm/components/Paging/index.js +0 -116
- package/dist/esm/components/Paging/index.js.map +0 -1
- package/dist/esm/components/Panel/LabelEditor.js +0 -33
- package/dist/esm/components/Panel/LabelEditor.js.map +0 -1
- package/dist/esm/components/Panel/NonResponsiveActions.js +0 -18
- package/dist/esm/components/Panel/NonResponsiveActions.js.map +0 -1
- package/dist/esm/components/Panel/index.js +0 -564
- package/dist/esm/components/Panel/index.js.map +0 -1
- package/dist/esm/components/Panel/panel.screenshot.js +0 -15
- package/dist/esm/components/Panel/panel.screenshot.js.map +0 -1
- package/dist/esm/components/Paragraph/index.js +0 -19
- package/dist/esm/components/Paragraph/index.js.map +0 -1
- package/dist/esm/components/Popover/index.js +0 -267
- package/dist/esm/components/Popover/index.js.map +0 -1
- package/dist/esm/components/Progress/index.js +0 -188
- package/dist/esm/components/Progress/index.js.map +0 -1
- package/dist/esm/components/RadioGroup/index.js +0 -9
- package/dist/esm/components/RadioGroup/index.js.map +0 -1
- package/dist/esm/components/Rating/index.js +0 -165
- package/dist/esm/components/Rating/index.js.map +0 -1
- package/dist/esm/components/RichTextEditor/index.js +0 -299
- package/dist/esm/components/RichTextEditor/index.js.map +0 -1
- package/dist/esm/components/SegmentedControl/index.js +0 -291
- package/dist/esm/components/SegmentedControl/index.js.map +0 -1
- package/dist/esm/components/SeverityRow/index.js +0 -106
- package/dist/esm/components/SeverityRow/index.js.map +0 -1
- package/dist/esm/components/Skeleton/index.js +0 -28
- package/dist/esm/components/Skeleton/index.js.map +0 -1
- package/dist/esm/components/Slider/index.js +0 -176
- package/dist/esm/components/Slider/index.js.map +0 -1
- package/dist/esm/components/Spacer/index.js +0 -96
- package/dist/esm/components/Spacer/index.js.map +0 -1
- package/dist/esm/components/Span/index.js +0 -18
- package/dist/esm/components/Span/index.js.map +0 -1
- package/dist/esm/components/Spinner/index.js +0 -14
- package/dist/esm/components/Spinner/index.js.map +0 -1
- package/dist/esm/components/Statistic/index.js +0 -166
- package/dist/esm/components/Statistic/index.js.map +0 -1
- package/dist/esm/components/Table/body.js +0 -72
- package/dist/esm/components/Table/body.js.map +0 -1
- package/dist/esm/components/Table/cell.js +0 -214
- package/dist/esm/components/Table/cell.js.map +0 -1
- package/dist/esm/components/Table/header.js +0 -158
- package/dist/esm/components/Table/header.js.map +0 -1
- package/dist/esm/components/Table/headerCell.js +0 -233
- package/dist/esm/components/Table/headerCell.js.map +0 -1
- package/dist/esm/components/Table/helpers.js +0 -285
- package/dist/esm/components/Table/helpers.js.map +0 -1
- package/dist/esm/components/Table/index.js +0 -472
- package/dist/esm/components/Table/index.js.map +0 -1
- package/dist/esm/components/Table/row.js +0 -176
- package/dist/esm/components/Table/row.js.map +0 -1
- package/dist/esm/components/Table/value.js +0 -19
- package/dist/esm/components/Table/value.js.map +0 -1
- package/dist/esm/components/Tabs/content.js +0 -23
- package/dist/esm/components/Tabs/content.js.map +0 -1
- package/dist/esm/components/Tabs/index.js +0 -44
- package/dist/esm/components/Tabs/index.js.map +0 -1
- package/dist/esm/components/Tabs/item.js +0 -122
- package/dist/esm/components/Tabs/item.js.map +0 -1
- package/dist/esm/components/Tabs/list.js +0 -208
- package/dist/esm/components/Tabs/list.js.map +0 -1
- package/dist/esm/components/Tag/group.js +0 -38
- package/dist/esm/components/Tag/group.js.map +0 -1
- package/dist/esm/components/Tag/index.js +0 -267
- package/dist/esm/components/Tag/index.js.map +0 -1
- package/dist/esm/components/Testimonial/index.js +0 -108
- package/dist/esm/components/Testimonial/index.js.map +0 -1
- package/dist/esm/components/Textarea/index.js +0 -135
- package/dist/esm/components/Textarea/index.js.map +0 -1
- package/dist/esm/components/Tier/index.js +0 -48
- package/dist/esm/components/Tier/index.js.map +0 -1
- package/dist/esm/components/TimeAgo/index.js +0 -19
- package/dist/esm/components/TimeAgo/index.js.map +0 -1
- package/dist/esm/components/Timeline/index.js +0 -271
- package/dist/esm/components/Timeline/index.js.map +0 -1
- package/dist/esm/components/TooltipComponent/index.js +0 -11
- package/dist/esm/components/TooltipComponent/index.js.map +0 -1
- package/dist/esm/components/Tree/index.js +0 -266
- package/dist/esm/components/Tree/index.js.map +0 -1
- package/dist/esm/components/Tree/modal.js +0 -30
- package/dist/esm/components/Tree/modal.js.map +0 -1
- package/dist/esm/constants/animations.js +0 -9
- package/dist/esm/constants/animations.js.map +0 -1
- package/dist/esm/constants/colors.js +0 -13
- package/dist/esm/constants/colors.js.map +0 -1
- package/dist/esm/constants/paging.js +0 -48
- package/dist/esm/constants/paging.js.map +0 -1
- package/dist/esm/constants/sizes.js +0 -363
- package/dist/esm/constants/sizes.js.map +0 -1
- package/dist/esm/constants/theme.js +0 -40
- package/dist/esm/constants/theme.js.map +0 -1
- package/dist/esm/containers/Paging.js +0 -29
- package/dist/esm/containers/Paging.js.map +0 -1
- package/dist/esm/containers/ReqoreProvider.js +0 -239
- package/dist/esm/containers/ReqoreProvider.js.map +0 -1
- package/dist/esm/containers/ThemeProvider.js +0 -11
- package/dist/esm/containers/ThemeProvider.js.map +0 -1
- package/dist/esm/containers/UIProvider.js +0 -53
- package/dist/esm/containers/UIProvider.js.map +0 -1
- package/dist/esm/context/CustomThemeContext.js +0 -4
- package/dist/esm/context/CustomThemeContext.js.map +0 -1
- package/dist/esm/context/ReqoreContext.js +0 -22
- package/dist/esm/context/ReqoreContext.js.map +0 -1
- package/dist/esm/context/ThemeContext.js +0 -4
- package/dist/esm/context/ThemeContext.js.map +0 -1
- package/dist/esm/helpers/animations.js +0 -13
- package/dist/esm/helpers/animations.js.map +0 -1
- package/dist/esm/helpers/colors.js +0 -240
- package/dist/esm/helpers/colors.js.map +0 -1
- package/dist/esm/helpers/dates.js +0 -52
- package/dist/esm/helpers/dates.js.map +0 -1
- package/dist/esm/helpers/time.js +0 -21
- package/dist/esm/helpers/time.js.map +0 -1
- package/dist/esm/helpers/utils.js +0 -174
- package/dist/esm/helpers/utils.js.map +0 -1
- package/dist/esm/hooks/useAutoFocus.js +0 -76
- package/dist/esm/hooks/useAutoFocus.js.map +0 -1
- package/dist/esm/hooks/useCloneThroughFragments.js +0 -26
- package/dist/esm/hooks/useCloneThroughFragments.js.map +0 -1
- package/dist/esm/hooks/useCombinedRefs.js +0 -25
- package/dist/esm/hooks/useCombinedRefs.js.map +0 -1
- package/dist/esm/hooks/useComponentTooltip.js +0 -28
- package/dist/esm/hooks/useComponentTooltip.js.map +0 -1
- package/dist/esm/hooks/useFocusTrap.js +0 -115
- package/dist/esm/hooks/useFocusTrap.js.map +0 -1
- package/dist/esm/hooks/useLatestZIndex.js +0 -10
- package/dist/esm/hooks/useLatestZIndex.js.map +0 -1
- package/dist/esm/hooks/useOutsideClick.js +0 -17
- package/dist/esm/hooks/useOutsideClick.js.map +0 -1
- package/dist/esm/hooks/usePaging.js +0 -92
- package/dist/esm/hooks/usePaging.js.map +0 -1
- package/dist/esm/hooks/useQueryWithDelay.js +0 -19
- package/dist/esm/hooks/useQueryWithDelay.js.map +0 -1
- package/dist/esm/hooks/useReqore.js +0 -10
- package/dist/esm/hooks/useReqore.js.map +0 -1
- package/dist/esm/hooks/useReqoreContext.js +0 -12
- package/dist/esm/hooks/useReqoreContext.js.map +0 -1
- package/dist/esm/hooks/useReqoreEffect.js +0 -21
- package/dist/esm/hooks/useReqoreEffect.js.map +0 -1
- package/dist/esm/hooks/useTextareaAutoSize.js +0 -16
- package/dist/esm/hooks/useTextareaAutoSize.js.map +0 -1
- package/dist/esm/hooks/useTheme.js +0 -39
- package/dist/esm/hooks/useTheme.js.map +0 -1
- package/dist/esm/hooks/useWhyDidYouUpdate.js +0 -32
- package/dist/esm/hooks/useWhyDidYouUpdate.js.map +0 -1
- package/dist/esm/index.js +0 -92
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/styles.js +0 -122
- package/dist/esm/styles.js.map +0 -1
- package/dist/esm/types/global.js +0 -2
- package/dist/esm/types/global.js.map +0 -1
- package/dist/esm/types/icons.js +0 -2
- package/dist/esm/types/icons.js.map +0 -1
- package/tsconfig.esm.json +0 -11
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
import { isArray, isBoolean, isFunction, isNull, isNumber, isObject, isString, isUndefined, } from 'lodash';
|
|
2
|
-
import { NUMBER_TO_SIZE, PADDING_FROM_SIZE, SIZES, SIZE_TO_NUMBER } from '../constants/sizes';
|
|
3
|
-
export const sleep = async (ms) => await new Promise((r) => setTimeout(r, ms));
|
|
4
|
-
export const getTypeFromValue = (item) => {
|
|
5
|
-
if (isBoolean(item)) {
|
|
6
|
-
return 'boolean';
|
|
7
|
-
}
|
|
8
|
-
if (isString(item)) {
|
|
9
|
-
return 'string';
|
|
10
|
-
}
|
|
11
|
-
if (isNumber(item)) {
|
|
12
|
-
return 'number';
|
|
13
|
-
}
|
|
14
|
-
if (isArray(item)) {
|
|
15
|
-
return 'array';
|
|
16
|
-
}
|
|
17
|
-
if (isObject(item)) {
|
|
18
|
-
return 'object';
|
|
19
|
-
}
|
|
20
|
-
if (isFunction(item)) {
|
|
21
|
-
return 'function';
|
|
22
|
-
}
|
|
23
|
-
if (isNull(item) || isUndefined(item)) {
|
|
24
|
-
return 'null';
|
|
25
|
-
}
|
|
26
|
-
return 'null';
|
|
27
|
-
};
|
|
28
|
-
export const getLineCount = (value) => {
|
|
29
|
-
try {
|
|
30
|
-
return value?.match(/[^\n]*\n[^\n]*/gi)?.length ?? 0;
|
|
31
|
-
}
|
|
32
|
-
catch (e) {
|
|
33
|
-
return 0;
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
// A function that takes list of objects and transforms it
|
|
37
|
-
// to a CSV string
|
|
38
|
-
export const convertToCSV = (objArray) => {
|
|
39
|
-
const header = Object.keys(objArray[0]).join(',');
|
|
40
|
-
const rows = objArray.map((obj) => Object.values(obj)
|
|
41
|
-
.map((value) => JSON.stringify(value))
|
|
42
|
-
.join(','));
|
|
43
|
-
return [header, ...rows].join('\n');
|
|
44
|
-
};
|
|
45
|
-
export const calculateStringSizeInPixels = (value = '', fontSize, spaced = 0) => {
|
|
46
|
-
const widths = [
|
|
47
|
-
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
48
|
-
0.2796875, 0.2765625, 0.3546875, 0.5546875, 0.5546875, 0.8890625, 0.665625, 0.190625, 0.3328125,
|
|
49
|
-
0.3328125, 0.3890625, 0.5828125, 0.2765625, 0.3328125, 0.2765625, 0.3015625, 0.5546875,
|
|
50
|
-
0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875,
|
|
51
|
-
0.5546875, 0.2765625, 0.2765625, 0.584375, 0.5828125, 0.584375, 0.5546875, 1.0140625, 0.665625,
|
|
52
|
-
0.665625, 0.721875, 0.721875, 0.665625, 0.609375, 0.7765625, 0.721875, 0.2765625, 0.5, 0.665625,
|
|
53
|
-
0.5546875, 0.8328125, 0.721875, 0.7765625, 0.665625, 0.7765625, 0.721875, 0.665625, 0.609375,
|
|
54
|
-
0.721875, 0.665625, 0.94375, 0.665625, 0.665625, 0.609375, 0.2765625, 0.3546875, 0.2765625,
|
|
55
|
-
0.4765625, 0.5546875, 0.3328125, 0.5546875, 0.5546875, 0.5, 0.5546875, 0.5546875, 0.2765625,
|
|
56
|
-
0.5546875, 0.5546875, 0.221875, 0.240625, 0.5, 0.221875, 0.8328125, 0.5546875, 0.5546875,
|
|
57
|
-
0.5546875, 0.5546875, 0.3328125, 0.5, 0.2765625, 0.5546875, 0.5, 0.721875, 0.5, 0.5, 0.5,
|
|
58
|
-
0.3546875, 0.259375, 0.353125, 0.5890625,
|
|
59
|
-
];
|
|
60
|
-
const avg = 0.5279276315789471;
|
|
61
|
-
/* It's calculating the width of a string in pixels. */
|
|
62
|
-
return (Array.from(value).reduce((acc, cur) => acc + (widths[cur.charCodeAt(0)] ?? avg), 0) *
|
|
63
|
-
(fontSize * (1.4 + spaced / 2)));
|
|
64
|
-
};
|
|
65
|
-
export const isStringSize = (value) => {
|
|
66
|
-
return SIZES.includes(value);
|
|
67
|
-
};
|
|
68
|
-
export const getOneLessSize = (size = 'normal') => {
|
|
69
|
-
// Get the initial sizes number
|
|
70
|
-
const initialSizeNumber = SIZE_TO_NUMBER[size];
|
|
71
|
-
// Reduce the size number by one
|
|
72
|
-
const oneLessSizeNumber = initialSizeNumber - 1 === 0 ? 1 : initialSizeNumber - 1;
|
|
73
|
-
// Get the size name from the number
|
|
74
|
-
return NUMBER_TO_SIZE[oneLessSizeNumber];
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* Builds a CSS `padding` shorthand value for surface components that support
|
|
78
|
-
* the `padded` + `paddingSize` prop pair.
|
|
79
|
-
*
|
|
80
|
-
* - `padded={false}` → no padding
|
|
81
|
-
* - `padded='horizontal'` → only left/right padding
|
|
82
|
-
* - `padded='vertical'` → only top/bottom padding
|
|
83
|
-
* - `padded={true}` (default) → padding on both axes
|
|
84
|
-
*
|
|
85
|
-
* The base padding for each axis is `PADDING_FROM_SIZE[paddingSize] *
|
|
86
|
-
* <multiplier>`. Pass per-component multipliers (e.g. EntityRow uses `v=2,
|
|
87
|
-
* h=3`; Statistic uses `v=3, h=5`).
|
|
88
|
-
*/
|
|
89
|
-
export const resolvePadding = ({ padded, paddingSize, verticalMultiplier, horizontalMultiplier, }) => {
|
|
90
|
-
if (padded === false)
|
|
91
|
-
return '0';
|
|
92
|
-
const v = PADDING_FROM_SIZE[paddingSize] * verticalMultiplier;
|
|
93
|
-
const h = PADDING_FROM_SIZE[paddingSize] * horizontalMultiplier;
|
|
94
|
-
if (padded === 'horizontal')
|
|
95
|
-
return `0 ${h}px`;
|
|
96
|
-
if (padded === 'vertical')
|
|
97
|
-
return `${v}px 0`;
|
|
98
|
-
return `${v}px ${h}px`;
|
|
99
|
-
};
|
|
100
|
-
export const getOneHigherSize = (size) => {
|
|
101
|
-
// Get the initial sizes number
|
|
102
|
-
const initialSizeNumber = SIZE_TO_NUMBER[size];
|
|
103
|
-
// Reduce the size number by one
|
|
104
|
-
const oneHigherSizeNumber = initialSizeNumber + 1 === 8 ? 7 : initialSizeNumber + 1;
|
|
105
|
-
// Get the size name from the number
|
|
106
|
-
return NUMBER_TO_SIZE[oneHigherSizeNumber];
|
|
107
|
-
};
|
|
108
|
-
export const isActionShown = (action) => action.show !== false;
|
|
109
|
-
export const alignToFlexAlign = (align) => {
|
|
110
|
-
switch (align) {
|
|
111
|
-
case 'left':
|
|
112
|
-
return 'flex-start';
|
|
113
|
-
case 'right':
|
|
114
|
-
return 'flex-end';
|
|
115
|
-
case 'center':
|
|
116
|
-
return 'center';
|
|
117
|
-
default:
|
|
118
|
-
return 'flex-start';
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
export function decycle(obj, stack = []) {
|
|
122
|
-
if (!obj || typeof obj !== 'object')
|
|
123
|
-
return obj;
|
|
124
|
-
if (stack.includes(obj))
|
|
125
|
-
return null;
|
|
126
|
-
const s = stack.concat([obj]);
|
|
127
|
-
return Array.isArray(obj)
|
|
128
|
-
? obj.map((x) => decycle(x, s))
|
|
129
|
-
: Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, decycle(v, s)]));
|
|
130
|
-
}
|
|
131
|
-
export const stringifyAndDecycleObject = (obj) => {
|
|
132
|
-
return JSON.stringify(decycle(obj), (_key, value) => {
|
|
133
|
-
if (typeof value === 'function') {
|
|
134
|
-
return value.toString();
|
|
135
|
-
}
|
|
136
|
-
return value;
|
|
137
|
-
});
|
|
138
|
-
};
|
|
139
|
-
export function parseInputValue(input) {
|
|
140
|
-
if (isBoolean(input)) {
|
|
141
|
-
return input;
|
|
142
|
-
}
|
|
143
|
-
if (isNumber(input)) {
|
|
144
|
-
return input;
|
|
145
|
-
}
|
|
146
|
-
if (!isString(input)) {
|
|
147
|
-
return input;
|
|
148
|
-
}
|
|
149
|
-
// Check for explicit quotes to save as a string
|
|
150
|
-
if (input.startsWith('"') && input.endsWith('"')) {
|
|
151
|
-
return input.slice(1, -1); // Remove the quotes
|
|
152
|
-
}
|
|
153
|
-
// Attempt to parse as a number
|
|
154
|
-
const parsedNumber = Number(input);
|
|
155
|
-
if (!isNaN(parsedNumber)) {
|
|
156
|
-
return parsedNumber;
|
|
157
|
-
}
|
|
158
|
-
// Attempt to parse as a boolean
|
|
159
|
-
if (input === 'true') {
|
|
160
|
-
return true;
|
|
161
|
-
}
|
|
162
|
-
else if (input === 'false') {
|
|
163
|
-
return false;
|
|
164
|
-
}
|
|
165
|
-
// Default to a string
|
|
166
|
-
return input;
|
|
167
|
-
}
|
|
168
|
-
export function buildTooltipForComponents(tooltip) {
|
|
169
|
-
if (isString(tooltip)) {
|
|
170
|
-
return { content: tooltip };
|
|
171
|
-
}
|
|
172
|
-
return tooltip;
|
|
173
|
-
}
|
|
174
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/helpers/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { useCallback, useEffect, useRef } from 'react';
|
|
2
|
-
import { useUnmount, useUpdateEffect } from 'react-use';
|
|
3
|
-
export const useAutoFocus = (element, rules, onChange) => {
|
|
4
|
-
const isInViewport = useRef(false);
|
|
5
|
-
const observer = useRef(null);
|
|
6
|
-
const focus = useCallback(() => {
|
|
7
|
-
if (!rules.viewportOnly || isInViewport.current) {
|
|
8
|
-
if (rules.clearOnFocus) {
|
|
9
|
-
onChange?.({ target: { value: '' } });
|
|
10
|
-
}
|
|
11
|
-
element.setSelectionRange(-1, -1);
|
|
12
|
-
element.focus();
|
|
13
|
-
}
|
|
14
|
-
// Note: isInViewport.current is intentionally not in deps as it's a ref that's read at call time
|
|
15
|
-
}, [element, rules, onChange]);
|
|
16
|
-
const handleKeyDown = useCallback((e) => {
|
|
17
|
-
// Check if this event came from another html input or a content-editable div
|
|
18
|
-
if (e.target &&
|
|
19
|
-
(e.target.tagName === 'INPUT' ||
|
|
20
|
-
e.target.tagName === 'TEXTAREA' ||
|
|
21
|
-
e.target.isContentEditable)) {
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
const shortcut = Array.isArray(rules?.shortcut) ? rules?.shortcut : [rules?.shortcut];
|
|
25
|
-
if (shortcut.includes('letters') && e.key.length === 1 && e.key.match(/[a-z]/i)) {
|
|
26
|
-
focus();
|
|
27
|
-
}
|
|
28
|
-
if (shortcut.includes('numbers') && e.key.length === 1 && e.key.match(/[0-9]/i)) {
|
|
29
|
-
focus();
|
|
30
|
-
}
|
|
31
|
-
if (shortcut.includes(e.key)) {
|
|
32
|
-
focus();
|
|
33
|
-
}
|
|
34
|
-
}, [rules?.shortcut, focus]);
|
|
35
|
-
useUpdateEffect(() => {
|
|
36
|
-
if (element && rules) {
|
|
37
|
-
if (rules.viewportOnly) {
|
|
38
|
-
observer.current = new IntersectionObserver((entries) => {
|
|
39
|
-
entries.forEach((entry) => {
|
|
40
|
-
if (entry.isIntersecting) {
|
|
41
|
-
isInViewport.current = true;
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
isInViewport.current = false;
|
|
45
|
-
}
|
|
46
|
-
// If the focus type is auto, we focus the element now if its in the viewport
|
|
47
|
-
// and set the observer to null so it doesn't run again
|
|
48
|
-
if (rules.type === 'auto' && isInViewport.current) {
|
|
49
|
-
element.focus();
|
|
50
|
-
observer.current?.disconnect();
|
|
51
|
-
observer.current = null;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
}, {
|
|
55
|
-
root: rules?.viewport,
|
|
56
|
-
rootMargin: rules?.viewportMargin,
|
|
57
|
-
threshold: 0.8,
|
|
58
|
-
});
|
|
59
|
-
observer.current.observe(element);
|
|
60
|
-
}
|
|
61
|
-
else if (rules.type === 'auto') {
|
|
62
|
-
focus();
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}, [element]);
|
|
66
|
-
useUnmount(() => {
|
|
67
|
-
observer.current?.disconnect();
|
|
68
|
-
});
|
|
69
|
-
useEffect(() => {
|
|
70
|
-
if (element && rules && rules.type === 'keypress') {
|
|
71
|
-
window.addEventListener(rules.doNotInsertShortcut ? 'keyup' : 'keydown', handleKeyDown);
|
|
72
|
-
}
|
|
73
|
-
return () => window.removeEventListener(rules?.doNotInsertShortcut ? 'keyup' : 'keydown', handleKeyDown);
|
|
74
|
-
}, [element, rules, handleKeyDown]);
|
|
75
|
-
};
|
|
76
|
-
//# sourceMappingURL=useAutoFocus.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAutoFocus.js","sourceRoot":"","sources":["../../../src/hooks/useAutoFocus.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useMemo } from 'react';
|
|
2
|
-
export const useCloneThroughFragments = (propsMapper, deps) => {
|
|
3
|
-
let realIndex = 0;
|
|
4
|
-
const clone = useCallback((children) => {
|
|
5
|
-
return React.Children.map(children, (child, reactIndex) => {
|
|
6
|
-
if (child && React.isValidElement(child)) {
|
|
7
|
-
if (child.type === React.Fragment) {
|
|
8
|
-
return clone(child.props.children);
|
|
9
|
-
}
|
|
10
|
-
const props = propsMapper(child.props, reactIndex, realIndex);
|
|
11
|
-
/*
|
|
12
|
-
* Because of the way React.Children.map works, we have to
|
|
13
|
-
* manually decrement the index for every child that is `null`
|
|
14
|
-
* because react maps through null children and returns them in `Count`
|
|
15
|
-
* We filter these children out in the `realChildCount` variable,
|
|
16
|
-
* but the index is still incremented
|
|
17
|
-
* */
|
|
18
|
-
realIndex = realIndex + 1;
|
|
19
|
-
return React.cloneElement(child, props);
|
|
20
|
-
}
|
|
21
|
-
return child;
|
|
22
|
-
});
|
|
23
|
-
}, deps);
|
|
24
|
-
return useMemo(() => ({ clone }), [clone]);
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=useCloneThroughFragments.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCloneThroughFragments.js","sourceRoot":"","sources":["../../../src/hooks/useCloneThroughFragments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,WAIiC,EACjC,IAAY,EACZ,EAAE;IACF,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,QAAyB,EAAmB,EAAE;QACvE,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;YACxD,IAAI,KAAK,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBACxC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;oBACjC,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;iBACpC;gBAED,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;gBAE9D;;;;;;qBAMK;gBACL,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC;gBAE1B,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aACzC;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* It takes a list of refs and returns a single ref that can be used to reference the same underlying
|
|
4
|
-
* DOM element
|
|
5
|
-
* @param refs - An array of refs to combine.
|
|
6
|
-
* @returns A ref object.
|
|
7
|
-
*/
|
|
8
|
-
export function useCombinedRefs(...refs) {
|
|
9
|
-
const [_innerRef, setInnerRef] = React.useState(null);
|
|
10
|
-
const targetRef = React.useRef();
|
|
11
|
-
React.useEffect(() => {
|
|
12
|
-
[...refs, setInnerRef].forEach((ref) => {
|
|
13
|
-
if (!ref)
|
|
14
|
-
return;
|
|
15
|
-
if (typeof ref === 'function') {
|
|
16
|
-
ref(targetRef.current);
|
|
17
|
-
}
|
|
18
|
-
else {
|
|
19
|
-
ref.current = targetRef.current;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
}, [refs]);
|
|
23
|
-
return { _innerRef, targetRef };
|
|
24
|
-
}
|
|
25
|
-
//# sourceMappingURL=useCombinedRefs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCombinedRefs.js","sourceRoot":"","sources":["../../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAU,GAAG,IAAI;IAC9C,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAK,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACrC,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACxB;iBAAM;gBACL,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aACjC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAClC,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import { ReqorePopover } from '../components/Popover';
|
|
3
|
-
import { buildTooltipForComponents } from '../helpers/utils';
|
|
4
|
-
export const useComponentTooltip = (props, component, ref) => {
|
|
5
|
-
const componentAndProps = useMemo(() => {
|
|
6
|
-
if (!props.tooltip) {
|
|
7
|
-
return {
|
|
8
|
-
Component: component,
|
|
9
|
-
props: {
|
|
10
|
-
...props,
|
|
11
|
-
ref,
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
return {
|
|
16
|
-
Component: ReqorePopover,
|
|
17
|
-
props: {
|
|
18
|
-
...buildTooltipForComponents(props.tooltip),
|
|
19
|
-
component,
|
|
20
|
-
isReqoreComponent: true,
|
|
21
|
-
ref,
|
|
22
|
-
componentProps: props,
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
}, [props, component, ref]);
|
|
26
|
-
return componentAndProps;
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=useComponentTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useComponentTooltip.js","sourceRoot":"","sources":["../../../src/hooks/useComponentTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAG7D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAA+C,EAC/C,SAA0B,EAC1B,GAAsB,EAC8B,EAAE;IACtD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClB,OAAO;gBACL,SAAS,EAAE,SAAS;gBACpB,KAAK,EAAE;oBACL,GAAG,KAAK;oBACR,GAAG;iBACJ;aACF,CAAC;SACH;QAED,OAAO;YACL,SAAS,EAAE,aAAa;YACxB,KAAK,EAAE;gBACL,GAAG,yBAAyB,CAAC,KAAK,CAAC,OAAO,CAAC;gBAC3C,SAAS;gBACT,iBAAiB,EAAE,IAAI;gBACvB,GAAG;gBACH,cAAc,EAAE,KAAK;aACtB;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAE5B,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { useCallback, useEffect, useRef } from 'react';
|
|
2
|
-
// Selector for all focusable elements
|
|
3
|
-
const FOCUSABLE_SELECTOR = [
|
|
4
|
-
'a[href]',
|
|
5
|
-
'area[href]',
|
|
6
|
-
'input:not([disabled]):not([type="hidden"])',
|
|
7
|
-
'select:not([disabled])',
|
|
8
|
-
'textarea:not([disabled])',
|
|
9
|
-
'button:not([disabled])',
|
|
10
|
-
'[tabindex]:not([tabindex="-1"])',
|
|
11
|
-
'[contenteditable]',
|
|
12
|
-
'audio[controls]',
|
|
13
|
-
'video[controls]',
|
|
14
|
-
'details > summary:first-of-type',
|
|
15
|
-
].join(',');
|
|
16
|
-
/**
|
|
17
|
-
* Hook that traps focus within a container element.
|
|
18
|
-
* When active, Tab/Shift+Tab cycles through focusable elements inside the container.
|
|
19
|
-
* Optionally restores focus to the previously focused element when deactivated.
|
|
20
|
-
*
|
|
21
|
-
* @param containerRef - Ref to the container element to trap focus within
|
|
22
|
-
* @param options - Configuration options
|
|
23
|
-
*/
|
|
24
|
-
export function useFocusTrap(containerRef, options = {}) {
|
|
25
|
-
const { active = true, restoreFocus = true, autoFocus = true } = options;
|
|
26
|
-
// Store the element that was focused before the trap was activated
|
|
27
|
-
const previouslyFocusedRef = useRef(null);
|
|
28
|
-
// Get all focusable elements within the container
|
|
29
|
-
const getFocusableElements = useCallback(() => {
|
|
30
|
-
if (!containerRef.current)
|
|
31
|
-
return [];
|
|
32
|
-
const elements = containerRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
|
|
33
|
-
// Filter out elements that are not visible or have display:none
|
|
34
|
-
return Array.from(elements).filter((el) => {
|
|
35
|
-
return el.offsetParent !== null && getComputedStyle(el).visibility !== 'hidden';
|
|
36
|
-
});
|
|
37
|
-
}, [containerRef]);
|
|
38
|
-
// Handle Tab key to trap focus within container
|
|
39
|
-
const handleKeyDown = useCallback((event) => {
|
|
40
|
-
if (event.key !== 'Tab' || !containerRef.current)
|
|
41
|
-
return;
|
|
42
|
-
const focusableElements = getFocusableElements();
|
|
43
|
-
if (focusableElements.length === 0)
|
|
44
|
-
return;
|
|
45
|
-
const firstElement = focusableElements[0];
|
|
46
|
-
const lastElement = focusableElements[focusableElements.length - 1];
|
|
47
|
-
const activeElement = document.activeElement;
|
|
48
|
-
// If Shift+Tab on first element, move to last
|
|
49
|
-
if (event.shiftKey && activeElement === firstElement) {
|
|
50
|
-
event.preventDefault();
|
|
51
|
-
lastElement.focus();
|
|
52
|
-
}
|
|
53
|
-
// If Tab on last element, move to first
|
|
54
|
-
else if (!event.shiftKey && activeElement === lastElement) {
|
|
55
|
-
event.preventDefault();
|
|
56
|
-
firstElement.focus();
|
|
57
|
-
}
|
|
58
|
-
// If focus is outside the container, move it inside
|
|
59
|
-
else if (!containerRef.current.contains(activeElement)) {
|
|
60
|
-
event.preventDefault();
|
|
61
|
-
firstElement.focus();
|
|
62
|
-
}
|
|
63
|
-
}, [containerRef, getFocusableElements]);
|
|
64
|
-
// Effect to set up and tear down the focus trap
|
|
65
|
-
useEffect(() => {
|
|
66
|
-
if (!active || !containerRef.current) {
|
|
67
|
-
return undefined;
|
|
68
|
-
}
|
|
69
|
-
// Save the currently focused element
|
|
70
|
-
if (restoreFocus && document.activeElement instanceof HTMLElement) {
|
|
71
|
-
previouslyFocusedRef.current = document.activeElement;
|
|
72
|
-
}
|
|
73
|
-
// Auto-focus the first focusable element, but only if focus isn't already inside
|
|
74
|
-
// This respects components that have their own autoFocus logic (e.g., Input with focusRules)
|
|
75
|
-
if (autoFocus) {
|
|
76
|
-
// Use requestAnimationFrame to ensure the DOM is ready and any native autoFocus has fired
|
|
77
|
-
requestAnimationFrame(() => {
|
|
78
|
-
if (!containerRef.current)
|
|
79
|
-
return;
|
|
80
|
-
// Check if focus is already inside the container (e.g., from a component's own autoFocus)
|
|
81
|
-
const activeElement = document.activeElement;
|
|
82
|
-
const focusAlreadyInside = activeElement && containerRef.current.contains(activeElement);
|
|
83
|
-
// Only auto-focus if focus is not already inside the container
|
|
84
|
-
if (!focusAlreadyInside) {
|
|
85
|
-
const focusableElements = getFocusableElements();
|
|
86
|
-
if (focusableElements.length > 0) {
|
|
87
|
-
focusableElements[0].focus();
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
// If no focusable elements, focus the container itself
|
|
91
|
-
containerRef.current.setAttribute('tabindex', '-1');
|
|
92
|
-
containerRef.current.focus();
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
// Add the keydown listener
|
|
98
|
-
document.addEventListener('keydown', handleKeyDown);
|
|
99
|
-
return () => {
|
|
100
|
-
document.removeEventListener('keydown', handleKeyDown);
|
|
101
|
-
// Restore focus to the previously focused element
|
|
102
|
-
if (restoreFocus && previouslyFocusedRef.current) {
|
|
103
|
-
// Use requestAnimationFrame to ensure the element is still in the DOM
|
|
104
|
-
requestAnimationFrame(() => {
|
|
105
|
-
if (previouslyFocusedRef.current && document.body.contains(previouslyFocusedRef.current)) {
|
|
106
|
-
previouslyFocusedRef.current.focus();
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
previouslyFocusedRef.current = null;
|
|
110
|
-
}
|
|
111
|
-
};
|
|
112
|
-
}, [active, autoFocus, restoreFocus, containerRef, getFocusableElements, handleKeyDown]);
|
|
113
|
-
}
|
|
114
|
-
export default useFocusTrap;
|
|
115
|
-
//# sourceMappingURL=useFocusTrap.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useFocusTrap.js","sourceRoot":"","sources":["../../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import { useReqoreProperty } from './useReqoreContext';
|
|
3
|
-
const useLatestZIndex = () => {
|
|
4
|
-
const getAndIncreaseZIndex = useReqoreProperty('getAndIncreaseZIndex');
|
|
5
|
-
const latestZIndex = useReqoreProperty('latestZIndex');
|
|
6
|
-
const zIndex = useMemo(() => getAndIncreaseZIndex(), [getAndIncreaseZIndex, latestZIndex]);
|
|
7
|
-
return zIndex;
|
|
8
|
-
};
|
|
9
|
-
export default useLatestZIndex;
|
|
10
|
-
//# sourceMappingURL=useLatestZIndex.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLatestZIndex.js","sourceRoot":"","sources":["../../../src/hooks/useLatestZIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,eAAe,GAAG,GAAW,EAAE;IACnC,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAEvD,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,oBAAoB,EAAE,EAC5B,CAAC,oBAAoB,EAAE,YAAY,CAAC,CACrC,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { useCallback, useEffect } from 'react';
|
|
2
|
-
const useOutsideClick = (targetElement, checkTarget, callback) => {
|
|
3
|
-
const handleClick = useCallback((event) => {
|
|
4
|
-
if (!checkTarget ||
|
|
5
|
-
(targetElement?.current && !targetElement.current.contains(event.target))) {
|
|
6
|
-
callback?.();
|
|
7
|
-
}
|
|
8
|
-
}, [checkTarget, targetElement, callback]);
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
window.addEventListener('click', handleClick);
|
|
11
|
-
return () => {
|
|
12
|
-
window.removeEventListener('click', handleClick);
|
|
13
|
-
};
|
|
14
|
-
}, [handleClick]);
|
|
15
|
-
};
|
|
16
|
-
export default useOutsideClick;
|
|
17
|
-
//# sourceMappingURL=useOutsideClick.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,eAAe,GAAG,CACtB,aAAqC,EACrC,WAAqB,EACrB,QAAqB,EACf,EAAE;IACR,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAU,EAAQ,EAAE;QACnB,IACE,CAAC,WAAW;YACZ,CAAC,aAAa,EAAE,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EACzE;YACA,QAAQ,EAAE,EAAE,CAAC;SACd;IACH,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,CAAC,CACvC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { merge, size } from 'lodash';
|
|
2
|
-
import { useCallback, useEffect, useMemo } from 'react';
|
|
3
|
-
import { useUpdateEffect } from 'react-use';
|
|
4
|
-
import usePagination from 'react-use-pagination-hook';
|
|
5
|
-
export const defaultPagingOptions = {
|
|
6
|
-
items: [],
|
|
7
|
-
itemsPerPage: 10,
|
|
8
|
-
infinite: false,
|
|
9
|
-
};
|
|
10
|
-
export const useReqorePaging = (options = defaultPagingOptions) => {
|
|
11
|
-
const { items, itemsPerPage, infinite, pagesToShow, startPage, enabled = true, onPageChange, } = merge({}, defaultPagingOptions, options);
|
|
12
|
-
const allPageCount = useMemo(() => Math.ceil(size(items) / itemsPerPage), [items, itemsPerPage]);
|
|
13
|
-
const { pagelist, currentPage, setPage, setTotalPage, goNext, goBefore } = usePagination({
|
|
14
|
-
numOfPage: allPageCount,
|
|
15
|
-
totalPage: allPageCount,
|
|
16
|
-
});
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
setPage(startPage || 1);
|
|
19
|
-
}, [startPage]);
|
|
20
|
-
useUpdateEffect(() => {
|
|
21
|
-
onPageChange?.(currentPage, {
|
|
22
|
-
isFirst: currentPage === 1,
|
|
23
|
-
isLast: currentPage === allPageCount,
|
|
24
|
-
});
|
|
25
|
-
}, [currentPage]);
|
|
26
|
-
useUpdateEffect(() => {
|
|
27
|
-
setPage(1);
|
|
28
|
-
setTotalPage(Math.ceil(size(items) / itemsPerPage));
|
|
29
|
-
}, [size(items)]);
|
|
30
|
-
const slicedItems = useMemo(() => {
|
|
31
|
-
return items.slice(infinite ? 0 : (currentPage - 1) * itemsPerPage, currentPage * itemsPerPage);
|
|
32
|
-
}, [items, currentPage, itemsPerPage, infinite]);
|
|
33
|
-
const applyPaging = useCallback((items) => !enabled
|
|
34
|
-
? items
|
|
35
|
-
: items.slice(infinite ? 0 : (currentPage - 1) * itemsPerPage, currentPage * itemsPerPage), [currentPage, itemsPerPage, infinite, enabled]);
|
|
36
|
-
const pages = useMemo(() => {
|
|
37
|
-
if (!pagesToShow || pagesToShow >= allPageCount) {
|
|
38
|
-
return pagelist;
|
|
39
|
-
}
|
|
40
|
-
// Get the middle of the desired page count
|
|
41
|
-
const middle = Math.ceil(pagesToShow / 2);
|
|
42
|
-
// Get the start number of the pages to show
|
|
43
|
-
// If the current page is the last page, we need to subtract the number of pages to show from the total number of pages
|
|
44
|
-
const start = currentPage === allPageCount ? allPageCount - pagesToShow : Math.max(currentPage - middle, 0);
|
|
45
|
-
// Get the end number of the pages to show
|
|
46
|
-
// If the start number is 0, we need to add the number of pages to show to the total number of pages
|
|
47
|
-
const end = Math.min(start + pagesToShow, allPageCount);
|
|
48
|
-
let newPages = pagelist.slice(start, end);
|
|
49
|
-
// Always remove the first page
|
|
50
|
-
newPages = newPages.filter((page) => page !== 1);
|
|
51
|
-
// Always remove the last page
|
|
52
|
-
newPages = newPages.filter((page) => page !== allPageCount);
|
|
53
|
-
// Add the first and last page
|
|
54
|
-
newPages = [1, ...newPages, allPageCount];
|
|
55
|
-
return newPages;
|
|
56
|
-
}, [pagesToShow, allPageCount, currentPage, pagelist]);
|
|
57
|
-
return useMemo(() => ({
|
|
58
|
-
pages,
|
|
59
|
-
allPages: pagelist,
|
|
60
|
-
pageCount: allPageCount,
|
|
61
|
-
items: enabled ? slicedItems : items,
|
|
62
|
-
applyPaging,
|
|
63
|
-
itemsPerPage,
|
|
64
|
-
itemsLeft: items.length - slicedItems.length,
|
|
65
|
-
infinite,
|
|
66
|
-
setPage,
|
|
67
|
-
currentPage,
|
|
68
|
-
next: goNext,
|
|
69
|
-
back: goBefore,
|
|
70
|
-
renderControls: enabled &&
|
|
71
|
-
!(allPageCount === 1 || allPageCount === 0 || (infinite && currentPage === allPageCount)),
|
|
72
|
-
isLastPage: currentPage === allPageCount,
|
|
73
|
-
isFirstPage: currentPage === 1,
|
|
74
|
-
first: () => setPage(1),
|
|
75
|
-
last: () => setPage(allPageCount),
|
|
76
|
-
}), [
|
|
77
|
-
pages,
|
|
78
|
-
pagelist,
|
|
79
|
-
allPageCount,
|
|
80
|
-
enabled,
|
|
81
|
-
slicedItems,
|
|
82
|
-
items,
|
|
83
|
-
applyPaging,
|
|
84
|
-
itemsPerPage,
|
|
85
|
-
infinite,
|
|
86
|
-
setPage,
|
|
87
|
-
currentPage,
|
|
88
|
-
goNext,
|
|
89
|
-
goBefore,
|
|
90
|
-
]);
|
|
91
|
-
};
|
|
92
|
-
//# sourceMappingURL=usePaging.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"usePaging.js","sourceRoot":"","sources":["../../../src/hooks/usePaging.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { useMemo, useState } from 'react';
|
|
2
|
-
import { useDebounce, useUpdateEffect } from 'react-use';
|
|
3
|
-
export const useQueryWithDelay = (defaultQuery = '', delay = 300, onQueryChange) => {
|
|
4
|
-
const [query, setQuery] = useState(defaultQuery);
|
|
5
|
-
const [preQuery, setPreQuery] = useState(defaultQuery);
|
|
6
|
-
useUpdateEffect(() => {
|
|
7
|
-
onQueryChange?.(query);
|
|
8
|
-
}, [query]);
|
|
9
|
-
useDebounce(() => {
|
|
10
|
-
setQuery(preQuery);
|
|
11
|
-
}, delay, [preQuery]);
|
|
12
|
-
return useMemo(() => ({
|
|
13
|
-
query,
|
|
14
|
-
setQuery,
|
|
15
|
-
setPreQuery,
|
|
16
|
-
preQuery,
|
|
17
|
-
}), [query, preQuery]);
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=useQueryWithDelay.js.map
|