@qoretechnologies/reqore 0.68.1 → 0.68.3
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/components/RichTextEditor/index.d.ts +9 -0
- package/dist/components/RichTextEditor/index.d.ts.map +1 -1
- package/dist/components/RichTextEditor/index.js +2 -2
- package/dist/components/RichTextEditor/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,176 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/* @flow */
|
|
3
|
-
import { get, isFunction, isString } from 'lodash';
|
|
4
|
-
import React, { memo, useCallback, useMemo } from 'react';
|
|
5
|
-
import styled, { css } from 'styled-components';
|
|
6
|
-
import { ReqoreButton, ReqoreControlGroup, ReqoreIcon } from '../..';
|
|
7
|
-
import { SIZE_TO_PX } from '../../constants/sizes';
|
|
8
|
-
import { ReqoreH4 } from '../Header';
|
|
9
|
-
import { ReqoreP } from '../Paragraph';
|
|
10
|
-
import ReqoreTag from '../Tag';
|
|
11
|
-
import { TimeAgo } from '../TimeAgo';
|
|
12
|
-
import { ReqoreTableBodyCell } from './cell';
|
|
13
|
-
import { calculatePinOffsets, getReorderedLeaves, getTotalColumnsWidth, } from './helpers';
|
|
14
|
-
export const StyledTableRow = styled.div `
|
|
15
|
-
${({ size, wrap, minWidth }) => css `
|
|
16
|
-
display: flex;
|
|
17
|
-
${wrap
|
|
18
|
-
? css `
|
|
19
|
-
min-height: ${SIZE_TO_PX[size]}px;
|
|
20
|
-
`
|
|
21
|
-
: css `
|
|
22
|
-
height: ${SIZE_TO_PX[size]}px;
|
|
23
|
-
`}
|
|
24
|
-
${minWidth
|
|
25
|
-
? css `
|
|
26
|
-
min-width: ${minWidth}px;
|
|
27
|
-
`
|
|
28
|
-
: ''}
|
|
29
|
-
`}
|
|
30
|
-
`;
|
|
31
|
-
const ReqoreTableRow = memo(({ data: { data, columns, selectable, onSelectClick, selected, onRowClick, striped, size, selectedRowIntent, flat, wrap, maxCellHeight, expandHeightButtonProps, cellComponent, rowComponent, tableWidth, }, style, index, }) => {
|
|
32
|
-
const isSelected = data[index]._selectId &&
|
|
33
|
-
selected.find((selectId) => selectId.toString() === data[index]._selectId.toString());
|
|
34
|
-
const CellComponent = cellComponent || ReqoreTableBodyCell;
|
|
35
|
-
const RowComponent = rowComponent || StyledTableRow;
|
|
36
|
-
const pinOffsets = useMemo(() => calculatePinOffsets(columns), [columns]);
|
|
37
|
-
const totalColumnsWidth = useMemo(() => getTotalColumnsWidth(columns), [columns]);
|
|
38
|
-
const rowWrap = useMemo(() => {
|
|
39
|
-
if (wrap) {
|
|
40
|
-
return true;
|
|
41
|
-
}
|
|
42
|
-
return columns.some(function check(column) {
|
|
43
|
-
if (column.header?.columns) {
|
|
44
|
-
return column.header.columns.some(check);
|
|
45
|
-
}
|
|
46
|
-
return column.cell?.wrap === true;
|
|
47
|
-
});
|
|
48
|
-
}, [columns, wrap]);
|
|
49
|
-
const renderContent = useCallback((cell, data, dataId, align) => {
|
|
50
|
-
if (cell?.actions) {
|
|
51
|
-
return (_jsx(ReqoreControlGroup, { size: size, stack: true, fill: true, fluid: true, style: { height: '100%' }, rounded: false, children: cell.actions(data).map((action, index) => (_jsx(ReqoreButton, { rounded: false, iconsAlign: align === 'center' ? 'center' : 'sides', textAlign: align, flat: true, ...action, onClick: (e) => {
|
|
52
|
-
e.stopPropagation();
|
|
53
|
-
action.onClick?.(e);
|
|
54
|
-
} }, index))) }));
|
|
55
|
-
}
|
|
56
|
-
let content = cell?.content;
|
|
57
|
-
if (isFunction(content)) {
|
|
58
|
-
// Check what type does the content function return
|
|
59
|
-
if (React.isValidElement(content(data))) {
|
|
60
|
-
const Content = content;
|
|
61
|
-
// If it's a react element, return it
|
|
62
|
-
return _jsx(Content, { ...data, _size: size, _dataId: dataId, isSelected: isSelected });
|
|
63
|
-
}
|
|
64
|
-
// If it's a function, call it and return the result
|
|
65
|
-
content = content(data);
|
|
66
|
-
}
|
|
67
|
-
const datum = get(data, dataId);
|
|
68
|
-
if (isString(content)) {
|
|
69
|
-
// Separate the content string by colon
|
|
70
|
-
const [type, intentOrColorOrIconName] = content.split(':');
|
|
71
|
-
// Check if the intent starts with hash for tags
|
|
72
|
-
const intent = intentOrColorOrIconName?.startsWith('#')
|
|
73
|
-
? undefined
|
|
74
|
-
: intentOrColorOrIconName;
|
|
75
|
-
const color = intentOrColorOrIconName?.startsWith('#') && type === 'tag'
|
|
76
|
-
? intentOrColorOrIconName
|
|
77
|
-
: undefined;
|
|
78
|
-
// Render content based on the type
|
|
79
|
-
switch (type) {
|
|
80
|
-
case 'time-ago':
|
|
81
|
-
return (_jsx(ReqoreP, { className: 'reqore-table-text', intent: intent, size: size, children: _jsx(TimeAgo, { time: datum }) }));
|
|
82
|
-
case 'tag':
|
|
83
|
-
return (_jsx(ReqoreTag, { label: datum, size: size, intent: intent, color: color }));
|
|
84
|
-
case 'title':
|
|
85
|
-
return _jsx(ReqoreH4, { intent: intent, children: datum });
|
|
86
|
-
case 'text':
|
|
87
|
-
return (_jsx(ReqoreP, { className: 'reqore-table-text', intent: intent, size: size, children: datum }));
|
|
88
|
-
case 'number':
|
|
89
|
-
return (_jsx(ReqoreP, { className: 'reqore-table-text', intent: intent, size: size, effect: { italic: true }, children: datum }));
|
|
90
|
-
case 'boolean':
|
|
91
|
-
return datum ? (_jsx(ReqoreIcon, { icon: 'CheckLine', size: size, intent: 'success' })) : (_jsx(ReqoreIcon, { icon: 'CloseLine', size: size, intent: 'danger' }));
|
|
92
|
-
case 'icon':
|
|
93
|
-
return _jsx(ReqoreIcon, { size: size, icon: intentOrColorOrIconName });
|
|
94
|
-
default:
|
|
95
|
-
return (_jsx(ReqoreP, { className: 'reqore-table-text', size: size, children: content }));
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
return _jsx(ReqoreP, { className: 'reqore-table-text', children: datum });
|
|
99
|
-
}, []);
|
|
100
|
-
const reorderedLeaves = useMemo(() => getReorderedLeaves(columns, tableWidth), [columns, tableWidth]);
|
|
101
|
-
const renderCells = useCallback(() => reorderedLeaves.map(({ width, minWidth, maxWidth, resizedWidth, grow, dataId, cell, align, intent }) => {
|
|
102
|
-
const datum = get(data[index], dataId);
|
|
103
|
-
// Build the tooltip
|
|
104
|
-
const tooltip = cell?.tooltip
|
|
105
|
-
? typeof cell?.tooltip(datum) !== 'object'
|
|
106
|
-
? {
|
|
107
|
-
content: cell.tooltip(datum),
|
|
108
|
-
}
|
|
109
|
-
: cell.tooltip(datum)
|
|
110
|
-
: {};
|
|
111
|
-
const pinInfo = pinOffsets[dataId];
|
|
112
|
-
const cellWrap = cell?.wrap ?? wrap;
|
|
113
|
-
const cellMaxHeight = cell?.maxHeight ?? data[index]._maxHeight ?? maxCellHeight;
|
|
114
|
-
return (_jsx(CellComponent, { ...{
|
|
115
|
-
width: resizedWidth || width,
|
|
116
|
-
minWidth,
|
|
117
|
-
maxWidth,
|
|
118
|
-
grow,
|
|
119
|
-
align,
|
|
120
|
-
size,
|
|
121
|
-
striped,
|
|
122
|
-
tooltip,
|
|
123
|
-
padded: cell?.padded,
|
|
124
|
-
disabled: data[index]._disabled,
|
|
125
|
-
selected: !!isSelected,
|
|
126
|
-
selectedIntent: selectedRowIntent,
|
|
127
|
-
flat,
|
|
128
|
-
wrap: cellWrap,
|
|
129
|
-
maxHeight: cellMaxHeight,
|
|
130
|
-
expandHeightButtonProps,
|
|
131
|
-
pin: pinInfo?.pin,
|
|
132
|
-
pinOffset: pinInfo?.offset,
|
|
133
|
-
pinEdge: pinInfo?.isEdge,
|
|
134
|
-
even: index % 2 === 0 ? true : false,
|
|
135
|
-
intent: cell?.intent || data[index]._intent || intent,
|
|
136
|
-
interactive: !!cell?.onClick || !!onRowClick,
|
|
137
|
-
interactiveCell: !!cell?.onClick,
|
|
138
|
-
onClick: (e) => {
|
|
139
|
-
if (cell?.onClick) {
|
|
140
|
-
e.stopPropagation();
|
|
141
|
-
cell.onClick(data[index]);
|
|
142
|
-
}
|
|
143
|
-
else if (onRowClick) {
|
|
144
|
-
e.stopPropagation();
|
|
145
|
-
onRowClick(data[index]);
|
|
146
|
-
}
|
|
147
|
-
else if (selectable && data[index]._selectId) {
|
|
148
|
-
// Otherwise select the row if selectable
|
|
149
|
-
onSelectClick(data[index]._selectId);
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
className: 'reqore-table-cell',
|
|
153
|
-
}, children: renderContent(cell, data[index], dataId, align) }, dataId));
|
|
154
|
-
}), [
|
|
155
|
-
reorderedLeaves,
|
|
156
|
-
data,
|
|
157
|
-
index,
|
|
158
|
-
isSelected,
|
|
159
|
-
onRowClick,
|
|
160
|
-
selectable,
|
|
161
|
-
pinOffsets,
|
|
162
|
-
wrap,
|
|
163
|
-
maxCellHeight,
|
|
164
|
-
expandHeightButtonProps,
|
|
165
|
-
size,
|
|
166
|
-
striped,
|
|
167
|
-
selectedRowIntent,
|
|
168
|
-
flat,
|
|
169
|
-
CellComponent,
|
|
170
|
-
onSelectClick,
|
|
171
|
-
renderContent,
|
|
172
|
-
]);
|
|
173
|
-
return (_jsx(RowComponent, { style: style, className: 'reqore-table-row', interactive: !!onRowClick && !data[index]._disabled, size: size, wrap: rowWrap, minWidth: totalColumnsWidth, children: renderCells() }));
|
|
174
|
-
});
|
|
175
|
-
export default ReqoreTableRow;
|
|
176
|
-
//# sourceMappingURL=row.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../../src/components/Table/row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import ReqoreIcon from '../Icon';
|
|
4
|
-
import { ReqoreP } from '../Paragraph';
|
|
5
|
-
export const ReqoreTableValue = memo(({ value }) => {
|
|
6
|
-
if (value === undefined || value === null) {
|
|
7
|
-
return _jsx(_Fragment, { children: "-" });
|
|
8
|
-
}
|
|
9
|
-
switch (typeof value) {
|
|
10
|
-
case 'string':
|
|
11
|
-
case 'number':
|
|
12
|
-
return _jsx(ReqoreP, { className: 'reqore-table-text', children: value });
|
|
13
|
-
case 'boolean':
|
|
14
|
-
return (_jsx(ReqoreIcon, { icon: value ? 'CheckLine' : 'CloseLine', intent: value ? 'success' : 'danger' }));
|
|
15
|
-
default:
|
|
16
|
-
return _jsx(ReqoreP, { className: 'reqore-table-text', children: JSON.stringify(value) });
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
//# sourceMappingURL=value.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"value.js","sourceRoot":"","sources":["../../../../src/components/Table/value.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAMvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAA0B,EAAE,EAAE;IACzE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;QACzC,OAAO,kCAAM,CAAC;KACf;IAED,QAAQ,OAAO,KAAK,EAAE;QACpB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAW,CAAC;QAClE,KAAK,SAAS;YACZ,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EACvC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GACpC,CACH,CAAC;QACJ;YACE,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAW,CAAC;KACnF;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import { PADDING_FROM_SIZE } from '../../constants/sizes';
|
|
4
|
-
const StyledTabsContent = styled.div `
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-flow: column;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
flex: 1;
|
|
9
|
-
padding: ${({ padded, size }) => padded === 'none' || padded === false
|
|
10
|
-
? undefined
|
|
11
|
-
: `${padded === 'both' || padded === true || padded === 'vertical'
|
|
12
|
-
? `${PADDING_FROM_SIZE[size]}px`
|
|
13
|
-
: 0} ${padded === 'both' || padded === true || padded === 'horizontal'
|
|
14
|
-
? `${PADDING_FROM_SIZE[size]}px`
|
|
15
|
-
: 0}`};
|
|
16
|
-
padding-top: ${({ padded, size }) => padded === 'top' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
|
|
17
|
-
padding-bottom: ${({ padded, size }) => padded === 'bottom' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
|
|
18
|
-
padding-left: ${({ padded, size }) => padded === 'left' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
|
|
19
|
-
padding-right: ${({ padded, size }) => padded === 'right' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
|
|
20
|
-
`;
|
|
21
|
-
const ReqoreTabsContent = ({ children, className, padded = true, size = 'normal', ...rest }) => (_jsx(StyledTabsContent, { ...rest, size: size, padded: padded, className: `${className || ''} reqore-tabs-content`, children: children }));
|
|
22
|
-
export default ReqoreTabsContent;
|
|
23
|
-
//# sourceMappingURL=content.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/Tabs/content.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAU,MAAM,uBAAuB,CAAC;AAqBlE,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;aAKvB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CAClD,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,KAAK;IACnC,CAAC,CAAC,SAAS;IACX,CAAC,CAAC,GACE,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,UAAU;QAC3D,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;QAChC,CAAC,CAAC,CACN,IACE,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,YAAY;QAC7D,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;QAChC,CAAC,CAAC,CACN,EAAE;iBACO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACtD,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;oBAC7C,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACzD,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;kBAClD,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACvD,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;mBAC/C,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACxD,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;CAClE,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACY,EAAE,EAAE,CAAC,CACxB,KAAC,iBAAiB,OACZ,IAAI,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,sBAAsB,YAElD,QAAQ,GACS,CACrB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useCallback, useState } from 'react';
|
|
3
|
-
import { useUpdateEffect } from 'react-use';
|
|
4
|
-
import styled, { css } from 'styled-components';
|
|
5
|
-
import { ReqoreErrorBoundary } from '../..';
|
|
6
|
-
import ReqoreTabsList from './list';
|
|
7
|
-
const StyledTabs = styled.div `
|
|
8
|
-
display: flex;
|
|
9
|
-
${({ vertical, fillParent, width }) => css `
|
|
10
|
-
width: ${width ? `${width}px` : '100%'};
|
|
11
|
-
height: ${fillParent ? '100%' : undefined};
|
|
12
|
-
flex-flow: ${vertical ? 'row' : 'column'};
|
|
13
|
-
`}
|
|
14
|
-
`;
|
|
15
|
-
const ReqoreTabs = ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, flat = true, size = 'normal', width, wrapTabNames, customTheme, intent, padded, tabsPadding, unMountOnTabChange = true, loadingIconType, useReactTransition = true, errorBoundaryOptions, ...rest }) => {
|
|
16
|
-
const [_activeTab, setActiveTab] = useState(activeTab || tabs[0].id);
|
|
17
|
-
useUpdateEffect(() => {
|
|
18
|
-
if (activeTab || activeTab === 0) {
|
|
19
|
-
setActiveTab(activeTab);
|
|
20
|
-
if (onTabChange) {
|
|
21
|
-
onTabChange(activeTab);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}, [activeTab]);
|
|
25
|
-
const handleTabChange = useCallback((tabId) => {
|
|
26
|
-
setActiveTab(tabId);
|
|
27
|
-
if (onTabChange) {
|
|
28
|
-
onTabChange(tabId);
|
|
29
|
-
}
|
|
30
|
-
}, [onTabChange]);
|
|
31
|
-
return (_jsx(ReqoreErrorBoundary, { ...errorBoundaryOptions, children: _jsxs(StyledTabs, { ...rest, width: width, vertical: vertical, className: `${className || ''} reqore-tabs`, children: [_jsx(ReqoreTabsList, { tabs: tabs, padded: padded, flat: flat, fill: fill, size: size, width: width, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, wrapTabNames: wrapTabNames, activeTabIntent: activeTabIntent, customTheme: customTheme, intent: intent, onTabChange: handleTabChange, loadingIconType: loadingIconType, useReactTransition: useReactTransition }), React.Children.map(children, (child) => child &&
|
|
32
|
-
tabs.find((tab) => tab.id === child.props?.tabId)?.show !== false &&
|
|
33
|
-
(child.props?.tabId === _activeTab || !unMountOnTabChange)
|
|
34
|
-
? React.cloneElement(child, {
|
|
35
|
-
padded: child.props?.padded || tabsPadding,
|
|
36
|
-
key: child.props?.tabId,
|
|
37
|
-
style: child.props?.tabId === _activeTab
|
|
38
|
-
? child.props.style
|
|
39
|
-
: { ...(child.props.style || {}), display: 'none' },
|
|
40
|
-
})
|
|
41
|
-
: null)] }) }));
|
|
42
|
-
};
|
|
43
|
-
export default ReqoreTabs;
|
|
44
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { omit } from 'lodash';
|
|
3
|
-
import { forwardRef, memo, useState, useTransition } from 'react';
|
|
4
|
-
import { useUnmount, useUpdateEffect } from 'react-use';
|
|
5
|
-
import styled, { css } from 'styled-components';
|
|
6
|
-
import { useCombinedRefs } from '../../hooks/useCombinedRefs';
|
|
7
|
-
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
8
|
-
import ReqoreButton, { StyledButton } from '../Button';
|
|
9
|
-
import ReqoreControlGroup from '../ControlGroup';
|
|
10
|
-
export const StyledTabListItem = styled.div `
|
|
11
|
-
${({ disabled, vertical, fill, fixed, padded }) => {
|
|
12
|
-
return css `
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-shrink: 0;
|
|
15
|
-
position: relative;
|
|
16
|
-
align-items: center;
|
|
17
|
-
width: ${vertical ? `100%` : undefined};
|
|
18
|
-
|
|
19
|
-
${vertical
|
|
20
|
-
? css `
|
|
21
|
-
${StyledButton}:last-child {
|
|
22
|
-
border-right: 0;
|
|
23
|
-
}
|
|
24
|
-
${StyledButton}:last-child {
|
|
25
|
-
border-top-right-radius: 0 !important;
|
|
26
|
-
border-bottom-right-radius: 0 !important;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
${padded === false &&
|
|
30
|
-
css `
|
|
31
|
-
&:first-child {
|
|
32
|
-
padding-top: 0;
|
|
33
|
-
}
|
|
34
|
-
&:last-child {
|
|
35
|
-
padding-bottom: 0;
|
|
36
|
-
}
|
|
37
|
-
`}
|
|
38
|
-
`
|
|
39
|
-
: css `
|
|
40
|
-
${StyledButton} {
|
|
41
|
-
border-bottom: 0;
|
|
42
|
-
}
|
|
43
|
-
${StyledButton}:first-child {
|
|
44
|
-
border-bottom-left-radius: 0 !important;
|
|
45
|
-
}
|
|
46
|
-
${StyledButton}:last-child {
|
|
47
|
-
border-bottom-right-radius: 0 !important;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
${padded === false &&
|
|
51
|
-
css `
|
|
52
|
-
&:first-child {
|
|
53
|
-
padding-left: 0;
|
|
54
|
-
}
|
|
55
|
-
&:last-child {
|
|
56
|
-
padding-right: 0;
|
|
57
|
-
}
|
|
58
|
-
`}
|
|
59
|
-
`}
|
|
60
|
-
|
|
61
|
-
${fill && !fixed
|
|
62
|
-
? css `
|
|
63
|
-
flex: 1 0 auto;
|
|
64
|
-
`
|
|
65
|
-
: undefined}
|
|
66
|
-
|
|
67
|
-
${disabled &&
|
|
68
|
-
css `
|
|
69
|
-
cursor: not-allowed;
|
|
70
|
-
> * {
|
|
71
|
-
opacity: 0.5;
|
|
72
|
-
}
|
|
73
|
-
`}
|
|
74
|
-
`;
|
|
75
|
-
}}
|
|
76
|
-
|
|
77
|
-
a {
|
|
78
|
-
text-decoration: none;
|
|
79
|
-
|
|
80
|
-
&:hover > * {
|
|
81
|
-
text-decoration: underline;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
`;
|
|
85
|
-
const ReqoreTabsListItem = memo(forwardRef(({ tooltip, label, props, icon, active, as, disabled, vertical, onClick, activeIntent, onCloseClick, fill, intent, size = 'normal', closeIcon, customTheme, className, flat = true, wrapTabNames, padded, useReactTransition, ...rest }, ref) => {
|
|
86
|
-
const [isPending, startTransition] = useTransition();
|
|
87
|
-
const [isStillPending, setStillPending] = useState(false);
|
|
88
|
-
const [loadingTimer, setLoadingTimer] = useState(null);
|
|
89
|
-
const { targetRef } = useCombinedRefs(ref);
|
|
90
|
-
const theme = useReqoreTheme('main', customTheme, undefined);
|
|
91
|
-
useUpdateEffect(() => {
|
|
92
|
-
if (isPending) {
|
|
93
|
-
setLoadingTimer(setTimeout(() => {
|
|
94
|
-
setStillPending(() => true);
|
|
95
|
-
}, 300));
|
|
96
|
-
}
|
|
97
|
-
else {
|
|
98
|
-
clearTimeout(loadingTimer);
|
|
99
|
-
setStillPending(false);
|
|
100
|
-
setLoadingTimer(null);
|
|
101
|
-
}
|
|
102
|
-
}, [isPending]);
|
|
103
|
-
useUnmount(() => {
|
|
104
|
-
clearTimeout(loadingTimer);
|
|
105
|
-
});
|
|
106
|
-
const handleClick = (event) => {
|
|
107
|
-
if (!useReactTransition) {
|
|
108
|
-
onClick?.(event);
|
|
109
|
-
return;
|
|
110
|
-
}
|
|
111
|
-
startTransition(() => {
|
|
112
|
-
onClick?.(event);
|
|
113
|
-
});
|
|
114
|
-
};
|
|
115
|
-
const renderButton = () => (_jsx(ReqoreButton, { flat: intent ? false : flat, fluid: fill || vertical, icon: icon, minimal: true, wrap: wrapTabNames, intent: active ? activeIntent || intent : intent, active: active, disabled: disabled, onClick: handleClick, tooltip: tooltip, customTheme: theme, className: `reqore-tabs-list-item ${active ? 'reqore-tabs-list-item-active' : ''}`, size: size, ...omit(rest, ['id']), loading: isStillPending || rest.loading, children: label }));
|
|
116
|
-
return (_jsx(StyledTabListItem, { ref: targetRef, ...props, className: className, intent: intent, as: as, size: size, active: active, disabled: disabled, vertical: vertical, theme: theme, fill: fill, fixed: rest.fixed, padded: padded, children: !onCloseClick || disabled ? (renderButton()) : (_jsxs(ReqoreControlGroup, { stack: true, size: size, fluid: fill || vertical, fill: wrapTabNames, children: [renderButton(), onCloseClick && !disabled ? (_jsx(ReqoreButton, { fixed: true, flat: intent ? false : flat, icon: closeIcon || 'CloseLine', intent: active ? activeIntent || intent : intent, minimal: true, wrap: wrapTabNames, active: active, className: 'reqore-tabs-list-item-close', customTheme: theme, size: size, onClick: (event) => {
|
|
117
|
-
event.stopPropagation();
|
|
118
|
-
onCloseClick?.();
|
|
119
|
-
} })) : null] })) }));
|
|
120
|
-
}));
|
|
121
|
-
export default ReqoreTabsListItem;
|
|
122
|
-
//# sourceMappingURL=item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createElement as _createElement } from "react";
|
|
3
|
-
import { isArray, isObject } from 'lodash';
|
|
4
|
-
import React, { useMemo } from 'react';
|
|
5
|
-
import { useMeasure } from 'react-use';
|
|
6
|
-
import styled, { css } from 'styled-components';
|
|
7
|
-
import { ReqorePopover } from '../..';
|
|
8
|
-
import { CONTROL_TEXT_FROM_SIZE, GAP_FROM_SIZE, ICON_FROM_SIZE, PADDING_FROM_SIZE, } from '../../constants/sizes';
|
|
9
|
-
import ReqoreThemeProvider from '../../containers/ThemeProvider';
|
|
10
|
-
import { changeLightness, getColorFromMaybeString, getNthGradientColor, } from '../../helpers/colors';
|
|
11
|
-
import { calculateStringSizeInPixels, getOneLessSize } from '../../helpers/utils';
|
|
12
|
-
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
13
|
-
import { getPrimaryGradient } from '../Effect';
|
|
14
|
-
import ReqoreMenu from '../Menu';
|
|
15
|
-
import ReqoreMenuItem from '../Menu/item';
|
|
16
|
-
import { StyledPopover } from '../Popover';
|
|
17
|
-
import ReqoreTabsListItem, { StyledTabListItem } from './item';
|
|
18
|
-
export const StyledReqoreTabsList = styled.div `
|
|
19
|
-
${({ fill, vertical, size, padded, flat, currentTabColor, width }) => css `
|
|
20
|
-
height: ${vertical ? '100%' : undefined};
|
|
21
|
-
width: ${vertical ? width || '200px' : '100%'};
|
|
22
|
-
flex-flow: ${vertical ? 'column' : 'row'};
|
|
23
|
-
display: flex;
|
|
24
|
-
align-items: center;
|
|
25
|
-
|
|
26
|
-
gap: ${GAP_FROM_SIZE[size]}px;
|
|
27
|
-
|
|
28
|
-
${padded &&
|
|
29
|
-
css `
|
|
30
|
-
padding: 0 ${PADDING_FROM_SIZE[size]}px;
|
|
31
|
-
`}
|
|
32
|
-
|
|
33
|
-
${!flat &&
|
|
34
|
-
css `
|
|
35
|
-
border-${vertical ? 'right' : 'bottom'}: 1px solid ${changeLightness(currentTabColor, 0.175)};
|
|
36
|
-
`}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
${fill &&
|
|
40
|
-
css `
|
|
41
|
-
justify-content: space-around;
|
|
42
|
-
`}
|
|
43
|
-
|
|
44
|
-
${StyledPopover} {
|
|
45
|
-
> ${StyledTabListItem} {
|
|
46
|
-
height: 100%;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
`}
|
|
50
|
-
`;
|
|
51
|
-
const isTabHidden = (items, activeTab) => items.find((item) => item?.id === activeTab);
|
|
52
|
-
const getMoreLabel = (items, activeTab) => {
|
|
53
|
-
if (isTabHidden(items, activeTab)) {
|
|
54
|
-
return isTabHidden(items, activeTab)?.label;
|
|
55
|
-
}
|
|
56
|
-
return 'More';
|
|
57
|
-
};
|
|
58
|
-
const getBadgeLength = (badge, tabsSize = 'normal') => {
|
|
59
|
-
if (!badge) {
|
|
60
|
-
return 0;
|
|
61
|
-
}
|
|
62
|
-
if (isArray(badge)) {
|
|
63
|
-
return badge.reduce((len, b) => len + getBadgeLength(b), 0);
|
|
64
|
-
}
|
|
65
|
-
if (isObject(badge)) {
|
|
66
|
-
return getLabelLength(badge, undefined, getOneLessSize(tabsSize)) + PADDING_FROM_SIZE[tabsSize];
|
|
67
|
-
}
|
|
68
|
-
return (calculateStringSizeInPixels(badge.toString(), CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]) + PADDING_FROM_SIZE[tabsSize]);
|
|
69
|
-
};
|
|
70
|
-
export const getLabelLength = (item, activeTab, tabsSize = 'normal') => {
|
|
71
|
-
if (!item) {
|
|
72
|
-
return 0;
|
|
73
|
-
}
|
|
74
|
-
const label = isArray(item) ? getMoreLabel(item, activeTab) : item.label;
|
|
75
|
-
const icon = isArray(item) || item.icon ? ICON_FROM_SIZE[tabsSize] + PADDING_FROM_SIZE[tabsSize] : 0;
|
|
76
|
-
const rightIcon = item.rightIcon
|
|
77
|
-
? ICON_FROM_SIZE[tabsSize] + PADDING_FROM_SIZE[tabsSize]
|
|
78
|
-
: 0;
|
|
79
|
-
const closeIconSize = isArray(item) ||
|
|
80
|
-
!item.onCloseClick ||
|
|
81
|
-
!item.onRemoveClick
|
|
82
|
-
? 0
|
|
83
|
-
: ICON_FROM_SIZE[tabsSize] * 2;
|
|
84
|
-
const badgeLength = isArray(item)
|
|
85
|
-
? 0
|
|
86
|
-
: getBadgeLength(item.badge, tabsSize);
|
|
87
|
-
const descriptionLength = isArray(item)
|
|
88
|
-
? 0
|
|
89
|
-
: calculateStringSizeInPixels(item?.description?.toString(), CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]);
|
|
90
|
-
const topLabelLength = calculateStringSizeInPixels(label?.toString(), CONTROL_TEXT_FROM_SIZE[tabsSize], item.effect?.spaced) +
|
|
91
|
-
icon +
|
|
92
|
-
rightIcon +
|
|
93
|
-
closeIconSize +
|
|
94
|
-
badgeLength;
|
|
95
|
-
const maxWidth = isArray(item)
|
|
96
|
-
? 0
|
|
97
|
-
: item?.maxWidth
|
|
98
|
-
? parseInt(item.maxWidth, 10)
|
|
99
|
-
: 0;
|
|
100
|
-
return maxWidth || Math.max(topLabelLength, descriptionLength);
|
|
101
|
-
};
|
|
102
|
-
/**
|
|
103
|
-
* This function returns the total width or height of the tabs.
|
|
104
|
-
* @param items the items that will be rendered in the tabs
|
|
105
|
-
* @param type the type of calculation, either width or height
|
|
106
|
-
* @param activeTab the currently active tab
|
|
107
|
-
* @param tabsSize the size of the tabs
|
|
108
|
-
* @returns the total width or height of the tabs
|
|
109
|
-
*/
|
|
110
|
-
export const getTabsLength = (items, type = 'width', activeTab, tabsSize) => items.reduce((len, item) => {
|
|
111
|
-
if (type === 'height') {
|
|
112
|
-
const rows = getLabelLength(item, activeTab, tabsSize) / 4 || 1;
|
|
113
|
-
return len + rows * 15 + 10;
|
|
114
|
-
}
|
|
115
|
-
const labelLength = PADDING_FROM_SIZE[tabsSize] +
|
|
116
|
-
GAP_FROM_SIZE[tabsSize] +
|
|
117
|
-
getLabelLength(item, activeTab, tabsSize);
|
|
118
|
-
return len + labelLength;
|
|
119
|
-
}, 0);
|
|
120
|
-
const getTransformedItems = (items, size, type = 'width', activeTab, tabsSize) => {
|
|
121
|
-
if (!size) {
|
|
122
|
-
return items;
|
|
123
|
-
}
|
|
124
|
-
let newItems = [...items];
|
|
125
|
-
while (getTabsLength(newItems, type, activeTab, tabsSize) > size && newItems.length > 1) {
|
|
126
|
-
if (isArray(newItems[newItems.length - 1])) {
|
|
127
|
-
newItems[newItems.length - 1].unshift(newItems[newItems.length - 2]);
|
|
128
|
-
newItems[newItems.length - 2] = undefined;
|
|
129
|
-
}
|
|
130
|
-
else {
|
|
131
|
-
const lastItem = newItems[newItems.length - 1];
|
|
132
|
-
newItems[newItems.length - 1] = [
|
|
133
|
-
lastItem,
|
|
134
|
-
];
|
|
135
|
-
}
|
|
136
|
-
newItems = newItems.filter((i) => i);
|
|
137
|
-
}
|
|
138
|
-
return newItems.filter((i) => i);
|
|
139
|
-
};
|
|
140
|
-
const ReqoreTabsList = ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, customTheme, wrapTabNames, flat, size, intent, padded, loadingIconType, useReactTransition, ...rest }) => {
|
|
141
|
-
const [ref, { width }] = useMeasure();
|
|
142
|
-
const theme = useReqoreTheme('main', customTheme, intent);
|
|
143
|
-
const activeTabData = tabs.find((tab) => tab.id === activeTab);
|
|
144
|
-
const currentTabColor = activeTabIntent || activeTabData?.intent
|
|
145
|
-
? theme.intents[activeTabIntent || activeTabData.intent]
|
|
146
|
-
: getNthGradientColor(theme, getPrimaryGradient(activeTabData?.effect?.gradient)?.colors) ||
|
|
147
|
-
getColorFromMaybeString(theme, activeTabData?.customTheme?.main || theme.main);
|
|
148
|
-
const filteredItems = tabs.filter((item) => item.show !== false);
|
|
149
|
-
const transformedItems = useMemo(() => vertical
|
|
150
|
-
? filteredItems
|
|
151
|
-
: getTransformedItems(filteredItems, _testWidth || width, 'width', activeTab, size), [filteredItems, _testWidth, width, vertical, activeTab, size]);
|
|
152
|
-
return (_jsx(ReqoreThemeProvider, { theme: theme, customTheme: customTheme, children: _jsx(StyledReqoreTabsList, { ...rest, size: size, fill: fill, vertical: vertical, className: `${rest.className || ''} reqore-tabs-list`, ref: ref, flat: flat, theme: theme, currentTabColor: currentTabColor, children: transformedItems.map((item, index) => isArray(item) ? (_jsx(React.Fragment, { children: _jsx(ReqorePopover, { component: ReqoreTabsListItem, componentProps: {
|
|
153
|
-
icon: 'ArrowDownSLine',
|
|
154
|
-
id: 'showMore',
|
|
155
|
-
label: getMoreLabel(item, activeTab),
|
|
156
|
-
active: !!isTabHidden(item, activeTab),
|
|
157
|
-
activeIntent: activeTabIntent,
|
|
158
|
-
intent: !!isTabHidden(item, activeTab) ? activeTabData?.intent : undefined,
|
|
159
|
-
effect: !!isTabHidden(item, activeTab) ? activeTabData?.effect : undefined,
|
|
160
|
-
customTheme: !!isTabHidden(item, activeTab)
|
|
161
|
-
? activeTabData?.customTheme
|
|
162
|
-
: theme,
|
|
163
|
-
vertical,
|
|
164
|
-
flat,
|
|
165
|
-
size,
|
|
166
|
-
padded,
|
|
167
|
-
className: 'reqore-tabs-list-item-menu',
|
|
168
|
-
}, closeOnOutsideClick: true, isReqoreComponent: true, noWrapper: true, handler: 'hoverStay', content: _jsx(ReqoreMenu, { customTheme: theme, children: item.map(({ icon, label, as, tooltip, props, disabled, id, onCloseClick, intent, activeIntent, closeIcon, ...rest }) => (_createElement(ReqoreMenuItem, { ...{
|
|
169
|
-
...props,
|
|
170
|
-
icon,
|
|
171
|
-
as,
|
|
172
|
-
intent: activeTab === id ? activeIntent || intent : intent,
|
|
173
|
-
disabled,
|
|
174
|
-
rightAction: onCloseClick
|
|
175
|
-
? {
|
|
176
|
-
disabled,
|
|
177
|
-
icon: closeIcon || 'CloseLine',
|
|
178
|
-
onClick: (_itemId, _event, closePopover) => {
|
|
179
|
-
onCloseClick(id);
|
|
180
|
-
closePopover?.();
|
|
181
|
-
},
|
|
182
|
-
}
|
|
183
|
-
: undefined,
|
|
184
|
-
selected: activeTab === id,
|
|
185
|
-
onClick: (event, _itemId, closePopover) => {
|
|
186
|
-
if (!disabled) {
|
|
187
|
-
onTabChange?.(id);
|
|
188
|
-
closePopover?.();
|
|
189
|
-
if (props?.onClick) {
|
|
190
|
-
props.onClick(event);
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
},
|
|
194
|
-
}, tooltip: tooltip, ...rest, key: index + label?.toString() }, label))) }) }, index) }, index)) : (_jsx(React.Fragment, { children: _createElement(ReqoreTabsListItem, { customTheme: theme, fill: fill, size: size, flat: flat, padded: padded, activeIntent: activeTabIntent, wrapTabNames: wrapTabNames, loadingIconType: loadingIconType, useReactTransition: useReactTransition, ...item, key: index, vertical: vertical, active: activeTab === item.id || item.props?.active, onClick: (event) => {
|
|
195
|
-
if (!item.disabled) {
|
|
196
|
-
onTabChange?.(item.id);
|
|
197
|
-
if (item.props?.onClick) {
|
|
198
|
-
item.props.onClick(event);
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
}, onCloseClick: item.onCloseClick
|
|
202
|
-
? () => {
|
|
203
|
-
item.onCloseClick?.(item.id);
|
|
204
|
-
}
|
|
205
|
-
: undefined }) }, index))) }) }));
|
|
206
|
-
};
|
|
207
|
-
export default ReqoreTabsList;
|
|
208
|
-
//# sourceMappingURL=list.js.map
|