@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,298 +0,0 @@
|
|
|
1
|
-
import { createElement as _createElement } from "react";
|
|
2
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { map, orderBy, size } from 'lodash';
|
|
4
|
-
import React, { memo, useCallback, useMemo, useState } from 'react';
|
|
5
|
-
import { useUpdateEffect } from 'react-use';
|
|
6
|
-
import styled, { css } from 'styled-components';
|
|
7
|
-
import { ReqoreErrorBoundary, ReqoreP, useReqoreProperty } from '../..';
|
|
8
|
-
import { PADDING_FROM_SIZE } from '../../constants/sizes';
|
|
9
|
-
import { ReqorePaginationContainer } from '../../containers/Paging';
|
|
10
|
-
import { useQueryWithDelay } from '../../hooks/useQueryWithDelay';
|
|
11
|
-
import { StyledColumns } from '../Columns';
|
|
12
|
-
import ReqoreControlGroup from '../ControlGroup';
|
|
13
|
-
import ReqoreInput from '../Input';
|
|
14
|
-
import ReqoreMessage from '../Message';
|
|
15
|
-
import { ReqorePanel, ReqorePanelSkeleton, } from '../Panel';
|
|
16
|
-
import { ReqoreSkeleton } from '../Skeleton';
|
|
17
|
-
import { ReqoreVerticalSpacer } from '../Spacer';
|
|
18
|
-
import { getZoomActions, sizeToZoom, sortTableData, zoomToSize } from '../Table/helpers';
|
|
19
|
-
import { ReqoreCollectionItem } from './item';
|
|
20
|
-
const CollectionGroupHeader = memo(({ name }) => (_jsx(ReqoreP, { style: { gridColumn: '1 / -1' }, effect: {
|
|
21
|
-
opacity: 0.8,
|
|
22
|
-
uppercase: true,
|
|
23
|
-
weight: 'bold',
|
|
24
|
-
textSize: 'small',
|
|
25
|
-
spaced: 1,
|
|
26
|
-
}, children: name })));
|
|
27
|
-
export const StyledCollectionWrapper = styled(StyledColumns) `
|
|
28
|
-
height: ${({ height }) => (height ? `${height}` : 'auto')};
|
|
29
|
-
flex: ${({ fill }) => (fill ? 1 : undefined)};
|
|
30
|
-
|
|
31
|
-
${({ rounded, stacked }) => (!rounded || stacked) &&
|
|
32
|
-
css `
|
|
33
|
-
border-radius: ${stacked && rounded ? '10px' : undefined};
|
|
34
|
-
`}
|
|
35
|
-
|
|
36
|
-
overflow: auto;
|
|
37
|
-
position: relative;
|
|
38
|
-
`;
|
|
39
|
-
export const zoomToWidth = {
|
|
40
|
-
0: '200px',
|
|
41
|
-
0.5: '300px',
|
|
42
|
-
1: '400px',
|
|
43
|
-
1.5: '500px',
|
|
44
|
-
2: '600px',
|
|
45
|
-
};
|
|
46
|
-
export const ReqoreCollection = memo(({ items, stacked, rounded = true, fill, maxItemHeight, filterable, inputInTitle = true, sortable, zoomable, defaultZoom, showSelectedFirst, inputProps, sortButtonProps, displayButtonProps, labelSize = 2, showAs = 'grid', showLayoutSwitch = true, selectedIcon, flat = true, minimal, transparent = true, defaultQuery, defaultSort = 'asc', defaultSortBy = 'label', skeleton, sortKeys = {}, sortByGroupFirst = true, groups: groupsConfig, onQueryChange, contentRenderer = (children, _items, searchInput) => (_jsxs(_Fragment, { children: [searchInput, !!searchInput && _jsx(ReqoreVerticalSpacer, { height: PADDING_FROM_SIZE.normal }), children] })), searchDelay = 300, emptyMessage = 'No data in this collection, try changing your search query or filters', sortButtonTooltip = (sort) => (sort === 'desc' ? 'Sort ascending' : 'Sort descending'), displayButtonTooltip = (display) => (display === 'grid' ? 'Show as list' : 'Show as grid'), inputPlaceholder = (items) => `Search in ${size(items)} items`, paging, height,
|
|
47
|
-
// Columns props
|
|
48
|
-
minColumnWidth, maxColumnWidth, columns, alignItems, columnsGap = '10px', errorBoundaryOptions, children, ...rest }) => {
|
|
49
|
-
const [_showAs, setShowAs] = useState(showAs);
|
|
50
|
-
const [sort, setSort] = useState(defaultSort);
|
|
51
|
-
const [sortBy, setSortBy] = useState(defaultSortBy);
|
|
52
|
-
const [contentRef, setContentRef] = useState(undefined);
|
|
53
|
-
const isMobile = useReqoreProperty('isMobile');
|
|
54
|
-
const [zoom, setZoom] = useState(defaultZoom || sizeToZoom.normal);
|
|
55
|
-
const { query, setQuery, preQuery, setPreQuery } = useQueryWithDelay(defaultQuery, searchDelay, onQueryChange);
|
|
56
|
-
useUpdateEffect(() => {
|
|
57
|
-
setShowAs(showAs);
|
|
58
|
-
}, [showAs]);
|
|
59
|
-
const sortedItems = useMemo(() => {
|
|
60
|
-
if (!size(items)) {
|
|
61
|
-
return [];
|
|
62
|
-
}
|
|
63
|
-
const _sortBy = !!sortKeys[sortBy] ? (v) => v?.metadata?.[sortBy] : sortBy;
|
|
64
|
-
if (!_sortBy && !showSelectedFirst) {
|
|
65
|
-
return items;
|
|
66
|
-
}
|
|
67
|
-
const sortConfig = sortByGroupFirst
|
|
68
|
-
? { by: 'group', thenBy: _sortBy, direction: sort }
|
|
69
|
-
: { by: _sortBy, thenBy: 'group', direction: sort };
|
|
70
|
-
if (showSelectedFirst) {
|
|
71
|
-
// Filter out the selected items
|
|
72
|
-
const selectedItems = items.filter((item) => item.selected);
|
|
73
|
-
// Filter out the unselected items
|
|
74
|
-
const unselectedItems = items.filter((item) => !item.selected);
|
|
75
|
-
// Sort the selected items
|
|
76
|
-
const sortedSelectedItems = sortTableData(selectedItems, sortConfig);
|
|
77
|
-
// Sort the unselected items
|
|
78
|
-
const sortedUnselectedItems = sortTableData(unselectedItems, sortConfig);
|
|
79
|
-
return [...sortedSelectedItems, ...sortedUnselectedItems];
|
|
80
|
-
}
|
|
81
|
-
return sortTableData(items, sortConfig);
|
|
82
|
-
}, [items, sort, sortBy, showSelectedFirst, sortable, sortByGroupFirst]);
|
|
83
|
-
const filteredItems = useMemo(() => {
|
|
84
|
-
if (!filterable || query === '') {
|
|
85
|
-
return sortedItems;
|
|
86
|
-
}
|
|
87
|
-
return sortedItems.filter((item) => {
|
|
88
|
-
const text = `${item.label}${item.content?.toString()}${item.expandedContent?.toString()}${item.searchString || ''}`;
|
|
89
|
-
if (!text) {
|
|
90
|
-
return false;
|
|
91
|
-
}
|
|
92
|
-
return text.toString().toLowerCase().indexOf(query.toLowerCase()) !== -1;
|
|
93
|
-
});
|
|
94
|
-
}, [items, query, sortedItems]);
|
|
95
|
-
const handlePreQueryChange = useCallback((event) => {
|
|
96
|
-
setPreQuery(event.target.value);
|
|
97
|
-
}, []);
|
|
98
|
-
const handlePreQueryClearClick = useCallback(() => {
|
|
99
|
-
setQuery('');
|
|
100
|
-
setPreQuery('');
|
|
101
|
-
}, []);
|
|
102
|
-
const finalActions = useMemo(() => {
|
|
103
|
-
const leftActions = (rest.actions || []).filter((action) => action.position !== 'right');
|
|
104
|
-
const rightActions = (rest.actions || []).filter((action) => action.position === 'right');
|
|
105
|
-
const actions = [];
|
|
106
|
-
const toolbarGroup = {
|
|
107
|
-
responsive: false,
|
|
108
|
-
icon: 'MoreLine',
|
|
109
|
-
className: 'reqore-collection-more',
|
|
110
|
-
actions: [],
|
|
111
|
-
};
|
|
112
|
-
if (showLayoutSwitch) {
|
|
113
|
-
toolbarGroup.actions = [
|
|
114
|
-
{
|
|
115
|
-
icon: _showAs === 'grid' ? 'ListUnordered' : 'GridLine',
|
|
116
|
-
onClick: () => setShowAs(_showAs === 'grid' ? 'list' : 'grid'),
|
|
117
|
-
tooltip: displayButtonTooltip(_showAs),
|
|
118
|
-
label: displayButtonTooltip(_showAs),
|
|
119
|
-
disabled: !size(filteredItems),
|
|
120
|
-
...displayButtonProps,
|
|
121
|
-
},
|
|
122
|
-
];
|
|
123
|
-
}
|
|
124
|
-
if (zoomable) {
|
|
125
|
-
toolbarGroup.actions = [
|
|
126
|
-
...toolbarGroup.actions,
|
|
127
|
-
{ divider: true, line: true },
|
|
128
|
-
...getZoomActions('reqore-collection', zoom, setZoom, true),
|
|
129
|
-
];
|
|
130
|
-
}
|
|
131
|
-
if (filterable && inputInTitle) {
|
|
132
|
-
actions.push({
|
|
133
|
-
as: ReqoreInput,
|
|
134
|
-
props: {
|
|
135
|
-
key: 'search',
|
|
136
|
-
fixed: false,
|
|
137
|
-
placeholder: inputPlaceholder(items),
|
|
138
|
-
onClearClick: () => {
|
|
139
|
-
setQuery('');
|
|
140
|
-
setPreQuery('');
|
|
141
|
-
},
|
|
142
|
-
onChange: handlePreQueryChange,
|
|
143
|
-
value: preQuery,
|
|
144
|
-
icon: 'Search2Line',
|
|
145
|
-
minimal: false,
|
|
146
|
-
...inputProps,
|
|
147
|
-
},
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
if (sortable) {
|
|
151
|
-
const _sortKeys = {
|
|
152
|
-
label: 'Label',
|
|
153
|
-
intent: 'Intent',
|
|
154
|
-
...sortKeys,
|
|
155
|
-
};
|
|
156
|
-
rightActions.push({
|
|
157
|
-
icon: sort === 'desc' ? 'SortDesc' : 'SortAsc',
|
|
158
|
-
tooltip: sortButtonTooltip(sort),
|
|
159
|
-
className: 'reqore-collection-sort',
|
|
160
|
-
fixed: true,
|
|
161
|
-
fluid: false,
|
|
162
|
-
disabled: !size(filteredItems),
|
|
163
|
-
actions: [
|
|
164
|
-
{
|
|
165
|
-
divider: true,
|
|
166
|
-
label: 'Sort by',
|
|
167
|
-
dividerAlign: 'left',
|
|
168
|
-
minimal: true,
|
|
169
|
-
dividerPadded: 'bottom',
|
|
170
|
-
},
|
|
171
|
-
...map(_sortKeys, (label, key) => ({
|
|
172
|
-
label,
|
|
173
|
-
selected: sortBy === key,
|
|
174
|
-
onClick: () => {
|
|
175
|
-
setSortBy(key);
|
|
176
|
-
setSort(sort === 'desc' ? 'asc' : 'desc');
|
|
177
|
-
},
|
|
178
|
-
})),
|
|
179
|
-
],
|
|
180
|
-
...sortButtonProps,
|
|
181
|
-
});
|
|
182
|
-
}
|
|
183
|
-
if (size(toolbarGroup.actions)) {
|
|
184
|
-
return [...leftActions, ...actions, ...rightActions, toolbarGroup];
|
|
185
|
-
}
|
|
186
|
-
return [...leftActions, ...actions, ...rightActions];
|
|
187
|
-
}, [
|
|
188
|
-
filterable,
|
|
189
|
-
preQuery,
|
|
190
|
-
query,
|
|
191
|
-
rest.actions,
|
|
192
|
-
_showAs,
|
|
193
|
-
sort,
|
|
194
|
-
sortable,
|
|
195
|
-
filteredItems,
|
|
196
|
-
isMobile,
|
|
197
|
-
zoom,
|
|
198
|
-
zoomable,
|
|
199
|
-
showLayoutSwitch,
|
|
200
|
-
]);
|
|
201
|
-
const renderContent = useCallback(() => {
|
|
202
|
-
return contentRenderer(_jsx(ReqorePaginationContainer, { items: filteredItems, type: paging, size: rest.size, scrollContainer: contentRef, children: (_items, _children, { applyPaging }) => !size(applyPaging(filteredItems)) ? (children || (_jsx(ReqoreMessage, { flat: true, icon: 'Search2Line', children: emptyMessage }))) : (_jsx(StyledCollectionWrapper, { columns: columns || (_showAs === 'grid' ? 'auto-fit' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, fill: fill, ref: setContentRef, height: height, alignItems: alignItems, minColumnWidth: minColumnWidth || zoomToWidth[zoom], maxColumnWidth: maxColumnWidth, className: 'reqore-collection-content', children: (() => {
|
|
203
|
-
const pagedItems = applyPaging(filteredItems);
|
|
204
|
-
// When sortByGroupFirst is false, render items in flat
|
|
205
|
-
// sorted order with inline group headers when the group
|
|
206
|
-
// changes, preserving the primary sort field order
|
|
207
|
-
if (!sortByGroupFirst) {
|
|
208
|
-
let lastGroup;
|
|
209
|
-
return pagedItems.map((item, index) => {
|
|
210
|
-
const group = item.groups && !paging ? item.groups[0] : undefined;
|
|
211
|
-
const showHeader = group && group !== 'Ungrouped' && group !== lastGroup;
|
|
212
|
-
if (group) {
|
|
213
|
-
lastGroup = group;
|
|
214
|
-
}
|
|
215
|
-
return (_jsxs(React.Fragment, { children: [showHeader && _jsx(CollectionGroupHeader, { name: group }), _jsx(ReqoreErrorBoundary, { ...errorBoundaryOptions, children: _jsx(ReqoreCollectionItem, { size: zoomToSize[zoom], responsiveTitle: false, ...item, icon: item.icon || (item.selected ? selectedIcon : undefined), rounded: !stacked, maxContentHeight: maxItemHeight }) })] }, index));
|
|
216
|
-
});
|
|
217
|
-
}
|
|
218
|
-
// Group items by their 'groups' property
|
|
219
|
-
// Groups is a list of strings, so an item can be in multiple groups
|
|
220
|
-
// Sort the groups based on defaultSort
|
|
221
|
-
const grouped = pagedItems.reduce((acc, item) => {
|
|
222
|
-
const groups = item.groups && !paging ? item.groups : ['Ungrouped'];
|
|
223
|
-
groups.forEach((group) => {
|
|
224
|
-
if (!acc[group]) {
|
|
225
|
-
acc[group] = [];
|
|
226
|
-
}
|
|
227
|
-
acc[group].push(item);
|
|
228
|
-
});
|
|
229
|
-
return acc;
|
|
230
|
-
}, {});
|
|
231
|
-
// Apply default sorting to the grouped items
|
|
232
|
-
if (defaultSort) {
|
|
233
|
-
Object.keys(grouped).forEach((group) => {
|
|
234
|
-
grouped[group] = orderBy(grouped[group], defaultSort);
|
|
235
|
-
});
|
|
236
|
-
}
|
|
237
|
-
// Also sort the group names, but keep 'Ungrouped' at the start, always
|
|
238
|
-
const orderedGrouped = Object.keys(grouped)
|
|
239
|
-
.sort((a, b) => {
|
|
240
|
-
if (a === 'Ungrouped')
|
|
241
|
-
return -1;
|
|
242
|
-
if (b === 'Ungrouped')
|
|
243
|
-
return 1;
|
|
244
|
-
if (defaultSort === 'asc') {
|
|
245
|
-
return a.localeCompare(b);
|
|
246
|
-
}
|
|
247
|
-
else {
|
|
248
|
-
return b.localeCompare(a);
|
|
249
|
-
}
|
|
250
|
-
})
|
|
251
|
-
.reduce((acc, group) => {
|
|
252
|
-
acc[group] = grouped[group];
|
|
253
|
-
return acc;
|
|
254
|
-
}, {});
|
|
255
|
-
// Render groups
|
|
256
|
-
return Object.entries(orderedGrouped).map(([groupName, groupItems]) => {
|
|
257
|
-
const groupConfig = groupsConfig?.[groupName];
|
|
258
|
-
const itemsNodes = groupItems.map((item, index) => (_createElement(ReqoreErrorBoundary, { ...errorBoundaryOptions, key: index },
|
|
259
|
-
_jsx(ReqoreCollectionItem, { size: zoomToSize[zoom], responsiveTitle: false, ...item, icon: item.icon || (item.selected ? selectedIcon : undefined), rounded: !stacked, maxContentHeight: maxItemHeight }))));
|
|
260
|
-
if (groupName === 'Ungrouped') {
|
|
261
|
-
return _jsx(React.Fragment, { children: itemsNodes }, groupName);
|
|
262
|
-
}
|
|
263
|
-
return (_createElement(ReqorePanel, { transparent: true, flat: true, minimal: true, padded: false, size: 'small', label: groupName, ...groupConfig, labelEffect: {
|
|
264
|
-
opacity: 0.8,
|
|
265
|
-
uppercase: true,
|
|
266
|
-
weight: 'bold',
|
|
267
|
-
textSize: 'small',
|
|
268
|
-
spaced: 1,
|
|
269
|
-
...groupConfig?.labelEffect,
|
|
270
|
-
}, key: groupName, style: { gridColumn: '1 / -1', ...groupConfig?.style }, className: `reqore-collection-group ${groupConfig?.className ?? ''}`.trim() },
|
|
271
|
-
_jsx(StyledCollectionWrapper, { columns: columns || (_showAs === 'grid' ? 'auto-fill' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, alignItems: alignItems, minColumnWidth: minColumnWidth || zoomToWidth[zoom], maxColumnWidth: maxColumnWidth || zoomToWidth[zoom], className: 'reqore-collection-group-content', children: itemsNodes })));
|
|
272
|
-
});
|
|
273
|
-
})() })) }, 'paging-container'), filteredItems, !inputInTitle && filterable ? (_jsx(ReqoreControlGroup, { children: _jsx(ReqoreInput, { fixed: false, placeholder: inputPlaceholder(items), onClearClick: handlePreQueryClearClick, onChange: handlePreQueryChange, value: preQuery, icon: 'Search2Line', minimal: false, size: rest.size, ...inputProps }, 'search') })) : undefined);
|
|
274
|
-
}, [
|
|
275
|
-
contentRenderer,
|
|
276
|
-
filteredItems,
|
|
277
|
-
_showAs,
|
|
278
|
-
columnsGap,
|
|
279
|
-
emptyMessage,
|
|
280
|
-
maxItemHeight,
|
|
281
|
-
rest,
|
|
282
|
-
rounded,
|
|
283
|
-
selectedIcon,
|
|
284
|
-
stacked,
|
|
285
|
-
zoom,
|
|
286
|
-
groupsConfig,
|
|
287
|
-
]);
|
|
288
|
-
const contentStyle = useMemo(() => ({
|
|
289
|
-
overflow: fill ? 'hidden' : 'auto',
|
|
290
|
-
display: 'flex',
|
|
291
|
-
flexFlow: 'column',
|
|
292
|
-
}), [fill]);
|
|
293
|
-
if (skeleton) {
|
|
294
|
-
return (_jsx(ReqorePanelSkeleton, { size: rest.size, children: _jsxs(StyledCollectionWrapper, { columns: columns || (_showAs === 'grid' ? 'auto-fit' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, fill: fill, height: height, alignItems: alignItems, minColumnWidth: minColumnWidth || zoomToWidth[zoom], maxColumnWidth: maxColumnWidth, className: 'reqore-collection-content', children: [_jsx(ReqoreSkeleton, { height: '100px', width: '100%' }), _jsx(ReqoreSkeleton, { height: '100px', width: '100%' }), _jsx(ReqoreSkeleton, { height: '100px', width: '100%' })] }) }));
|
|
295
|
-
}
|
|
296
|
-
return (_jsx(ReqorePanel, { ...rest, labelSize: labelSize, fill: fill, contentStyle: contentStyle, transparent: transparent, minimal: minimal, flat: flat, actions: finalActions, className: `reqore-collection ${rest.className || ''}`, children: renderContent() }));
|
|
297
|
-
});
|
|
298
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Collection/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { map, size } from 'lodash';
|
|
3
|
-
import { rgba } from 'polished';
|
|
4
|
-
import { useEffect, useRef, useState } from 'react';
|
|
5
|
-
import { useDebounce, useMeasure } from 'react-use';
|
|
6
|
-
import styled, { css } from 'styled-components';
|
|
7
|
-
import { changeDarkness, getMainBackgroundColor } from '../../helpers/colors';
|
|
8
|
-
import { useReqoreProperty } from '../../hooks/useReqoreContext';
|
|
9
|
-
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
10
|
-
import { ReqoreBackdrop } from '../Drawer/backdrop';
|
|
11
|
-
import { ReqorePanel, } from '../Panel';
|
|
12
|
-
import { ReqoreP } from '../Paragraph';
|
|
13
|
-
import { ReqoreSpacer } from '../Spacer';
|
|
14
|
-
import ReqoreTag from '../Tag';
|
|
15
|
-
import ReqoreTagGroup from '../Tag/group';
|
|
16
|
-
export const StyledCollectionItemContent = styled.div `
|
|
17
|
-
max-height: ${({ providedHeight }) => (providedHeight ? `${providedHeight}px` : 'auto')};
|
|
18
|
-
overflow: ${({ isSelected }) => (isSelected ? 'auto' : 'hidden')};
|
|
19
|
-
position: relative;
|
|
20
|
-
transition: 0.3s ease-in-out;
|
|
21
|
-
flex: 1;
|
|
22
|
-
|
|
23
|
-
${({ contentOverflows, theme, opacity = 1 }) => contentOverflows &&
|
|
24
|
-
css `
|
|
25
|
-
&:after {
|
|
26
|
-
content: '';
|
|
27
|
-
position: absolute;
|
|
28
|
-
bottom: 0;
|
|
29
|
-
left: 0;
|
|
30
|
-
right: 0;
|
|
31
|
-
height: 100px;
|
|
32
|
-
transition: 0.3s ease-in-out;
|
|
33
|
-
background: linear-gradient(
|
|
34
|
-
to top,
|
|
35
|
-
${rgba(changeDarkness(getMainBackgroundColor(theme), 0.03), opacity)} 0%,
|
|
36
|
-
transparent 100%
|
|
37
|
-
);
|
|
38
|
-
}
|
|
39
|
-
`}
|
|
40
|
-
`;
|
|
41
|
-
export const ReqoreCollectionItem = ({ flat = true, minimal = true, style, content, actions, tags, expandable, expandedContent, expandedActions, maxContentHeight, showContentFade = true, stretch, ...rest }) => {
|
|
42
|
-
const [isSelected, setIsSelected] = useState(false);
|
|
43
|
-
const getAndIncreaseZIndex = useReqoreProperty('getAndIncreaseZIndex');
|
|
44
|
-
const ref = useRef(null);
|
|
45
|
-
const [contentRef, sizes] = useMeasure();
|
|
46
|
-
const originalDimensions = useRef(null);
|
|
47
|
-
const [position, setPosition] = useState(undefined);
|
|
48
|
-
const theme = useReqoreTheme('main', rest.customTheme, undefined, undefined, rest.inheritCustomTheme);
|
|
49
|
-
const [dimensions, setDimensions] = useState({
|
|
50
|
-
minWidth: undefined,
|
|
51
|
-
minHeight: undefined,
|
|
52
|
-
maxWidth: undefined,
|
|
53
|
-
maxHeight: undefined,
|
|
54
|
-
width: undefined,
|
|
55
|
-
height: undefined,
|
|
56
|
-
left: undefined,
|
|
57
|
-
top: undefined,
|
|
58
|
-
transform: undefined,
|
|
59
|
-
transformOrigin: undefined,
|
|
60
|
-
});
|
|
61
|
-
useEffect(() => {
|
|
62
|
-
if (isSelected && expandable) {
|
|
63
|
-
setPosition('fixed');
|
|
64
|
-
}
|
|
65
|
-
}, [isSelected, expandable]);
|
|
66
|
-
useDebounce(() => {
|
|
67
|
-
if (isSelected && expandable) {
|
|
68
|
-
setDimensions({
|
|
69
|
-
...dimensions,
|
|
70
|
-
width: undefined,
|
|
71
|
-
height: undefined,
|
|
72
|
-
left: '50%',
|
|
73
|
-
minWidth: '500px',
|
|
74
|
-
minHeight: '300px',
|
|
75
|
-
maxWidth: '90vw',
|
|
76
|
-
maxHeight: '90vh',
|
|
77
|
-
top: '50%',
|
|
78
|
-
transform: 'translateX(-50%) translateY(-50%)',
|
|
79
|
-
transformOrigin: 'center',
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
}, 100, [isSelected, expandable]);
|
|
83
|
-
useDebounce(() => {
|
|
84
|
-
if (!isSelected && expandable) {
|
|
85
|
-
setPosition(undefined);
|
|
86
|
-
setDimensions({
|
|
87
|
-
minHeight: undefined,
|
|
88
|
-
minWidth: undefined,
|
|
89
|
-
maxWidth: undefined,
|
|
90
|
-
maxHeight: undefined,
|
|
91
|
-
left: undefined,
|
|
92
|
-
top: undefined,
|
|
93
|
-
transform: 'translateX(0) translateY(0)',
|
|
94
|
-
transformOrigin: 'center',
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}, 220, [isSelected, expandable]);
|
|
98
|
-
const renderContent = () => {
|
|
99
|
-
const handleItemClick = (event) => {
|
|
100
|
-
if (expandable) {
|
|
101
|
-
if (isSelected) {
|
|
102
|
-
setDimensions(originalDimensions.current);
|
|
103
|
-
}
|
|
104
|
-
else {
|
|
105
|
-
originalDimensions.current = {
|
|
106
|
-
left: ref.current.getBoundingClientRect()?.left,
|
|
107
|
-
top: ref.current.getBoundingClientRect()?.top,
|
|
108
|
-
width: ref.current.getBoundingClientRect()?.width,
|
|
109
|
-
height: ref.current.getBoundingClientRect()?.height,
|
|
110
|
-
transform: 'translateX(0) translateY(0)',
|
|
111
|
-
transformOrigin: 'center',
|
|
112
|
-
};
|
|
113
|
-
setDimensions({
|
|
114
|
-
left: ref.current.getBoundingClientRect()?.left,
|
|
115
|
-
top: ref.current.getBoundingClientRect()?.top,
|
|
116
|
-
width: ref.current.getBoundingClientRect()?.width,
|
|
117
|
-
height: ref.current.getBoundingClientRect()?.height,
|
|
118
|
-
transform: 'translateX(0) translateY(0)',
|
|
119
|
-
transformOrigin: 'center',
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
setIsSelected(!isSelected);
|
|
123
|
-
}
|
|
124
|
-
rest.onClick?.(event);
|
|
125
|
-
};
|
|
126
|
-
const actualContent = expandedContent && isSelected ? expandedContent : content;
|
|
127
|
-
const actualActions = isSelected
|
|
128
|
-
? [
|
|
129
|
-
...(actions || []),
|
|
130
|
-
{ icon: 'CloseLine', onClick: handleItemClick },
|
|
131
|
-
]
|
|
132
|
-
: size(actions)
|
|
133
|
-
? actions
|
|
134
|
-
: undefined;
|
|
135
|
-
return (_jsxs(_Fragment, { children: [position && (_jsxs(_Fragment, { children: [_jsx("div", { style: { ...originalDimensions.current } }), _jsx(ReqoreBackdrop, { zIndex: getAndIncreaseZIndex(), blur: 5, onClose: () => handleItemClick() })] })), _jsxs(ReqorePanel, { flat: flat, ref: ref, minimal: minimal, ...rest, responsiveActions: false, bottomActions: isSelected ? expandedActions : undefined, style: {
|
|
136
|
-
gridColumn: stretch ? '1 / -1' : undefined,
|
|
137
|
-
...style,
|
|
138
|
-
position,
|
|
139
|
-
zIndex: isSelected ? getAndIncreaseZIndex() : undefined,
|
|
140
|
-
...dimensions,
|
|
141
|
-
}, contentStyle: {
|
|
142
|
-
...rest.contentStyle,
|
|
143
|
-
display: 'flex',
|
|
144
|
-
flexFlow: 'column',
|
|
145
|
-
justifyContent: 'space-between',
|
|
146
|
-
}, onClick: (expandable && !isSelected) || rest.onClick ? handleItemClick : undefined, actions: actualActions, className: `reqore-collection-item ${rest.className || ''}`, children: [_jsx(StyledCollectionItemContent, { theme: theme, opacity: rest.transparent ? 0 : rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, isSelected: isSelected, contentOverflows: !rest.transparent &&
|
|
147
|
-
!rest.contentEffect &&
|
|
148
|
-
!isSelected &&
|
|
149
|
-
sizes?.height > maxContentHeight &&
|
|
150
|
-
showContentFade, children: _jsx("div", { ref: contentRef, children: actualContent }) }), showContentFade &&
|
|
151
|
-
(rest.contentEffect || rest.transparent) &&
|
|
152
|
-
!isSelected &&
|
|
153
|
-
sizes?.height > maxContentHeight ? (_jsx(ReqoreP, { children: "..." })) : null, size(tags) ? (_jsxs(_Fragment, { children: [_jsx(ReqoreSpacer, { height: 10 }), _jsx(ReqoreTagGroup, { size: isSelected ? 'normal' : 'small', children: map(tags, (tagProps, index) => (_jsx(ReqoreTag, { ...tagProps }, index))) })] })) : null] })] }));
|
|
154
|
-
};
|
|
155
|
-
return renderContent();
|
|
156
|
-
};
|
|
157
|
-
//# sourceMappingURL=item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Collection/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import styled, { css } from 'styled-components';
|
|
2
|
-
export const ReqoreColumn = styled.div `
|
|
3
|
-
${({ alignItems = 'flex-start', justifyContent, flex = '1 0 auto', flexFlow = 'row', flexGrow, flexShrink, }) => css `
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: ${alignItems};
|
|
6
|
-
justify-content: ${justifyContent};
|
|
7
|
-
flex-flow: ${flexFlow};
|
|
8
|
-
flex: ${flex};
|
|
9
|
-
flex-grow: ${flexGrow};
|
|
10
|
-
flex-shrink: ${flexShrink};
|
|
11
|
-
overflow-x: hidden;
|
|
12
|
-
`}
|
|
13
|
-
`;
|
|
14
|
-
//# sourceMappingURL=column.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../../src/components/Columns/column.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQhD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAoB;IACtD,CAAC,EACD,UAAU,GAAG,YAAY,EACzB,cAAc,EACd,IAAI,GAAG,UAAU,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,UAAU,GACS,EAAE,EAAE,CAAC,GAAG,CAAA;;mBAEZ,UAAU;uBACN,cAAc;iBACpB,QAAQ;YACb,IAAI;iBACC,QAAQ;mBACN,UAAU;;GAE1B;CACF,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { memo } from 'react';
|
|
4
|
-
import styled, { css } from 'styled-components';
|
|
5
|
-
export const StyledColumns = styled.div `
|
|
6
|
-
display: grid;
|
|
7
|
-
${({ minColumnWidth = '300px', maxColumnWidth = '1fr', columns = 'auto-fit', columnsGap, alignItems = 'normal', }) => css `
|
|
8
|
-
grid-template-columns: repeat(${columns}, minmax(${minColumnWidth}, ${maxColumnWidth}));
|
|
9
|
-
grid-auto-rows: max-content;
|
|
10
|
-
grid-gap: ${columnsGap};
|
|
11
|
-
align-items: ${alignItems};
|
|
12
|
-
`}
|
|
13
|
-
`;
|
|
14
|
-
export const ReqoreColumns = memo(({ children, className, ...rest }) => {
|
|
15
|
-
return (_jsx(StyledColumns, { ...rest, className: classNames('reqore-columns', className), children: children }));
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Columns/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAiBhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAgB;;IAEnD,CAAC,EACD,cAAc,GAAG,OAAO,EACxB,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,UAAU,EACpB,UAAU,EACV,UAAU,GAAG,QAAQ,GACN,EAAE,EAAE,CAAC,GAAG,CAAA;oCACS,OAAO,YAAY,cAAc,KAAK,cAAc;;gBAExE,UAAU;mBACP,UAAU;GAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAuB,EAAE,EAAE;IAC1F,OAAO,CACL,KAAC,aAAa,OAAK,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,YACxE,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { createElement as _createElement } from "react";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { omit, size } from 'lodash';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import { ReqoreButton, ReqoreColumn, ReqoreControlGroup, ReqoreDropdown } from '../..';
|
|
6
|
-
import { ReqoreColumns } from '../Columns';
|
|
7
|
-
import { ReqoreH3 } from '../Header';
|
|
8
|
-
import ReqoreIcon from '../Icon';
|
|
9
|
-
import { ReqorePanel } from '../Panel';
|
|
10
|
-
import { ReqoreP } from '../Paragraph';
|
|
11
|
-
export const StyledCommentWrapper = styled.div `
|
|
12
|
-
display: flex;
|
|
13
|
-
overflow: hidden;
|
|
14
|
-
|
|
15
|
-
&:not(:first-child) {
|
|
16
|
-
margin-top: 10px;
|
|
17
|
-
}
|
|
18
|
-
`;
|
|
19
|
-
export const StyledIconWrapper = styled.div `
|
|
20
|
-
flex: 0 auto;
|
|
21
|
-
padding: 10px;
|
|
22
|
-
display: flex;
|
|
23
|
-
justify-content: center;
|
|
24
|
-
`;
|
|
25
|
-
export const StyledInfoWrapper = styled.div `
|
|
26
|
-
flex: 1;
|
|
27
|
-
padding: 10px;
|
|
28
|
-
overflow: hidden;
|
|
29
|
-
`;
|
|
30
|
-
export const StyledCommentText = styled(ReqoreP) `
|
|
31
|
-
min-height: 10px;
|
|
32
|
-
overflow: hidden;
|
|
33
|
-
padding: 0;
|
|
34
|
-
margin: 0;
|
|
35
|
-
margin-top: ${({ marginTop }) => marginTop};
|
|
36
|
-
`;
|
|
37
|
-
export const StyledCommentTitle = styled(ReqoreH3) `
|
|
38
|
-
padding: 0;
|
|
39
|
-
margin: 0;
|
|
40
|
-
`;
|
|
41
|
-
export const StyledCommentDetail = styled.span `
|
|
42
|
-
opacity: 0.5;
|
|
43
|
-
font-size: 11px;
|
|
44
|
-
`;
|
|
45
|
-
export const StyledCommentImage = styled.img `
|
|
46
|
-
width: 30px;
|
|
47
|
-
height: 30px;
|
|
48
|
-
border-radius: 10px;
|
|
49
|
-
`;
|
|
50
|
-
export const ReqoreComment = ({ rounded, flat, intent, icon, children, image, title, detail, actions, ...rest }) => {
|
|
51
|
-
return (_jsx(ReqorePanel, { rounded: rounded, flat: flat, intent: intent, className: 'reqore-comment', ...rest, children: _jsxs(StyledCommentWrapper, { children: [icon || image ? (_jsx(StyledIconWrapper, { children: icon ? _jsx(ReqoreIcon, { icon: icon, size: '30px' }) : _jsx(StyledCommentImage, { src: image }) })) : null, _jsxs(StyledInfoWrapper, { children: [_jsxs(ReqoreColumns, { minColumnWidth: '100px', children: [_jsxs(ReqoreColumn, { flexFlow: 'column', justifyContent: 'center', children: [title && _jsx(StyledCommentTitle, { children: title }), detail && _jsx(StyledCommentDetail, { children: detail })] }), size(actions) ? (_jsx(ReqoreColumn, { justifyContent: 'flex-end', children: _jsx(ReqoreControlGroup, { minimal: true, size: 'small', children: actions.map(({ label, actions, ...rest }, index) => size(actions) ? (_createElement(ReqoreDropdown, { ...omit(rest, ['show']), key: index, label: label, componentProps: {
|
|
52
|
-
minimal: true,
|
|
53
|
-
onClick: (e) => {
|
|
54
|
-
e.stopPropagation();
|
|
55
|
-
},
|
|
56
|
-
}, items: actions })) : (_createElement(ReqoreButton, { ...omit(rest, ['show']), key: index, onClick: rest.onClick
|
|
57
|
-
? (e) => {
|
|
58
|
-
e.stopPropagation();
|
|
59
|
-
rest.onClick();
|
|
60
|
-
}
|
|
61
|
-
: undefined }, label))) }) })) : null] }), _jsx(StyledCommentText, { marginTop: title || detail || size(actions) ? '10px' : '0px', children: children })] })] }) }));
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Comment/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { StyledPanel } from '../Panel';
|
|
5
|
-
export const StyledCommentFeed = styled.div `
|
|
6
|
-
${StyledPanel} {
|
|
7
|
-
&:not(:first-child) {
|
|
8
|
-
margin-top: ${({ gapSize }) => gapSize};
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
`;
|
|
12
|
-
export const ReqoreCommentFeed = ({ gapSize = '10px', className, children, ...rest }) => {
|
|
13
|
-
return (_jsx(StyledCommentFeed, { ...rest, gapSize: gapSize, className: classNames('reqore-comment-feed', {
|
|
14
|
-
className,
|
|
15
|
-
}), children: children }));
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CommentFeed/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAqB;IAC5D,WAAW;;oBAEK,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;;;CAG3C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACiB,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,iBAAiB,OACZ,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE;YAC3C,SAAS;SACV,CAAC,YAED,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC,CAAC"}
|