@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,225 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { animated, useTransition } from '@react-spring/web';
|
|
3
|
-
import { rgba } from 'polished';
|
|
4
|
-
import { forwardRef, useEffect, useState } from 'react';
|
|
5
|
-
import { useMount, useUnmount } from 'react-use';
|
|
6
|
-
import styled, { css, keyframes } from 'styled-components';
|
|
7
|
-
import { SPRING_CONFIG } from '../../constants/animations';
|
|
8
|
-
import { PADDING_FROM_SIZE, TEXT_FROM_SIZE } from '../../constants/sizes';
|
|
9
|
-
import ReqoreThemeProvider from '../../containers/ThemeProvider';
|
|
10
|
-
import { fadeIn } from '../../helpers/animations';
|
|
11
|
-
import { changeDarkness, changeLightness, getNotificationIntent, getReadableColor, } from '../../helpers/colors';
|
|
12
|
-
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
13
|
-
import { resolvePadding } from '../../helpers/utils';
|
|
14
|
-
import { RaisedElement } from '../../styles';
|
|
15
|
-
import { StyledEffect } from '../Effect';
|
|
16
|
-
import { ReqoreHeading } from '../Header';
|
|
17
|
-
import ReqoreIcon from '../Icon';
|
|
18
|
-
import { ReqoreSpinner } from '../Spinner';
|
|
19
|
-
const timeoutAnimation = keyframes `
|
|
20
|
-
0% {
|
|
21
|
-
width: 100%;
|
|
22
|
-
}
|
|
23
|
-
100% {
|
|
24
|
-
width: 0;
|
|
25
|
-
}
|
|
26
|
-
`;
|
|
27
|
-
export const StyledReqoreNotification = styled(StyledEffect) `
|
|
28
|
-
min-width: ${({ fluid }) => (!fluid ? '30px' : undefined)};
|
|
29
|
-
max-width: ${({ maxWidth, fluid, fixed }) => maxWidth || (fluid && !fixed ? '100%' : undefined)};
|
|
30
|
-
border-radius: 5px;
|
|
31
|
-
display: flex;
|
|
32
|
-
flex: ${({ fluid, fixed }) => (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto')};
|
|
33
|
-
align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
|
|
34
|
-
overflow: hidden;
|
|
35
|
-
position: relative;
|
|
36
|
-
transition: all 0.2s ease-out;
|
|
37
|
-
|
|
38
|
-
${({ margin, size = 'normal' }) => css `
|
|
39
|
-
margin-top: ${margin === 'top' || margin === 'both'
|
|
40
|
-
? `${PADDING_FROM_SIZE[size]}px`
|
|
41
|
-
: undefined};
|
|
42
|
-
margin-bottom: ${margin === 'bottom' || margin === 'both'
|
|
43
|
-
? `${PADDING_FROM_SIZE[size]}px`
|
|
44
|
-
: undefined};
|
|
45
|
-
`};
|
|
46
|
-
|
|
47
|
-
// Do not fade in the component if it's a message
|
|
48
|
-
${({ asMessage }) => {
|
|
49
|
-
if (asMessage) {
|
|
50
|
-
return undefined;
|
|
51
|
-
}
|
|
52
|
-
return css `
|
|
53
|
-
animation: 0.2s ${fadeIn} ease-in;
|
|
54
|
-
`;
|
|
55
|
-
}}
|
|
56
|
-
|
|
57
|
-
&:not(:first-child) {
|
|
58
|
-
margin-top: ${({ asMessage, size }) => asMessage ? undefined : `${PADDING_FROM_SIZE[size]}px`};
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
${({ theme, type, intent, clickable, timeout, hasShadow, flat, minimal, opaque = true, backgroundBlur, raised, }) => css `
|
|
62
|
-
background-color: ${minimal
|
|
63
|
-
? 'transparent'
|
|
64
|
-
: opaque
|
|
65
|
-
? changeLightness(theme.main, 0.1)
|
|
66
|
-
: rgba(getNotificationIntent(theme, intent || type), 0.3)};
|
|
67
|
-
border: ${flat ? 0 : '1px solid'};
|
|
68
|
-
border-color: ${changeLightness(getNotificationIntent(theme, intent || type), 0.2)};
|
|
69
|
-
|
|
70
|
-
${backgroundBlur &&
|
|
71
|
-
css `
|
|
72
|
-
backdrop-filter: blur(${backgroundBlur}px);
|
|
73
|
-
`}
|
|
74
|
-
|
|
75
|
-
${hasShadow &&
|
|
76
|
-
css `
|
|
77
|
-
box-shadow: 0px 0px 30px 10px ${rgba('#000000', 0.3)};
|
|
78
|
-
`}
|
|
79
|
-
|
|
80
|
-
${raised && flat && !minimal && RaisedElement}
|
|
81
|
-
|
|
82
|
-
${timeout &&
|
|
83
|
-
css `
|
|
84
|
-
&::before {
|
|
85
|
-
content: '';
|
|
86
|
-
position: absolute;
|
|
87
|
-
display: block;
|
|
88
|
-
top: 0;
|
|
89
|
-
height: 3px;
|
|
90
|
-
background-color: ${changeLightness(getNotificationIntent(theme, intent || type), 0.2)};
|
|
91
|
-
animation-name: ${timeoutAnimation};
|
|
92
|
-
animation-duration: ${timeout}ms;
|
|
93
|
-
}
|
|
94
|
-
`}
|
|
95
|
-
|
|
96
|
-
color: ${minimal || !opaque
|
|
97
|
-
? 'inherit'
|
|
98
|
-
: getReadableColor(theme, null, null, true, minimal ? theme.originalMain : undefined)};
|
|
99
|
-
|
|
100
|
-
${clickable &&
|
|
101
|
-
css `
|
|
102
|
-
cursor: pointer;
|
|
103
|
-
&:hover {
|
|
104
|
-
background-color: ${minimal
|
|
105
|
-
? 'transparent'
|
|
106
|
-
: opaque
|
|
107
|
-
? changeDarkness(theme.main, 0.002)
|
|
108
|
-
: rgba(getNotificationIntent(theme, intent || type), 0.4)};
|
|
109
|
-
border-color: ${changeLightness(getNotificationIntent(theme, intent || type), 0.25)};
|
|
110
|
-
}
|
|
111
|
-
`}
|
|
112
|
-
`}
|
|
113
|
-
`;
|
|
114
|
-
export const StyledIconWrapper = styled.div `
|
|
115
|
-
flex: 0 1 auto;
|
|
116
|
-
flex-shrink: 0;
|
|
117
|
-
display: flex;
|
|
118
|
-
justify-content: center;
|
|
119
|
-
align-items: center;
|
|
120
|
-
transition: all 0.2s ease-out;
|
|
121
|
-
|
|
122
|
-
${({ clickable, theme, intent, type }) => clickable &&
|
|
123
|
-
css `
|
|
124
|
-
margin-top: unset;
|
|
125
|
-
height: unset;
|
|
126
|
-
|
|
127
|
-
.reqore-icon {
|
|
128
|
-
transform: scale(0.85);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
&:hover {
|
|
132
|
-
cursor: pointer;
|
|
133
|
-
background-color: ${changeLightness(getNotificationIntent(theme, intent || type), 0.02)};
|
|
134
|
-
.reqore-icon {
|
|
135
|
-
transform: scale(1);
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
`}
|
|
139
|
-
`;
|
|
140
|
-
export const StyledNotificationInnerContent = styled.div `
|
|
141
|
-
flex: 1;
|
|
142
|
-
display: flex;
|
|
143
|
-
flex-flow: column;
|
|
144
|
-
justify-content: center;
|
|
145
|
-
|
|
146
|
-
.reqore-heading {
|
|
147
|
-
line-height: 1;
|
|
148
|
-
}
|
|
149
|
-
`;
|
|
150
|
-
export const StyledNotificationContentWrapper = styled.div `
|
|
151
|
-
flex: 1;
|
|
152
|
-
display: flex;
|
|
153
|
-
justify-content: center;
|
|
154
|
-
padding: ${({ size = 'normal', $padded = true, $paddingSize }) => resolvePadding({
|
|
155
|
-
padded: $padded,
|
|
156
|
-
paddingSize: $paddingSize ?? size,
|
|
157
|
-
verticalMultiplier: 1,
|
|
158
|
-
horizontalMultiplier: 1,
|
|
159
|
-
})};
|
|
160
|
-
`;
|
|
161
|
-
export const StyledNotificationTitle = styled.h4 `
|
|
162
|
-
margin: 0 0 5px 0;
|
|
163
|
-
padding: 0;
|
|
164
|
-
display: flex;
|
|
165
|
-
align-items: center;
|
|
166
|
-
`;
|
|
167
|
-
export const StyledNotificationContent = styled.div `
|
|
168
|
-
margin: 0;
|
|
169
|
-
padding: 0;
|
|
170
|
-
flex: 1;
|
|
171
|
-
font-size: ${({ size = 'normal' }) => TEXT_FROM_SIZE[size]}px;
|
|
172
|
-
overflow-wrap: anywhere;
|
|
173
|
-
display: flex;
|
|
174
|
-
flex-flow: column;
|
|
175
|
-
justify-content: center;
|
|
176
|
-
|
|
177
|
-
${({ hasTitle, size = 'normal' }) => hasTitle &&
|
|
178
|
-
css `
|
|
179
|
-
padding-top: ${PADDING_FROM_SIZE[size]}px;
|
|
180
|
-
`}
|
|
181
|
-
`;
|
|
182
|
-
export const typeToIcon = {
|
|
183
|
-
info: 'InformationLine',
|
|
184
|
-
pending: 'TimerLine',
|
|
185
|
-
warning: 'AlarmWarningLine',
|
|
186
|
-
danger: 'ErrorWarningLine',
|
|
187
|
-
success: 'CheckFill',
|
|
188
|
-
muted: 'Forbid2Line',
|
|
189
|
-
};
|
|
190
|
-
const ReqoreNotification = forwardRef(({ type, intent, icon, title, content, onClose, onClick, duration, onFinish, flat, minimal, opaque = true, blur, size = 'normal', customTheme, inheritCustomTheme, padded = true, paddingSize, }, ref) => {
|
|
191
|
-
const [internalTimeout, setInternalTimeout] = useState(null);
|
|
192
|
-
const theme = useReqoreTheme('main', customTheme, type || intent, 'notifications', inheritCustomTheme);
|
|
193
|
-
const transitions = useTransition(true, {
|
|
194
|
-
from: { opacity: 0, transform: 'scale(0.9)' },
|
|
195
|
-
enter: { opacity: 1, transform: 'scale(1)' },
|
|
196
|
-
leave: { opacity: 0, transform: 'scale(0.9)' },
|
|
197
|
-
config: SPRING_CONFIG,
|
|
198
|
-
});
|
|
199
|
-
useMount(() => {
|
|
200
|
-
if (duration) {
|
|
201
|
-
setInternalTimeout(setTimeout(() => {
|
|
202
|
-
onFinish && onFinish();
|
|
203
|
-
}, duration));
|
|
204
|
-
}
|
|
205
|
-
});
|
|
206
|
-
useEffect(() => {
|
|
207
|
-
if (internalTimeout) {
|
|
208
|
-
clearTimeout(internalTimeout);
|
|
209
|
-
}
|
|
210
|
-
if (duration) {
|
|
211
|
-
setInternalTimeout(setTimeout(() => {
|
|
212
|
-
onFinish && onFinish();
|
|
213
|
-
}, duration));
|
|
214
|
-
}
|
|
215
|
-
}, [duration, type, intent, content, title]);
|
|
216
|
-
useUnmount(() => {
|
|
217
|
-
clearTimeout(internalTimeout);
|
|
218
|
-
});
|
|
219
|
-
return transitions((styles, item) => item ? (_jsx(ReqoreThemeProvider, { children: _jsxs(StyledReqoreNotification, { as: animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: () => onClick?.(), flat: flat, minimal: minimal, className: 'reqore-notification', ref: ref, style: styles, size: size, opaque: opaque, blur: blur, theme: theme, maxWidth: '450px', children: [_jsxs(StyledNotificationContentWrapper, { size: size, theme: theme, "$padded": padded, "$paddingSize": paddingSize, children: [type || intent || icon ? (_jsx(_Fragment, { children: intent === 'pending' || type === 'pending' ? (_jsx(ReqoreSpinner, { size: size, type: 5, iconMargin: 'right' })) : (_jsx(ReqoreIcon, { icon: icon || typeToIcon[type || intent], margin: 'right', size: size })) })) : null, _jsxs(StyledNotificationInnerContent, { children: [title && _jsx(ReqoreHeading, { size: size, children: title }), _jsx(StyledNotificationContent, { theme: theme, hasTitle: !!title, size: size, children: content })] })] }), onClose ? (_jsx(StyledIconWrapper, { type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: (event) => {
|
|
220
|
-
event.stopPropagation();
|
|
221
|
-
onClose();
|
|
222
|
-
}, children: _jsx(ReqoreIcon, { icon: 'CloseFill', margin: 'both', size: size }) })) : null] }, `${duration}${type || intent}${title}${content}`) })) : null);
|
|
223
|
-
});
|
|
224
|
-
export default ReqoreNotification;
|
|
225
|
-
//# sourceMappingURL=notification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { debounce } from 'lodash';
|
|
3
|
-
import { memo, useEffect, useRef, useState } from 'react';
|
|
4
|
-
import { useUnmount, useUpdateEffect } from 'react-use';
|
|
5
|
-
import styled from 'styled-components';
|
|
6
|
-
import { ReqoreDropdown } from '../..';
|
|
7
|
-
import ReqoreButton, { StyledButton } from '../Button';
|
|
8
|
-
import ReqoreControlGroup from '../ControlGroup';
|
|
9
|
-
export const StyledPagesWrapper = styled(ReqoreControlGroup) `
|
|
10
|
-
width: unset;
|
|
11
|
-
flex: 0 auto;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
|
|
14
|
-
& > ${StyledButton} {
|
|
15
|
-
margin: 0;
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
18
|
-
function Pagination({ back, first, currentPage, isLastPage, isFirstPage, pageCount, pages, last, next, setPage, infinite, itemsLeft, showPagesAs = 'buttons', pageButtonProps = {}, activePageButtonProps = {}, listPageButtonProps = {}, controlPageButtonProps = {}, loadMoreButtonProps = {}, loadAllButtonProps = {}, firstPageLabel = 'First', lastPageLabel = 'Last', nextPageLabel = 'Next', previousPageLabel = 'Back', pageLabel = 'Page', loadMoreLabel = 'Load more', loadAllLabel = 'Load all', showLabels, showPages = true, showControls = true, showLoadAllButton = true, scrollOnLoadMore, autoLoadMore, itemsPerPage, renderControls, scrollContainer, scrollToTopOnPageChange = true, changePageOnScroll, ...rest }) {
|
|
19
|
-
const [loadMoreRef, setLoadMoreRef] = useState(undefined);
|
|
20
|
-
const [scrollTargetRef, setScrollTargetRef] = useState(undefined);
|
|
21
|
-
const observer = useRef(null);
|
|
22
|
-
useUpdateEffect(() => {
|
|
23
|
-
// If scroll container is defined, do not scroll to load more button
|
|
24
|
-
// because it will be scrolled to the bottom of the container
|
|
25
|
-
// resulting in infinite scroll
|
|
26
|
-
if (!scrollContainer && scrollTargetRef && scrollOnLoadMore && !isLastPage && !isFirstPage) {
|
|
27
|
-
scrollTargetRef.scrollIntoView({
|
|
28
|
-
behavior: 'smooth',
|
|
29
|
-
block: 'end',
|
|
30
|
-
inline: 'start',
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}, [currentPage, scrollTargetRef, scrollContainer, scrollOnLoadMore, isLastPage, isFirstPage]);
|
|
34
|
-
// Scroll to bottom on load more
|
|
35
|
-
// Scroll container has power over scroll target
|
|
36
|
-
useUpdateEffect(() => {
|
|
37
|
-
if (scrollContainer && scrollOnLoadMore && !isFirstPage) {
|
|
38
|
-
scrollContainer.scrollBy?.({
|
|
39
|
-
top: scrollContainer.scrollHeight,
|
|
40
|
-
behavior: 'smooth',
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
}, [currentPage, scrollContainer, scrollOnLoadMore, isFirstPage]);
|
|
44
|
-
// Scroll to top on page change
|
|
45
|
-
useUpdateEffect(() => {
|
|
46
|
-
if (scrollContainer && scrollToTopOnPageChange && !infinite) {
|
|
47
|
-
scrollContainer.scrollTo?.({
|
|
48
|
-
top: 0,
|
|
49
|
-
behavior: 'smooth',
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
}, [currentPage, scrollContainer, scrollToTopOnPageChange, infinite]);
|
|
53
|
-
// Switch pages when user scrolls and holds the Shift key
|
|
54
|
-
useEffect(() => {
|
|
55
|
-
const handleScroll = debounce((e) => {
|
|
56
|
-
const deltaKey = changePageOnScroll === 'vertical' ? 'deltaY' : 'deltaX';
|
|
57
|
-
// Only change pages when user holds the shift key
|
|
58
|
-
// aka horizontal scroll
|
|
59
|
-
if (changePageOnScroll === 'vertical' ||
|
|
60
|
-
(changePageOnScroll === 'horizontal' && e.shiftKey)) {
|
|
61
|
-
// Do not horizontal scroll
|
|
62
|
-
e.preventDefault();
|
|
63
|
-
// If the user scrolls to the right, go to the next page
|
|
64
|
-
if (e[deltaKey] > 20) {
|
|
65
|
-
next();
|
|
66
|
-
// If the user scrolls to the left, go to the previous page
|
|
67
|
-
}
|
|
68
|
-
else if (e[deltaKey] < -20) {
|
|
69
|
-
back();
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}, 30);
|
|
73
|
-
if (scrollContainer && changePageOnScroll) {
|
|
74
|
-
scrollContainer.addEventListener('wheel', handleScroll);
|
|
75
|
-
}
|
|
76
|
-
return () => {
|
|
77
|
-
if (scrollContainer) {
|
|
78
|
-
scrollContainer.removeEventListener('wheel', handleScroll);
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
}, [currentPage, scrollContainer, changePageOnScroll]);
|
|
82
|
-
useUpdateEffect(() => {
|
|
83
|
-
if (loadMoreRef && autoLoadMore) {
|
|
84
|
-
observer.current = new IntersectionObserver((entries) => {
|
|
85
|
-
entries.forEach((entry) => {
|
|
86
|
-
if (entry.isIntersecting) {
|
|
87
|
-
next();
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
}, {
|
|
91
|
-
threshold: 0.8,
|
|
92
|
-
});
|
|
93
|
-
observer.current.observe(loadMoreRef);
|
|
94
|
-
}
|
|
95
|
-
}, [loadMoreRef, autoLoadMore, isLastPage]);
|
|
96
|
-
useUnmount(() => {
|
|
97
|
-
observer.current?.disconnect();
|
|
98
|
-
});
|
|
99
|
-
if (!renderControls) {
|
|
100
|
-
return null;
|
|
101
|
-
}
|
|
102
|
-
return (_jsxs(ReqoreControlGroup, { ...rest, className: `${rest.className || ''} reqore-pagination-wrapper`, style: { justifyContent: 'center' }, children: [infinite && !isLastPage ? (_jsxs(ReqoreControlGroup, { vertical: true, children: [_jsx("div", { className: 'reqore-auto-scroll-target', ref: setScrollTargetRef }), _jsxs(ReqoreControlGroup, { stack: true, children: [_jsx(ReqoreButton, { icon: 'ArrowDropDownLine', badge: itemsPerPage, iconsAlign: 'center', compact: true, ...loadMoreButtonProps, onClick: next, ref: setLoadMoreRef, style: {
|
|
103
|
-
scrollMarginTop: '200px',
|
|
104
|
-
}, children: showLabels && loadMoreLabel }), showLoadAllButton && (_jsx(ReqoreButton, { icon: 'ArrowDropDownLine', badge: itemsLeft, iconsAlign: 'center', compact: true, ...loadAllButtonProps, onClick: last, style: {
|
|
105
|
-
scrollMarginTop: '200px',
|
|
106
|
-
}, children: showLabels && loadAllLabel }))] })] })) : null, !infinite ? (_jsxs(_Fragment, { children: [showPagesAs === 'list' || (showControls && !showPages) ? (_jsx(ReqoreButton, { icon: 'RewindMiniLine', fixed: true, compact: true, ...controlPageButtonProps, onClick: first, disabled: isFirstPage, tooltip: !showLabels && firstPageLabel, children: showLabels && firstPageLabel })) : null, showControls && (_jsx(ReqoreButton, { icon: 'ArrowDropLeftLine', fixed: true, compact: true, ...controlPageButtonProps, onClick: back, disabled: isFirstPage, tooltip: !showLabels && previousPageLabel, children: showLabels && previousPageLabel })), showPages && (_jsx(StyledPagesWrapper, { wrap: true, horizontalAlign: 'center', children: showPagesAs === 'buttons' ? (pages.map((page) => (_jsx(ReqoreButton, { textAlign: 'center', fixed: true, compact: true, onClick: () => setPage(page), active: page === currentPage, ...(page === currentPage ? activePageButtonProps : pageButtonProps), children: page }, page)))) : (_jsx(ReqoreDropdown, { filterable: true, compact: true, label: `${showLabels ? `${pageLabel} ` : ''}${currentPage} / ${pageCount}`, items: pages.map((page) => ({
|
|
107
|
-
label: `${showLabels ? `${pageLabel} ` : ''}${page}`,
|
|
108
|
-
onClick: () => setPage(page),
|
|
109
|
-
selected: page === currentPage,
|
|
110
|
-
...(page === currentPage
|
|
111
|
-
? activePageButtonProps
|
|
112
|
-
: pageButtonProps),
|
|
113
|
-
})), placement: 'bottom', inputProps: { focusRules: { type: 'auto', viewportOnly: true } }, scrollToSelected: true, ...listPageButtonProps })) })), showControls && (_jsx(ReqoreButton, { icon: 'ArrowDropRightLine', fixed: true, compact: true, ...controlPageButtonProps, onClick: next, disabled: isLastPage, tooltip: !showLabels && nextPageLabel, children: showLabels && nextPageLabel })), showPagesAs === 'list' || (showControls && !showPages) ? (_jsx(ReqoreButton, { icon: 'SpeedMiniLine', fixed: true, compact: true, ...controlPageButtonProps, onClick: last, disabled: isLastPage, tooltip: !showLabels && lastPageLabel, children: showLabels && lastPageLabel })) : null] })) : null] }));
|
|
114
|
-
}
|
|
115
|
-
export const ReqorePagination = memo(Pagination);
|
|
116
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Paging/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useEffect, useState } from 'react';
|
|
3
|
-
import { useUpdateEffect } from 'react-use';
|
|
4
|
-
import { ReqoreHeading } from '../Header';
|
|
5
|
-
import ReqoreIcon from '../Icon';
|
|
6
|
-
import ReqoreInput from '../Input';
|
|
7
|
-
import { ReqoreSpan } from '../Span';
|
|
8
|
-
export const LabelEditor = memo(({ label, onSubmit, inputProps, iconProps, effect, ...rest }) => {
|
|
9
|
-
const [name, setName] = useState(label);
|
|
10
|
-
const [isEditing, setIsEditing] = useState(false);
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
setName(label);
|
|
13
|
-
}, [label]);
|
|
14
|
-
useUpdateEffect(() => {
|
|
15
|
-
if (!isEditing) {
|
|
16
|
-
onSubmit?.(name);
|
|
17
|
-
}
|
|
18
|
-
}, [isEditing]);
|
|
19
|
-
if (isEditing) {
|
|
20
|
-
return (_jsx(ReqoreInput, { focusRules: { type: 'auto' }, onClick: (e) => e.stopPropagation(), value: name, minimal: true, fluid: true, onChange: (e) => setName(e.target.value), onKeyUp: (e) => {
|
|
21
|
-
if (e.key === 'Enter') {
|
|
22
|
-
setIsEditing(false);
|
|
23
|
-
}
|
|
24
|
-
}, onBlur: () => setIsEditing(false), ...inputProps }));
|
|
25
|
-
}
|
|
26
|
-
return (_jsxs(ReqoreHeading, { ...rest, className: `${rest.className || ''} reqore-label-editor`, onClick: onSubmit
|
|
27
|
-
? (e) => {
|
|
28
|
-
e.stopPropagation();
|
|
29
|
-
setIsEditing(true);
|
|
30
|
-
}
|
|
31
|
-
: undefined, children: [_jsx(ReqoreSpan, { effect: effect, children: name }), onSubmit ? _jsx(ReqoreIcon, { icon: 'EditLine', size: 'small', margin: 'left', ...iconProps }) : null] }));
|
|
32
|
-
});
|
|
33
|
-
//# sourceMappingURL=LabelEditor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabelEditor.js","sourceRoot":"","sources":["../../../../src/components/Panel/LabelEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAuB,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,UAAgC,MAAM,SAAS,CAAC;AACvD,OAAO,WAAkC,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AASrC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAC7B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAA2B,EAAE,EAAE;IACvF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,CAAC;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,EAAE;YACd,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,SAAS,EAAE;QACb,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,KAAK,EAAE,IAAI,EACX,OAAO,QACP,KAAK,QACL,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBACrB,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB;YACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,KAC7B,UAAU,GACd,CACH,CAAC;KACH;IAED,OAAO,CACL,MAAC,aAAa,OACR,IAAI,EACR,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,sBAAsB,EACxD,OAAO,EACL,QAAQ;YACN,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;gBACJ,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC;YACH,CAAC,CAAC,SAAS,aAGf,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,YAAG,IAAI,GAAc,EAC9C,QAAQ,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,IAC7E,CACjB,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { size } from 'lodash';
|
|
3
|
-
import { memo } from 'react';
|
|
4
|
-
import { ReqoreButton } from '../..';
|
|
5
|
-
import ReqoreControlGroup from '../ControlGroup';
|
|
6
|
-
export const ReqorePanelNonResponsiveActions = memo(({ onCollapseClick, onCloseClick, hasResponsiveActions, isCollapsed, customTheme, children, showControlButtons, show, collapseButtonProps, closeButtonProps, isSmall, ...rest }) => {
|
|
7
|
-
if (!show || (!size(children) && !showControlButtons)) {
|
|
8
|
-
return null;
|
|
9
|
-
}
|
|
10
|
-
return (_jsxs(ReqoreControlGroup, { fixed: isSmall ? false : hasResponsiveActions, fluid: isSmall, horizontalAlign: 'flex-end', verticalAlign: 'center', ...rest, children: [children, !!onCollapseClick && showControlButtons ? (_jsx(ReqoreButton, { customTheme: customTheme, icon: isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: (e) => {
|
|
11
|
-
e.stopPropagation();
|
|
12
|
-
onCollapseClick();
|
|
13
|
-
}, tooltip: isCollapsed ? 'Expand' : 'Collapse', fixed: true, ...collapseButtonProps })) : null, !!onCloseClick && showControlButtons ? (_jsx(ReqoreButton, { fixed: true, customTheme: customTheme, icon: 'CloseLine', onClick: (e) => {
|
|
14
|
-
e.stopPropagation();
|
|
15
|
-
onCloseClick();
|
|
16
|
-
}, tooltip: 'Close', ...closeButtonProps })) : null] }));
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=NonResponsiveActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NonResponsiveActions.js","sourceRoot":"","sources":["../../../../src/components/Panel/NonResponsiveActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,kBAAgD,MAAM,iBAAiB,CAAC;AAiB/E,MAAM,CAAC,MAAM,+BAA+B,GAAG,IAAI,CACjD,CAAC,EACC,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,IAAI,EACJ,mBAAmB,EACnB,gBAAgB,EAChB,OAAO,EACP,GAAG,IAAI,EAC+B,EAAE,EAAE;IAC1C,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE;QACrD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,MAAC,kBAAkB,IACjB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,EAC7C,KAAK,EAAE,OAAO,EACd,eAAe,EAAC,UAAU,EAC1B,aAAa,EAAC,QAAQ,KAClB,IAAI,aAEP,QAAQ,EACR,CAAC,CAAC,eAAe,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACzC,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,EACrD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,eAAe,EAAE,CAAC;gBACpB,CAAC,EACD,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAC5C,KAAK,WACD,mBAAmB,GACvB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,CAAC,YAAY,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACtC,KAAC,YAAY,IACX,KAAK,QACL,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;oBAClD,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,YAAY,EAAE,CAAC;gBACjB,CAAC,EACD,OAAO,EAAC,OAAO,KACX,gBAAgB,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACW,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}
|