@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,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { animated, useTransition } from '@react-spring/web';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { SPRING_CONFIG } from '../../constants/animations';
|
|
5
|
-
import { SIZE_TO_PX } from '../../constants/sizes';
|
|
6
|
-
import ReqoreIcon from '../Icon';
|
|
7
|
-
export const StyledInputClearButton = styled(ReqoreIcon) `
|
|
8
|
-
position: absolute;
|
|
9
|
-
right: ${({ size, hasRightIcon }) => (hasRightIcon ? SIZE_TO_PX[size] : 0)}px;
|
|
10
|
-
top: 0;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
align-items: center;
|
|
13
|
-
transition: all 0.1s ease-out;
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
|
|
16
|
-
&:hover {
|
|
17
|
-
opacity: 1 !important;
|
|
18
|
-
}
|
|
19
|
-
`;
|
|
20
|
-
const ReqoreInputClearButton = ({ show, enabled, size = 'normal', ...rest }) => {
|
|
21
|
-
const transitions = useTransition(show && enabled, {
|
|
22
|
-
from: { opacity: 0, filter: 'blur(10px)' },
|
|
23
|
-
enter: { opacity: 0.5, filter: 'blur(0px)' },
|
|
24
|
-
leave: { opacity: 0, filter: 'blur(10px)' },
|
|
25
|
-
config: SPRING_CONFIG,
|
|
26
|
-
});
|
|
27
|
-
return transitions((styles, item) => item ? (_jsx(StyledInputClearButton, { ...rest, className: 'reqore-clear-input-button', icon: 'CloseLine', wrapperElement: animated.span, size: size, wrapperSize: SIZE_TO_PX[size], show: show, style: {
|
|
28
|
-
opacity: styles.opacity,
|
|
29
|
-
} })) : null);
|
|
30
|
-
};
|
|
31
|
-
export default ReqoreInputClearButton;
|
|
32
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,UAAU,MAAM,SAAS,CAAC;AAQjC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAoB;;WAEjE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;CAU3E,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACsB,EAAE,EAAE;IACjC,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,IAAI,OAAO,EAAE;QACjD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC1C,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE;QAC5C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC3C,MAAM,EAAE,aAAa;KACtB,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,CAClC,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,sBAAsB,OACjB,IAAI,EACR,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,WAAW,EAChB,cAAc,EAAE,QAAQ,CAAC,IAAI,EAC7B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC,OAAO;SACxB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,244 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cloneDeep, isString } from 'lodash';
|
|
3
|
-
import { rgba } from 'polished';
|
|
4
|
-
import React, { memo, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
5
|
-
import { createPortal } from 'react-dom';
|
|
6
|
-
import { usePopper } from 'react-popper';
|
|
7
|
-
import { useUnmount, useUpdateEffect } from 'react-use';
|
|
8
|
-
import styled, { css } from 'styled-components';
|
|
9
|
-
import { useReqoreProperty } from '../..';
|
|
10
|
-
import { RADIUS_FROM_SIZE } from '../../constants/sizes';
|
|
11
|
-
import ReqoreThemeProvider from '../../containers/ThemeProvider';
|
|
12
|
-
import { fadeIn } from '../../helpers/animations';
|
|
13
|
-
import { changeLightness, getColorFromMaybeString, getNotificationIntent, } from '../../helpers/colors';
|
|
14
|
-
import { getPrimaryGradient } from '../Effect';
|
|
15
|
-
import ReqoreMessage from '../Message';
|
|
16
|
-
const getPopoverArrowColor = ({ theme, dim, intent, flat, effect, isOpaque }) => {
|
|
17
|
-
const primary = getPrimaryGradient(effect?.gradient);
|
|
18
|
-
const primaryColorsRecord = primary && typeof primary.colors === 'object'
|
|
19
|
-
? primary.colors
|
|
20
|
-
: undefined;
|
|
21
|
-
const primaryFirstColor = primaryColorsRecord
|
|
22
|
-
? Object.values(primaryColorsRecord)[0]
|
|
23
|
-
: undefined;
|
|
24
|
-
return rgba(primary
|
|
25
|
-
? changeLightness(getColorFromMaybeString(theme, primary.borderColor || primaryFirstColor), 0.04)
|
|
26
|
-
: intent
|
|
27
|
-
? changeLightness(getNotificationIntent(theme, intent), flat ? 0.1 : 0.2)
|
|
28
|
-
: theme.popover?.main ||
|
|
29
|
-
rgba(changeLightness(flat ? theme.main : getNotificationIntent(theme, intent), flat ? 0.1 : 0.2), isOpaque ? 1 : 0.3), dim ? 0.3 : 1);
|
|
30
|
-
};
|
|
31
|
-
const StyledPopoverArrow = styled.div `
|
|
32
|
-
width: 10px;
|
|
33
|
-
height: 10px;
|
|
34
|
-
position: absolute;
|
|
35
|
-
z-index: -1;
|
|
36
|
-
|
|
37
|
-
&:before {
|
|
38
|
-
content: '';
|
|
39
|
-
display: block;
|
|
40
|
-
width: 0;
|
|
41
|
-
height: 0;
|
|
42
|
-
position: absolute;
|
|
43
|
-
z-index: -1;
|
|
44
|
-
}
|
|
45
|
-
`;
|
|
46
|
-
export const StyledPopoverWrapper = styled.div `
|
|
47
|
-
${({ animate }) => animate &&
|
|
48
|
-
css `
|
|
49
|
-
animation: 0.2s ${fadeIn} ease-out;
|
|
50
|
-
`}
|
|
51
|
-
|
|
52
|
-
max-width: ${({ maxWidth }) => maxWidth};
|
|
53
|
-
min-width: ${({ minWidth }) => minWidth};
|
|
54
|
-
max-height: ${({ maxHeight }) => maxHeight};
|
|
55
|
-
z-index: 999999;
|
|
56
|
-
border-radius: ${RADIUS_FROM_SIZE.normal}px;
|
|
57
|
-
border: ${({ flat, noWrapper, ...rest }) => !flat && noWrapper ? `1px solid ${getPopoverArrowColor({ ...rest, flat })}` : undefined};
|
|
58
|
-
|
|
59
|
-
${({ transparent }) => !transparent &&
|
|
60
|
-
css `
|
|
61
|
-
box-shadow: rgba(31, 26, 34, 0.7) 0px 0px 10px;
|
|
62
|
-
`}
|
|
63
|
-
|
|
64
|
-
&[data-popper-placement^='top'] > ${StyledPopoverArrow} {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
|
|
67
|
-
&:before {
|
|
68
|
-
border-left: 10px solid transparent;
|
|
69
|
-
border-right: 10px solid transparent;
|
|
70
|
-
border-top: 10px solid ${(props) => getPopoverArrowColor(props)};
|
|
71
|
-
|
|
72
|
-
top: 5px;
|
|
73
|
-
left: -5px;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&[data-popper-placement^='bottom'] > ${StyledPopoverArrow} {
|
|
78
|
-
top: -5px;
|
|
79
|
-
|
|
80
|
-
&:before {
|
|
81
|
-
border-left: 10px solid transparent;
|
|
82
|
-
border-right: 10px solid transparent;
|
|
83
|
-
border-bottom: 10px solid ${(props) => getPopoverArrowColor(props)};
|
|
84
|
-
|
|
85
|
-
top: -5px;
|
|
86
|
-
left: -5px;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
&[data-popper-placement^='left'] > ${StyledPopoverArrow} {
|
|
91
|
-
right: -5px;
|
|
92
|
-
|
|
93
|
-
&:before {
|
|
94
|
-
border-top: 10px solid transparent;
|
|
95
|
-
border-bottom: 10px solid transparent;
|
|
96
|
-
border-left: 10px solid ${(props) => getPopoverArrowColor(props)};
|
|
97
|
-
|
|
98
|
-
top: -5px;
|
|
99
|
-
left: 5px;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
&[data-popper-placement^='right'] > ${StyledPopoverArrow} {
|
|
104
|
-
left: -5px;
|
|
105
|
-
|
|
106
|
-
&:before {
|
|
107
|
-
border-top: 10px solid transparent;
|
|
108
|
-
border-bottom: 10px solid transparent;
|
|
109
|
-
border-right: 10px solid ${(props) => getPopoverArrowColor(props)};
|
|
110
|
-
|
|
111
|
-
top: -5px;
|
|
112
|
-
left: -5px;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
&[data-popper-reference-hidden='true'] {
|
|
117
|
-
visibility: hidden;
|
|
118
|
-
pointer-events: none;
|
|
119
|
-
}
|
|
120
|
-
`;
|
|
121
|
-
export const StyledPopoverContent = styled.div `
|
|
122
|
-
width: 100%;
|
|
123
|
-
height: 100%;
|
|
124
|
-
z-index: 20;
|
|
125
|
-
position: relative;
|
|
126
|
-
overflow: hidden;
|
|
127
|
-
`;
|
|
128
|
-
const InternalPopover = memo(({ targetElement, content, placement, noArrow, noWrapper, useTargetWidth, transparent, maxWidth, minWidth, maxHeight, offsetX = 0, offsetY = 0, intent, title, icon, minimal, flat = true, effect, backgroundBlur, id, onPopperUpdate, onPopperClose, closePopover, onPopoverMouseEnter, onPopoverMouseLeave, }) => {
|
|
129
|
-
const animations = useReqoreProperty('animations');
|
|
130
|
-
const customPortalId = useReqoreProperty('customPortalId');
|
|
131
|
-
const uiScale = useReqoreProperty('uiScale');
|
|
132
|
-
const [popperElement, setPopperElement] = useState(null);
|
|
133
|
-
const [arrowElement, setArrowElement] = useState(null);
|
|
134
|
-
const popperRef = useRef(null);
|
|
135
|
-
const mutationObserber = useRef(null);
|
|
136
|
-
const baseOffsetY = noArrow ? 5 : 10;
|
|
137
|
-
const { styles, attributes, forceUpdate, state } = usePopper(targetElement, popperElement, {
|
|
138
|
-
placement,
|
|
139
|
-
modifiers: [
|
|
140
|
-
{
|
|
141
|
-
name: 'offset',
|
|
142
|
-
options: {
|
|
143
|
-
offset: [offsetX, baseOffsetY + offsetY],
|
|
144
|
-
},
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
name: 'arrow',
|
|
148
|
-
options: {
|
|
149
|
-
element: arrowElement,
|
|
150
|
-
padding: 8,
|
|
151
|
-
},
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
name: 'preventOverflow',
|
|
155
|
-
options: {
|
|
156
|
-
padding: 8,
|
|
157
|
-
},
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
name: 'hide',
|
|
161
|
-
enabled: true,
|
|
162
|
-
},
|
|
163
|
-
],
|
|
164
|
-
});
|
|
165
|
-
useUpdateEffect(() => {
|
|
166
|
-
if (!mutationObserber.current && targetElement && state) {
|
|
167
|
-
// Watch for changes in the target element
|
|
168
|
-
const observer = new MutationObserver(() => {
|
|
169
|
-
forceUpdate();
|
|
170
|
-
});
|
|
171
|
-
observer.observe(targetElement, {
|
|
172
|
-
attributes: true,
|
|
173
|
-
childList: true,
|
|
174
|
-
subtree: true,
|
|
175
|
-
});
|
|
176
|
-
mutationObserber.current = observer;
|
|
177
|
-
}
|
|
178
|
-
}, [styles, attributes, state]);
|
|
179
|
-
useUnmount(() => {
|
|
180
|
-
mutationObserber.current?.disconnect();
|
|
181
|
-
});
|
|
182
|
-
useEffect(() => {
|
|
183
|
-
if (popperRef.current) {
|
|
184
|
-
onPopperUpdate?.(cloneDeep(popperRef));
|
|
185
|
-
}
|
|
186
|
-
}, [popperRef]);
|
|
187
|
-
useEffect(() => {
|
|
188
|
-
if (attributes.popper?.['data-popper-reference-hidden']) {
|
|
189
|
-
onPopperClose?.();
|
|
190
|
-
}
|
|
191
|
-
}, [attributes.popper]);
|
|
192
|
-
/* Getting the x and y values from the transform property of the popper element. */
|
|
193
|
-
const translateValues = useMemo(() => styles.popper.transform
|
|
194
|
-
?.replace('translate3d(', '')
|
|
195
|
-
.replace('translate(', '')
|
|
196
|
-
.replace(')', '')
|
|
197
|
-
.split(',')
|
|
198
|
-
.map((axis) => {
|
|
199
|
-
const scale = uiScale;
|
|
200
|
-
let modifiedAxis = parseInt(axis, 10);
|
|
201
|
-
if (scale || scale === 0) {
|
|
202
|
-
modifiedAxis =
|
|
203
|
-
parseInt(axis, 10) < 0 ? parseInt(axis, 10) * scale : parseInt(axis, 10) / scale;
|
|
204
|
-
}
|
|
205
|
-
return modifiedAxis;
|
|
206
|
-
}), [styles.popper.transform, uiScale]);
|
|
207
|
-
const arrowStyle = useMemo(() => {
|
|
208
|
-
if (uiScale === undefined) {
|
|
209
|
-
return styles.arrow;
|
|
210
|
-
}
|
|
211
|
-
const scaleAxisValue = (value) => {
|
|
212
|
-
if (value === undefined) {
|
|
213
|
-
return value;
|
|
214
|
-
}
|
|
215
|
-
const numericValue = typeof value === 'number' ? value : Number.parseFloat(value);
|
|
216
|
-
if (Number.isNaN(numericValue)) {
|
|
217
|
-
return value;
|
|
218
|
-
}
|
|
219
|
-
const scaledValue = numericValue < 0 ? numericValue * uiScale : numericValue / uiScale;
|
|
220
|
-
return typeof value === 'number' ? scaledValue : `${scaledValue}px`;
|
|
221
|
-
};
|
|
222
|
-
return {
|
|
223
|
-
...styles.arrow,
|
|
224
|
-
left: scaleAxisValue(styles.arrow.left),
|
|
225
|
-
top: scaleAxisValue(styles.arrow.top),
|
|
226
|
-
};
|
|
227
|
-
}, [styles.arrow, uiScale]);
|
|
228
|
-
const style = useMemo(() => ({
|
|
229
|
-
...styles.popper,
|
|
230
|
-
transform: `translate(${translateValues?.[0] || 0}px, ${translateValues?.[1] || 0}px)`,
|
|
231
|
-
width: useTargetWidth && (targetElement?.getBoundingClientRect()?.width || undefined),
|
|
232
|
-
}), [styles.popper, useTargetWidth, targetElement, translateValues]);
|
|
233
|
-
const handleRef = useCallback((el) => {
|
|
234
|
-
setPopperElement(el);
|
|
235
|
-
popperRef.current = el;
|
|
236
|
-
}, []);
|
|
237
|
-
return createPortal(_jsx(ReqoreThemeProvider, { children: _jsxs(StyledPopoverWrapper, { maxWidth: maxWidth, minWidth: minWidth, maxHeight: maxHeight, transparent: transparent, effect: effect, isOpaque: !transparent && !minimal, intent: intent, flat: flat, noWrapper: noWrapper, dim: flat && !transparent && !effect && minimal, className: 'reqore-popover-content', ref: handleRef, style: style, animate: animations?.popovers, id: id, onMouseEnter: onPopoverMouseEnter, onMouseLeave: onPopoverMouseLeave, ...attributes.popper, children: [!noArrow && !transparent ? (_jsx(StyledPopoverArrow, { ref: setArrowElement, style: arrowStyle, "data-popper-arrow": true })) : null, _jsx(StyledPopoverContent, { children: !noWrapper || isString(content) ? (_jsx(ReqoreMessage, { opaque: !transparent && !minimal, className: 'reqore-popover-text', intent: intent, title: title, icon: icon, minimal: transparent, flat: flat || transparent, effect: effect, backgroundBlur: backgroundBlur, children: content })) : (_jsx(_Fragment, { children: React.Children.map(content, (child) => child
|
|
238
|
-
? React.cloneElement(child, {
|
|
239
|
-
closePopover,
|
|
240
|
-
})
|
|
241
|
-
: null) })) })] }) }), document.querySelector(customPortalId || '#reqore-portal'));
|
|
242
|
-
});
|
|
243
|
-
export default InternalPopover;
|
|
244
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { keys, omit } from 'lodash';
|
|
3
|
-
import { useMemo } from 'react';
|
|
4
|
-
import ReqoreTable from '../Table';
|
|
5
|
-
import { ReqoreTableValue } from '../Table/value';
|
|
6
|
-
export const ReqoreKeyValueTable = ({ data, keyLabel, keyIcon, keyRenderer, keyTooltip, valueLabel, valueIcon, valueTooltip, valueRenderer, keyColumnIntent, minValueWidth = 100, maxKeyWidth = 200, keyAlign = 'left', valueAlign = 'left', defaultValueFilter, sortable, rowActions, ...rest }) => {
|
|
7
|
-
const { columns, items } = useMemo(() => {
|
|
8
|
-
const columns = [
|
|
9
|
-
{
|
|
10
|
-
dataId: 'tableKey',
|
|
11
|
-
grow: 1,
|
|
12
|
-
sortable,
|
|
13
|
-
width: maxKeyWidth < 150 ? maxKeyWidth : 150,
|
|
14
|
-
pin: 'left',
|
|
15
|
-
hideable: false,
|
|
16
|
-
intent: keyColumnIntent,
|
|
17
|
-
maxWidth: maxKeyWidth,
|
|
18
|
-
align: keyAlign,
|
|
19
|
-
header: {
|
|
20
|
-
icon: keyIcon,
|
|
21
|
-
label: keyLabel,
|
|
22
|
-
},
|
|
23
|
-
cell: {
|
|
24
|
-
tooltip: keyTooltip ? (cellValue) => keyTooltip(cellValue) : undefined,
|
|
25
|
-
content: keyRenderer ? ({ tableKey }) => keyRenderer(tableKey) : 'title',
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
dataId: 'value',
|
|
30
|
-
grow: 3,
|
|
31
|
-
sortable,
|
|
32
|
-
hideable: false,
|
|
33
|
-
filterable: true,
|
|
34
|
-
pinnable: false,
|
|
35
|
-
minWidth: minValueWidth,
|
|
36
|
-
filter: defaultValueFilter,
|
|
37
|
-
align: valueAlign,
|
|
38
|
-
header: {
|
|
39
|
-
icon: valueIcon,
|
|
40
|
-
label: valueLabel,
|
|
41
|
-
},
|
|
42
|
-
cell: {
|
|
43
|
-
tooltip: valueTooltip ? (cellValue) => valueTooltip(cellValue) : undefined,
|
|
44
|
-
content: (data) => valueRenderer?.(data, ReqoreTableValue) || _jsx(ReqoreTableValue, { value: data.value }),
|
|
45
|
-
},
|
|
46
|
-
},
|
|
47
|
-
];
|
|
48
|
-
if (rowActions) {
|
|
49
|
-
columns.push({
|
|
50
|
-
dataId: 'actions',
|
|
51
|
-
hideable: false,
|
|
52
|
-
pin: 'right',
|
|
53
|
-
header: {
|
|
54
|
-
icon: 'SettingsLine',
|
|
55
|
-
},
|
|
56
|
-
align: 'center',
|
|
57
|
-
...omit(rowActions, ['actions']),
|
|
58
|
-
cell: {
|
|
59
|
-
padded: 'none',
|
|
60
|
-
actions: (data) => rowActions.actions(data.tableKey, data.value),
|
|
61
|
-
},
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
const items = [];
|
|
65
|
-
keys(data).map((key) => {
|
|
66
|
-
items.push({
|
|
67
|
-
tableKey: key,
|
|
68
|
-
value: data[key],
|
|
69
|
-
});
|
|
70
|
-
});
|
|
71
|
-
return { columns, items };
|
|
72
|
-
}, [data]);
|
|
73
|
-
return (_jsx(ReqoreTable, { columns: columns, data: items, ...rest, sort: sortable
|
|
74
|
-
? {
|
|
75
|
-
by: 'tableKey',
|
|
76
|
-
thenBy: 'value',
|
|
77
|
-
direction: 'asc',
|
|
78
|
-
}
|
|
79
|
-
: undefined, className: `${rest.className || ''} reqore-key-value-table` }));
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/KeyValueTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import ReqoreTag from '../Tag';
|
|
4
|
-
export const ReqoreLabel = forwardRef((props, ref) => {
|
|
5
|
-
return _jsx(ReqoreTag, { as: 'label', color: 'transparent', ...props, ref: ref });
|
|
6
|
-
});
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Label/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAC/C,OAAO,SAAoC,MAAM,QAAQ,CAAC;AAM1D,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,KAAwB,EAAE,GAA0B,EAAE,EAAE;IAC7F,OAAO,KAAC,SAAS,IAAC,EAAE,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,KAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
const StyledReqoreLayoutContent = styled.div `
|
|
4
|
-
display: flex;
|
|
5
|
-
height: 100%;
|
|
6
|
-
flex: 1;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
flex-flow: column;
|
|
9
|
-
`;
|
|
10
|
-
const ReqoreLayoutWrapper = ({ children, className, ...rest }) => (_jsx(StyledReqoreLayoutContent, { ...rest, className: `${className || ""} reqore-layout-content`, children: children }));
|
|
11
|
-
export default ReqoreLayoutWrapper;
|
|
12
|
-
//# sourceMappingURL=content.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/Layout/content.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM3C,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACmB,EAAE,EAAE,CAAC,CAC/B,KAAC,yBAAyB,OACpB,IAAI,EACR,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,wBAAwB,YAEpD,QAAQ,GACiB,CAC7B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled, { css } from 'styled-components';
|
|
3
|
-
import ReqoreThemeProvider from '../../containers/ThemeProvider';
|
|
4
|
-
import { changeLightness, getReadableColor } from '../../helpers/colors';
|
|
5
|
-
const StyledReqoreLayoutWrapper = styled.div `
|
|
6
|
-
display: flex;
|
|
7
|
-
width: 100%;
|
|
8
|
-
height: 100%;
|
|
9
|
-
overflow: hidden;
|
|
10
|
-
font-size: 14px;
|
|
11
|
-
|
|
12
|
-
* {
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
a {
|
|
17
|
-
text-decoration: none;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
${({ withSidebar, theme }) => css `
|
|
21
|
-
flex-flow: ${withSidebar ? 'row' : 'column'};
|
|
22
|
-
background-color: ${changeLightness(theme.main, 0.02)};
|
|
23
|
-
color: ${getReadableColor(theme, undefined, undefined, true)};
|
|
24
|
-
`}
|
|
25
|
-
`;
|
|
26
|
-
const ReqoreLayoutWrapper = ({ withSidebar, children, className, ...rest }) => (_jsx(ReqoreThemeProvider, { children: _jsx(StyledReqoreLayoutWrapper, { ...rest, className: `${className || ''} reqore-layout-wrapper`, withSidebar: withSidebar, children: children }) }));
|
|
27
|
-
export default ReqoreLayoutWrapper;
|
|
28
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Layout/index.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAQzE,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAG1C;;;;;;;;;;;;;;;IAeE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;iBAClB,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;wBACvB,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;aAC5C,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;GAC7D;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACmB,EAAE,EAAE,CAAC,CAC/B,KAAC,mBAAmB,cAClB,KAAC,yBAAyB,OACpB,IAAI,EACR,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,wBAAwB,EACrD,WAAW,EAAE,WAAW,YAEvB,QAAQ,GACiB,GACR,CACvB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import styled, { css } from 'styled-components';
|
|
4
|
-
import { PADDING_FROM_SIZE } from '../../constants/sizes';
|
|
5
|
-
import { getReadableColor } from '../../helpers/colors';
|
|
6
|
-
import { getOneLessSize, isStringSize } from '../../helpers/utils';
|
|
7
|
-
import { StyledTextEffect } from '../Effect';
|
|
8
|
-
import { ReqoreVerticalSpacer } from '../Spacer';
|
|
9
|
-
export const StyledMenuDivider = styled(StyledTextEffect) `
|
|
10
|
-
width: 100%;
|
|
11
|
-
padding: 0;
|
|
12
|
-
padding-top: ${({ padded, size }) => padded === 'top' || padded === 'both' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
|
|
13
|
-
padding-bottom: ${({ padded, size }) => padded === 'bottom' || padded === 'both' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
|
|
14
|
-
background-color: transparent;
|
|
15
|
-
|
|
16
|
-
${({ margin, size }) => margin &&
|
|
17
|
-
css `
|
|
18
|
-
margin-left: ${margin === 'left' || margin === 'both'
|
|
19
|
-
? isStringSize(size)
|
|
20
|
-
? `${PADDING_FROM_SIZE[size]}px`
|
|
21
|
-
: '10px'
|
|
22
|
-
: undefined};
|
|
23
|
-
margin-right: ${margin === 'right' || margin === 'both'
|
|
24
|
-
? isStringSize(size)
|
|
25
|
-
? `${PADDING_FROM_SIZE[size]}px`
|
|
26
|
-
: '10px'
|
|
27
|
-
: undefined};
|
|
28
|
-
`}
|
|
29
|
-
|
|
30
|
-
color: ${({ theme }) => getReadableColor(theme, undefined, undefined)};
|
|
31
|
-
`;
|
|
32
|
-
const ReqoreMenuDivider = forwardRef(({ label, className, effect, size = 'normal', align = 'center', padded = 'both', line, ...rest }, ref) => line ? (_jsx(ReqoreVerticalSpacer, { className: `${className || ''} reqore-menu-divider`, height: PADDING_FROM_SIZE[size], lineSize: size })) : (_jsx(StyledMenuDivider, { as: 'div', ...rest, padded: padded, size: size, className: `${className || ''} reqore-menu-divider`, ref: ref, effect: {
|
|
33
|
-
uppercase: true,
|
|
34
|
-
spaced: 2,
|
|
35
|
-
textAlign: align,
|
|
36
|
-
textSize: getOneLessSize(size),
|
|
37
|
-
weight: 'bold',
|
|
38
|
-
...effect,
|
|
39
|
-
}, children: label })));
|
|
40
|
-
export default ReqoreMenuDivider;
|
|
41
|
-
//# sourceMappingURL=divider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/Menu/divider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAiB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAajD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;;;iBAGxC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAClC,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;oBAClE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CACrC,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;;IAGrF,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CACrB,MAAM;IACN,GAAG,CAAA;qBACc,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM;QACnD,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;YAClB,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;YAChC,CAAC,CAAC,MAAM;QACV,CAAC,CAAC,SAAS;sBACG,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM;QACrD,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;YAClB,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;YAChC,CAAC,CAAC,MAAM;QACV,CAAC,CAAC,SAAS;KACd;;WAEM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;CACtE,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAClC,CACE,EACE,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,MAAM,EACf,IAAI,EACJ,GAAG,IAAI,EACiB,EAC1B,GAAQ,EACR,EAAE,CACF,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,oBAAoB,IACnB,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,sBAAsB,EACnD,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC/B,QAAQ,EAAE,IAAI,GACd,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,EAAE,EAAC,KAAK,KACJ,IAAI,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,sBAAsB,EACnD,GAAG,EAAE,GAAG,EACR,MAAM,EACJ;QACE,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM;QACd,GAAG,MAAM;KACO,YAGnB,KAAK,GACY,CACrB,CACJ,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Resizable } from 're-resizable';
|
|
3
|
-
import React, { forwardRef, memo, useMemo } from 'react';
|
|
4
|
-
import styled, { css } from 'styled-components';
|
|
5
|
-
import { ReqoreErrorBoundary } from '../..';
|
|
6
|
-
import { HALF_PADDING_FROM_SIZE, RADIUS_FROM_SIZE } from '../../constants/sizes';
|
|
7
|
-
import ReqoreThemeProvider from '../../containers/ThemeProvider';
|
|
8
|
-
import { changeDarkness, changeLightness, getMainBackgroundColor } from '../../helpers/colors';
|
|
9
|
-
import { useCloneThroughFragments } from '../../hooks/useCloneThroughFragments';
|
|
10
|
-
import { useCombinedRefs } from '../../hooks/useCombinedRefs';
|
|
11
|
-
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
12
|
-
import ReqoreControlGroup from '../ControlGroup';
|
|
13
|
-
import { StyledEffect } from '../Effect';
|
|
14
|
-
import { ReqoreSkeleton } from '../Skeleton';
|
|
15
|
-
const StyledReqoreMenu = styled(StyledEffect) `
|
|
16
|
-
width: ${({ width }) => width || undefined};
|
|
17
|
-
min-width: ${({ width }) => (width ? undefined : '160px')};
|
|
18
|
-
padding: ${({ padded = true, _size }) => padded ? `${HALF_PADDING_FROM_SIZE[_size]}px` : undefined};
|
|
19
|
-
max-height: ${({ maxHeight }) => maxHeight || undefined};
|
|
20
|
-
overflow-y: auto;
|
|
21
|
-
overflow-x: hidden;
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-flow: column nowrap;
|
|
24
|
-
|
|
25
|
-
background-color: ${({ theme, transparent }) => transparent ? 'transparent' : changeDarkness(getMainBackgroundColor(theme), 0.03)};
|
|
26
|
-
border-radius: ${({ rounded, _size }) => (rounded ? `${RADIUS_FROM_SIZE[_size]}px` : `0`)};
|
|
27
|
-
|
|
28
|
-
${({ theme, position, _size, padded, isResizableLeft, showResizableBorder }) => position === 'right' || (isResizableLeft && showResizableBorder)
|
|
29
|
-
? css `
|
|
30
|
-
border-left: 1px ${isResizableLeft && showResizableBorder ? 'dashed' : 'solid'}
|
|
31
|
-
${changeLightness(theme.main, 0.05)};
|
|
32
|
-
padding-left: ${!padded ? `${HALF_PADDING_FROM_SIZE[_size]}px` : undefined};
|
|
33
|
-
`
|
|
34
|
-
: undefined}
|
|
35
|
-
|
|
36
|
-
${({ theme, position, _size, padded, isResizableRight, showResizableBorder }) => position === 'left' || (isResizableRight && showResizableBorder)
|
|
37
|
-
? css `
|
|
38
|
-
border-right: 1px ${isResizableRight && showResizableBorder ? 'dashed' : 'solid'}
|
|
39
|
-
${changeLightness(theme.main, 0.05)};
|
|
40
|
-
padding-right: ${!padded ? `${HALF_PADDING_FROM_SIZE[_size]}px` : undefined};
|
|
41
|
-
`
|
|
42
|
-
: undefined}
|
|
43
|
-
`;
|
|
44
|
-
const ReqoreMenu = memo(forwardRef(({ children, position, customTheme, intent, wrapText, flat = true, minimal, size = 'normal', itemGap, resizable, skeleton, closePopover, errorBoundaryOptions, ...rest }, ref) => {
|
|
45
|
-
const theme = useReqoreTheme('main', customTheme, intent);
|
|
46
|
-
const { targetRef } = useCombinedRefs(ref);
|
|
47
|
-
const { clone } = useCloneThroughFragments((props) => ({
|
|
48
|
-
customTheme: props?.customTheme || customTheme,
|
|
49
|
-
wrap: 'wrap' in (props || {}) ? props.wrap : wrapText,
|
|
50
|
-
flat: 'flat' in (props || {}) ? props.flat : flat,
|
|
51
|
-
minimal: 'minimal' in (props || {}) ? props.minimal : minimal,
|
|
52
|
-
size: 'size' in (props || {}) ? props.size : size,
|
|
53
|
-
closePopover,
|
|
54
|
-
}));
|
|
55
|
-
const style = useMemo(() => ({ minHeight: '0', flex: '1 1 auto' }), []);
|
|
56
|
-
return (_jsx(ReqoreErrorBoundary, { ...errorBoundaryOptions, children: _jsx(ReqoreThemeProvider, { theme: theme, customTheme: customTheme, children: _jsx(StyledReqoreMenu, { ...rest, ...resizable, as: !!resizable ? Resizable : 'div', isResizableRight: resizable?.enable?.right, isResizableLeft: resizable?.enable?.left, flat: flat, position: position, _size: size, className: `${rest.className || ''} reqore-menu`, theme: theme, ref: (curRef) => {
|
|
57
|
-
let _ref = curRef;
|
|
58
|
-
if (curRef?.resizable) {
|
|
59
|
-
_ref = curRef.resizable;
|
|
60
|
-
}
|
|
61
|
-
targetRef.current = _ref;
|
|
62
|
-
}, children: _jsx(ReqoreControlGroup, { vertical: true, gapSize: itemGap, fluid: true, style: style, children: skeleton
|
|
63
|
-
? React.Children.map(children, (_child, index) => (_jsx(ReqoreSkeleton, { size: size, width: '100%' }, index)))
|
|
64
|
-
: clone(children) }) }) }) }));
|
|
65
|
-
}));
|
|
66
|
-
export default ReqoreMenu;
|
|
67
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Menu/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 { forwardRef, memo, useCallback, useEffect, useState } from 'react';
|
|
3
|
-
import { ReqoreButton, ReqoreControlGroup } from '../..';
|
|
4
|
-
import { useCombinedRefs } from '../../hooks/useCombinedRefs';
|
|
5
|
-
const ReqoreMenuItem = memo(forwardRef(({ children, label, icon, rightIcon, as, selected, onClick, rightAction, leftAction, disabled, itemId, tooltip, intent, flat = true, stackWithActions = true, scrollIntoView, closePopover, ...rest }, ref) => {
|
|
6
|
-
const { targetRef } = useCombinedRefs(ref);
|
|
7
|
-
const [itemRef, setItemRef] = useState(null);
|
|
8
|
-
const handleClick = useCallback((event) => {
|
|
9
|
-
event.persist();
|
|
10
|
-
onClick?.(event, itemId, closePopover);
|
|
11
|
-
}, [itemId, onClick]);
|
|
12
|
-
const handleRightActionClick = useCallback((event) => {
|
|
13
|
-
event.persist();
|
|
14
|
-
event.stopPropagation();
|
|
15
|
-
rightAction?.onClick?.(event, itemId, closePopover);
|
|
16
|
-
}, [itemId, rightAction?.onClick]);
|
|
17
|
-
const handleLeftActionClick = useCallback((event) => {
|
|
18
|
-
event.persist();
|
|
19
|
-
event.stopPropagation();
|
|
20
|
-
leftAction?.onClick?.(event, itemId, closePopover);
|
|
21
|
-
}, [itemId, leftAction?.onClick]);
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
if (scrollIntoView && itemRef) {
|
|
24
|
-
itemRef.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'center' });
|
|
25
|
-
}
|
|
26
|
-
}, [itemRef, scrollIntoView]);
|
|
27
|
-
return (_jsxs(ReqoreControlGroup, { stack: stackWithActions, fluid: true, fill: true, responsive: false, children: [leftAction ? (_jsx(ReqoreButton, { flat: flat, verticalPadding: 'small', fixed: true, compact: true, transparent: rest.transparent === false ? false : !rest.effect, minimal: rest.minimal, customTheme: rest.customTheme, className: 'reqore-menu-item-left-action', intent: intent, active: selected, ...leftAction, onClick: handleLeftActionClick })) : null, _jsx(ReqoreButton, { as: as, transparent: !rest.effect, verticalPadding: 'small', compact: true, ...rest, flat: flat, className: `${rest.className || ''} reqore-menu-item`, fluid: true, onClick: handleClick, active: selected, ref: (ref) => {
|
|
28
|
-
targetRef.current = ref || undefined;
|
|
29
|
-
setItemRef(ref);
|
|
30
|
-
}, disabled: disabled, intent: intent, icon: icon, rightIcon: rightIcon, tooltip: tooltip, children: label || children }), rightAction ? (_jsx(ReqoreButton, { flat: flat, verticalPadding: 'small', fixed: true, compact: true, transparent: rest.transparent === false ? false : !rest.effect, minimal: rest.minimal, customTheme: rest.customTheme, className: 'reqore-menu-item-right-action', intent: intent, active: selected, ...rightAction, onClick: handleRightActionClick })) : null] }));
|
|
31
|
-
}));
|
|
32
|
-
export default ReqoreMenuItem;
|
|
33
|
-
//# sourceMappingURL=item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Menu/item.tsx"],"names":[],"mappings":"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"}
|