@qoretechnologies/reqore 0.30.6 → 0.30.7
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/LICENSE +1 -1
- package/README.md +2 -44
- package/__tests__/collection.test.tsx +1 -1
- package/__tests__/{control_group.text.tsx → control_group.test.tsx} +4 -2
- package/__tests__/modal.test.tsx +74 -2
- package/__tests__/panel.test.tsx +96 -24
- package/__tests__/popover.test.tsx +24 -2
- package/__tests__/tabs.test.tsx +75 -0
- package/dist/components/Button/index.d.ts +7 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +30 -20
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +6 -3
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collection/index.d.ts +7 -2
- package/dist/components/Collection/index.d.ts.map +1 -1
- package/dist/components/Collection/index.js +57 -53
- package/dist/components/Collection/index.js.map +1 -1
- package/dist/components/Collection/item.d.ts +5 -5
- package/dist/components/Collection/item.d.ts.map +1 -1
- package/dist/components/Collection/item.js +15 -4
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/Columns/column.d.ts.map +1 -1
- package/dist/components/Columns/column.js +1 -1
- package/dist/components/Columns/column.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts +21 -4
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +250 -55
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Drawer/index.d.ts +3 -3
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +27 -16
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +1 -0
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +2 -2
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +3 -3
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Effect/index.d.ts +10 -10
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +7 -6
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts +5 -6
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +14 -7
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +10 -4
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +12 -10
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Message/index.d.ts +2 -0
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +2 -2
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +2 -2
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +10 -10
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/Notifications/index.d.ts +1 -1
- package/dist/components/Notifications/index.d.ts.map +1 -1
- package/dist/components/Notifications/notification.d.ts +1 -1
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Panel/index.d.ts +13 -6
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +78 -44
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +1 -2
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +2 -2
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Spacer/index.d.ts +2 -0
- package/dist/components/Spacer/index.d.ts.map +1 -1
- package/dist/components/Spacer/index.js +29 -7
- package/dist/components/Spacer/index.js.map +1 -1
- package/dist/components/Table/header.js +2 -2
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Table/headerCell.js +2 -2
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/helpers.d.ts +3 -2
- package/dist/components/Table/helpers.d.ts.map +1 -1
- package/dist/components/Table/helpers.js +6 -3
- package/dist/components/Table/helpers.js.map +1 -1
- package/dist/components/Table/index.d.ts +4 -3
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +0 -5
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +3 -7
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tabs/content.d.ts +3 -1
- package/dist/components/Tabs/content.d.ts.map +1 -1
- package/dist/components/Tabs/content.js +8 -3
- package/dist/components/Tabs/content.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +4 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +12 -4
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +1 -0
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +7 -7
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts +1 -1
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +7 -6
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/group.d.ts +2 -2
- package/dist/components/Tag/group.d.ts.map +1 -1
- package/dist/components/Tag/group.js +7 -8
- package/dist/components/Tag/group.js.map +1 -1
- package/dist/components/Tag/index.d.ts +6 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +24 -12
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Tree/index.js +1 -1
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/constants/animations.js +1 -1
- package/dist/constants/sizes.d.ts +2 -2
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +10 -10
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.d.ts +1 -1
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/containers/PopoverProvider.d.ts.map +1 -1
- package/dist/containers/PopoverProvider.js +10 -8
- package/dist/containers/PopoverProvider.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +4 -2
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +7 -0
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +2 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/colors.d.ts +1 -1
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +6 -2
- package/dist/helpers/colors.js.map +1 -1
- package/dist/helpers/utils.d.ts +3 -0
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +17 -2
- package/dist/helpers/utils.js.map +1 -1
- package/dist/hooks/useLatestZIndex.js +2 -2
- package/dist/hooks/useLatestZIndex.js.map +1 -1
- package/dist/hooks/usePopover.d.ts +1 -0
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +8 -6
- package/dist/hooks/usePopover.js.map +1 -1
- package/dist/styles.d.ts +1 -0
- package/dist/styles.d.ts.map +1 -1
- package/dist/styles.js +6 -5
- package/dist/styles.js.map +1 -1
- package/dist/types/global.d.ts +27 -1
- package/dist/types/global.d.ts.map +1 -1
- package/dist/types/icons.d.ts +1 -1
- package/dist/types/icons.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/index.tsx +79 -34
- package/src/components/Checkbox/index.tsx +3 -2
- package/src/components/Collection/index.tsx +93 -60
- package/src/components/Collection/item.tsx +29 -9
- package/src/components/Columns/column.tsx +1 -0
- package/src/components/ControlGroup/index.tsx +449 -104
- package/src/components/Drawer/index.tsx +28 -27
- package/src/components/Dropdown/index.tsx +3 -1
- package/src/components/Effect/index.tsx +22 -14
- package/src/components/Icon/index.tsx +81 -62
- package/src/components/Input/index.tsx +8 -3
- package/src/components/InternalPopover/index.tsx +131 -126
- package/src/components/Menu/index.tsx +7 -1
- package/src/components/Message/index.tsx +9 -1
- package/src/components/MultiSelect/index.tsx +180 -188
- package/src/components/Panel/index.tsx +227 -100
- package/src/components/Popover/index.tsx +1 -3
- package/src/components/Spacer/index.tsx +63 -14
- package/src/components/Table/header.tsx +2 -2
- package/src/components/Table/headerCell.tsx +2 -2
- package/src/components/Table/helpers.ts +12 -6
- package/src/components/Table/index.tsx +1 -0
- package/src/components/Table/row.tsx +2 -7
- package/src/components/Tabs/content.tsx +11 -3
- package/src/components/Tabs/index.tsx +14 -3
- package/src/components/Tabs/item.tsx +28 -5
- package/src/components/Tabs/list.tsx +7 -3
- package/src/components/Tag/group.tsx +6 -12
- package/src/components/Tag/index.tsx +69 -35
- package/src/components/Tree/index.tsx +1 -1
- package/src/constants/animations.ts +1 -1
- package/src/constants/sizes.ts +10 -10
- package/src/containers/PopoverProvider.tsx +11 -8
- package/src/containers/ReqoreProvider.tsx +40 -35
- package/src/containers/UIProvider.tsx +7 -0
- package/src/context/ReqoreContext.tsx +2 -0
- package/src/helpers/colors.ts +8 -2
- package/src/helpers/utils.ts +18 -0
- package/src/hooks/useLatestZIndex.ts +2 -2
- package/src/hooks/usePopover.tsx +9 -6
- package/src/mock/collectionData.tsx +33 -2
- package/src/stories/Button/Button.stories.tsx +72 -7
- package/src/stories/Checkbox/Checkbox.stories.tsx +6 -3
- package/src/stories/Collection/Collection.stories.tsx +18 -2
- package/src/stories/ControlGroup/ControlGroup.stories.tsx +282 -33
- package/src/stories/Drawer/Drawer.stories.tsx +70 -3
- package/src/stories/Dropdown/Dropdown.stories.tsx +13 -3
- package/src/stories/Icon/Icon.stories.tsx +1 -0
- package/src/stories/Input/Input.stories.tsx +5 -3
- package/src/stories/Menu/Menu.stories.tsx +2 -0
- package/src/stories/Message/Message.stories.tsx +7 -0
- package/src/stories/Panel/Panel.stories.tsx +147 -13
- package/src/stories/Popover/Popover.stories.tsx +88 -82
- package/src/stories/Tabs/Tabs.stories.tsx +33 -15
- package/src/stories/Tag/Tag.stories.tsx +23 -3
- package/src/stories/TextArea/TextArea.stories.tsx +3 -3
- package/src/styles.ts +6 -0
- package/src/types/global.ts +28 -0
- package/tests.json +1 -1
- package/CODE_OF_CONDUCT.md +0 -105
- package/CONTRIBUTING.MD +0 -78
- package/SECURITY.md +0 -5
- package/public/logo-dark.png +0 -0
- package/public/logo.png +0 -0
- package/public/q-symbol.png +0 -0
- package/public/qoreLogo-dark.png +0 -0
- package/public/qoreLogo.png +0 -0
|
@@ -51,74 +51,269 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
51
51
|
exports.__esModule = true;
|
|
52
52
|
exports.StyledReqoreControlGroup = void 0;
|
|
53
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
+
var lodash_1 = require("lodash");
|
|
54
55
|
var react_1 = __importStar(require("react"));
|
|
56
|
+
var react_use_1 = require("react-use");
|
|
55
57
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
58
|
+
var __1 = require("../..");
|
|
56
59
|
var sizes_1 = require("../../constants/sizes");
|
|
57
|
-
exports.StyledReqoreControlGroup = styled_components_1["default"].div(
|
|
58
|
-
var fluid = _a.fluid;
|
|
59
|
-
return (fluid ? '
|
|
60
|
+
exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex: ", ";\n width: ", ";\n justify-content: ", ";\n align-items: ", ";\n flex-flow: ", ";\n gap: ", ";\n flex-wrap: ", ";\n\n // If the group has the fill prop,\n // we need to make sure that the children are vertically stretched\n // kind of like 'fluid' but vertically\n // ! Only works when the group is horizontal & wrap is false\n ", "\n\n > * {\n margin-top: ", ";\n margin-bottom: ", ";\n margin-right: ", ";\n\n ", "\n }\n\n ", "\n\n > * {\n border-radius: ", ";\n }\n"], ["\n display: flex;\n flex: ", ";\n width: ", ";\n justify-content: ", ";\n align-items: ", ";\n flex-flow: ", ";\n gap: ", ";\n flex-wrap: ", ";\n\n // If the group has the fill prop,\n // we need to make sure that the children are vertically stretched\n // kind of like 'fluid' but vertically\n // ! Only works when the group is horizontal & wrap is false\n ", "\n\n > * {\n margin-top: ", ";\n margin-bottom: ", ";\n margin-right: ", ";\n\n ", "\n }\n\n ", "\n\n > * {\n border-radius: ", ";\n }\n"])), function (_a) {
|
|
61
|
+
var fluid = _a.fluid, fixed = _a.fixed;
|
|
62
|
+
return (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto');
|
|
60
63
|
}, function (_a) {
|
|
61
|
-
var fluid = _a.fluid;
|
|
62
|
-
return (fluid ? '
|
|
64
|
+
var fluid = _a.fluid, fixed = _a.fixed;
|
|
65
|
+
return (fluid && !fixed ? '100%' : undefined);
|
|
66
|
+
}, function (_a) {
|
|
67
|
+
var fluid = _a.fluid, vertical = _a.vertical;
|
|
68
|
+
return (vertical && fluid ? 'stretch' : undefined);
|
|
69
|
+
}, function (_a) {
|
|
70
|
+
var vertical = _a.vertical, fluid = _a.fluid, horizontalAlign = _a.horizontalAlign;
|
|
71
|
+
return vertical ? (fluid ? 'stretch' : horizontalAlign) : undefined;
|
|
63
72
|
}, function (_a) {
|
|
64
73
|
var vertical = _a.vertical;
|
|
65
74
|
return (vertical ? 'column' : 'row');
|
|
66
75
|
}, function (_a) {
|
|
67
|
-
var stack = _a.stack;
|
|
68
|
-
return (!stack ?
|
|
76
|
+
var gapSize = _a.gapSize, stack = _a.stack;
|
|
77
|
+
return (!stack ? "".concat(sizes_1.GAP_FROM_SIZE[gapSize], "px") : undefined);
|
|
78
|
+
}, function (_a) {
|
|
79
|
+
var wrap = _a.wrap;
|
|
80
|
+
return (wrap ? 'wrap' : 'nowrap');
|
|
81
|
+
}, function (_a) {
|
|
82
|
+
var fill = _a.fill, vertical = _a.vertical;
|
|
83
|
+
if (fill && !vertical) {
|
|
84
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > * {\n max-height: 100%;\n height: unset !important;\n align-self: stretch;\n }\n "], ["\n > * {\n max-height: 100%;\n height: unset !important;\n align-self: stretch;\n }\n "])));
|
|
85
|
+
}
|
|
86
|
+
return undefined;
|
|
87
|
+
}, function (_a) {
|
|
88
|
+
var fill = _a.fill, verticalAlign = _a.verticalAlign;
|
|
89
|
+
return !fill && (verticalAlign === 'flex-end' || verticalAlign === 'center') ? 'auto' : undefined;
|
|
90
|
+
}, function (_a) {
|
|
91
|
+
var fill = _a.fill, verticalAlign = _a.verticalAlign;
|
|
92
|
+
return !fill && (verticalAlign === 'flex-start' || verticalAlign === 'center') ? 'auto' : undefined;
|
|
93
|
+
}, function (_a) {
|
|
94
|
+
var horizontalAlign = _a.horizontalAlign;
|
|
95
|
+
return (horizontalAlign === 'center' ? 'auto' : undefined);
|
|
69
96
|
}, function (_a) {
|
|
70
97
|
var vertical = _a.vertical;
|
|
71
|
-
return vertical
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
return !stack ? "".concat(sizes_1.GAP_FROM_SIZE[gapSize], "px") : undefined;
|
|
75
|
-
}, function (_a) {
|
|
76
|
-
var stack = _a.stack;
|
|
77
|
-
return (!stack ? undefined : 0);
|
|
78
|
-
}, function (_a) {
|
|
79
|
-
var stack = _a.stack;
|
|
80
|
-
return (!stack ? undefined : 0);
|
|
81
|
-
}, function (_a) {
|
|
82
|
-
var rounded = _a.rounded, size = _a.size, stack = _a.stack;
|
|
83
|
-
return rounded && stack
|
|
84
|
-
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:first-child {\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n }\n\n &:last-child {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "], ["\n &:first-child {\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n }\n\n &:last-child {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "])), sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size]) : undefined;
|
|
85
|
-
}, function (_a) {
|
|
86
|
-
var stack = _a.stack, gapSize = _a.gapSize;
|
|
87
|
-
return !stack ? "".concat(sizes_1.GAP_FROM_SIZE[gapSize], "px") : undefined;
|
|
88
|
-
}, function (_a) {
|
|
89
|
-
var stack = _a.stack;
|
|
90
|
-
return (!stack ? undefined : 0);
|
|
91
|
-
}) : (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n > .reqore-control,\n > .reqore-control-wrapper,\n > .reqore-tag,\n > * {\n &:not(:last-child) {\n margin-right: ", ";\n border-right: ", ";\n }\n\n border-radius: ", ";\n\n ", "\n }\n "], ["\n > .reqore-control,\n > .reqore-control-wrapper,\n > .reqore-tag,\n > * {\n &:not(:last-child) {\n margin-right: ", ";\n border-right: ", ";\n }\n\n border-radius: ", ";\n\n ", "\n }\n "])), function (_a) {
|
|
92
|
-
var stack = _a.stack, gapSize = _a.gapSize;
|
|
93
|
-
return !stack ? "".concat(sizes_1.GAP_FROM_SIZE[gapSize], "px") : undefined;
|
|
94
|
-
}, function (_a) {
|
|
95
|
-
var stack = _a.stack;
|
|
96
|
-
return (!stack ? undefined : 0);
|
|
97
|
-
}, function (_a) {
|
|
98
|
-
var stack = _a.stack;
|
|
99
|
-
return (!stack ? undefined : 0);
|
|
100
|
-
}, function (_a) {
|
|
101
|
-
var rounded = _a.rounded, size = _a.size, stack = _a.stack;
|
|
102
|
-
return rounded && stack
|
|
103
|
-
? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "], ["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "])), sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size]) : undefined;
|
|
98
|
+
return vertical && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), function (_a) {
|
|
99
|
+
var horizontalAlign = _a.horizontalAlign;
|
|
100
|
+
return horizontalAlign === 'flex-end' || horizontalAlign === 'center' ? 'auto' : undefined;
|
|
104
101
|
});
|
|
102
|
+
}, function (_a) {
|
|
103
|
+
var vertical = _a.vertical;
|
|
104
|
+
return !vertical && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n > *:first-child {\n margin-left: ", ";\n }\n "], ["\n > *:first-child {\n margin-left: ", ";\n }\n "])), function (_a) {
|
|
105
|
+
var horizontalAlign = _a.horizontalAlign;
|
|
106
|
+
return horizontalAlign === 'flex-end' || horizontalAlign === 'center' ? 'auto' : undefined;
|
|
107
|
+
});
|
|
108
|
+
}, function (_a) {
|
|
109
|
+
var stack = _a.stack;
|
|
110
|
+
return (!stack ? undefined : 0);
|
|
105
111
|
});
|
|
106
|
-
var ReqoreControlGroup = (0, react_1.
|
|
107
|
-
var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.gapSize, gapSize = _c === void 0 ? 'normal' : _c, fluid = _a.fluid, flat = _a.flat, _d = _a.rounded, rounded = _d === void 0 ? true : _d, rest = __rest(_a, ["children", "className", "minimal", "size", "gapSize", "fluid", "flat", "rounded"]);
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
var ReqoreControlGroup = (0, react_1.memo)(function (_a) {
|
|
113
|
+
var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.gapSize, gapSize = _c === void 0 ? 'normal' : _c, fluid = _a.fluid, flat = _a.flat, fixed = _a.fixed, fill = _a.fill, _d = _a.rounded, rounded = _d === void 0 ? true : _d, wrap = _a.wrap, stack = _a.stack, isInsideStackGroup = _a.isInsideStackGroup, isInsideVerticalGroup = _a.isInsideVerticalGroup, isFirstInLastGroup = _a.isFirstInLastGroup, isLastInFirstGroup = _a.isLastInFirstGroup, isLastInLastGroup = _a.isLastInLastGroup, intent = _a.intent, customTheme = _a.customTheme, isFirst = _a.isFirst, isLast = _a.isLast, vertical = _a.vertical, childrenCount = _a.childrenCount, childId = _a.childId, isChild = _a.isChild, isFirstGroup = _a.isFirstGroup, isLastGroup = _a.isLastGroup, _e = _a.verticalAlign, verticalAlign = _e === void 0 ? 'center' : _e, _f = _a.horizontalAlign, horizontalAlign = _f === void 0 ? 'flex-start' : _f, responsive = _a.responsive, rest = __rest(_a, ["children", "className", "minimal", "size", "gapSize", "fluid", "flat", "fixed", "fill", "rounded", "wrap", "stack", "isInsideStackGroup", "isInsideVerticalGroup", "isFirstInLastGroup", "isLastInFirstGroup", "isLastInLastGroup", "intent", "customTheme", "isFirst", "isLast", "vertical", "childrenCount", "childId", "isChild", "isFirstGroup", "isLastGroup", "verticalAlign", "horizontalAlign", "responsive"]);
|
|
114
|
+
var isStack = stack || isInsideStackGroup;
|
|
115
|
+
var isVertical = vertical || isInsideVerticalGroup;
|
|
116
|
+
var _g = (0, react_1.useState)(0), overflowingChildren = _g[0], setOverflowingChildren = _g[1];
|
|
117
|
+
var _h = (0, react_1.useState)(0), lastReSize = _h[0], setLastReSize = _h[1];
|
|
118
|
+
var _j = (0, react_1.useState)(false), isOverflownDialogOpen = _j[0], setIsOverflownDialogOpen = _j[1];
|
|
119
|
+
var observer = (0, react_1.useRef)(null);
|
|
120
|
+
var ref = (0, react_1.useRef)(null);
|
|
121
|
+
var realChildCount = (0, react_1.useMemo)(function () {
|
|
122
|
+
var count = 0;
|
|
123
|
+
var countChildren = function (children) {
|
|
124
|
+
return react_1["default"].Children.forEach(children, function (child) {
|
|
125
|
+
if (child && react_1["default"].isValidElement(child)) {
|
|
126
|
+
if (child.type === react_1["default"].Fragment) {
|
|
127
|
+
// just compare to `React.Fragment`
|
|
128
|
+
countChildren(child.props.children);
|
|
129
|
+
}
|
|
130
|
+
else {
|
|
131
|
+
count++;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
};
|
|
136
|
+
countChildren(children);
|
|
137
|
+
return count < 0 ? 0 : count;
|
|
138
|
+
}, [children]);
|
|
139
|
+
var checkIfOverflowing = (0, react_1.useCallback)(function () {
|
|
140
|
+
return (ref.current &&
|
|
141
|
+
ref.current.clientWidth > 40 &&
|
|
142
|
+
!vertical &&
|
|
143
|
+
responsive &&
|
|
144
|
+
ref.current.scrollWidth > ref.current.clientWidth);
|
|
145
|
+
}, [vertical, responsive, ref, children]);
|
|
146
|
+
(0, react_use_1.useMount)(function () {
|
|
147
|
+
if (!vertical && responsive) {
|
|
148
|
+
if ('ResizeObserver' in window) {
|
|
149
|
+
observer.current = new ResizeObserver((0, lodash_1.debounce)(function () {
|
|
150
|
+
if (ref && ref.current) {
|
|
151
|
+
setOverflowingChildren(0);
|
|
152
|
+
setLastReSize(ref.current.clientWidth);
|
|
153
|
+
}
|
|
154
|
+
}, 200));
|
|
155
|
+
observer.current.observe(ref.current);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
(0, react_use_1.useUnmount)(function () {
|
|
160
|
+
if (observer.current) {
|
|
161
|
+
observer.current.disconnect();
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
(0, react_1.useEffect)(function () {
|
|
165
|
+
// Is the control group still overflowing?
|
|
166
|
+
if ((overflowingChildren || overflowingChildren === 0) && checkIfOverflowing()) {
|
|
167
|
+
setOverflowingChildren(overflowingChildren + 1);
|
|
168
|
+
}
|
|
169
|
+
// Hide the dialog if the group was resized and the dialog was open
|
|
170
|
+
if (overflowingChildren === 0) {
|
|
171
|
+
setIsOverflownDialogOpen(false);
|
|
172
|
+
}
|
|
173
|
+
}, [overflowingChildren, lastReSize]);
|
|
174
|
+
var getIsFirst = function (index) {
|
|
175
|
+
return !isInsideStackGroup || childrenCount === 1
|
|
176
|
+
? index === 0
|
|
177
|
+
: (isFirst || isFirst !== false) && index === 0;
|
|
178
|
+
};
|
|
179
|
+
var getIsLast = function (index) {
|
|
180
|
+
return !isInsideStackGroup
|
|
181
|
+
? index === realChildCount - 1
|
|
182
|
+
: (isLast || isLast !== false) && index === realChildCount - 1;
|
|
183
|
+
};
|
|
184
|
+
var getIsLastInFirstGroup = function (index) {
|
|
185
|
+
return !isInsideStackGroup
|
|
186
|
+
? index === 0
|
|
187
|
+
: isFirstGroup && (isLast || isLast !== false) && index === realChildCount - 1;
|
|
188
|
+
};
|
|
189
|
+
var getIsFirstInLastGroup = function (index) {
|
|
190
|
+
return !isInsideStackGroup
|
|
191
|
+
? index === realChildCount - 1
|
|
192
|
+
: isLastGroup && (isFirst || isFirst !== false) && childId === 1 && index === 0;
|
|
193
|
+
};
|
|
194
|
+
var getIsLastInLastGroup = function (index) {
|
|
195
|
+
return !isInsideStackGroup
|
|
196
|
+
? index === realChildCount - 1
|
|
197
|
+
: isLastGroup && (isLast || isLast !== false) && index === realChildCount - 1;
|
|
198
|
+
};
|
|
199
|
+
var getBorderTopLeftRadius = function (index) {
|
|
200
|
+
var _isFirstGroup = !isInsideStackGroup || childrenCount === 1 ? true : isChild ? isFirstGroup : index === 0;
|
|
201
|
+
// If this is the first item
|
|
202
|
+
if (_isFirstGroup && getIsFirst(index)) {
|
|
203
|
+
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
204
|
+
}
|
|
205
|
+
return undefined;
|
|
206
|
+
};
|
|
207
|
+
var getBorderTopRightRadius = function (index) {
|
|
208
|
+
// If this group is not vertical we need to style the very last item
|
|
209
|
+
if (!isVertical || !isStack) {
|
|
210
|
+
var _isLastGroup = !isInsideStackGroup || childrenCount === 1
|
|
211
|
+
? true
|
|
212
|
+
: isChild
|
|
213
|
+
? isLastGroup
|
|
214
|
+
: index === realChildCount - 1;
|
|
215
|
+
if (_isLastGroup && getIsLast(index)) {
|
|
216
|
+
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
217
|
+
}
|
|
218
|
+
return undefined;
|
|
219
|
+
}
|
|
220
|
+
// This border only needs to apply when this group is vertical
|
|
221
|
+
// AND this item is the last item of the first group
|
|
222
|
+
if (getIsLastInFirstGroup(index)) {
|
|
223
|
+
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
224
|
+
}
|
|
225
|
+
return undefined;
|
|
226
|
+
};
|
|
227
|
+
var getBorderBottomLeftRadius = function (index) {
|
|
228
|
+
// If this group is not vertical we need to style the very first item
|
|
229
|
+
if (!isVertical || !isStack) {
|
|
230
|
+
var _isFirstGroup = !isInsideStackGroup || childrenCount === 1 ? true : isChild ? isFirstGroup : index === 0;
|
|
231
|
+
if (_isFirstGroup && getIsFirst(index)) {
|
|
232
|
+
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
233
|
+
}
|
|
234
|
+
return undefined;
|
|
235
|
+
}
|
|
236
|
+
// This border only needs to apply when this group is vertical
|
|
237
|
+
// AND this item is the first item of the last group
|
|
238
|
+
if (getIsFirstInLastGroup(index)) {
|
|
239
|
+
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
240
|
+
}
|
|
241
|
+
return undefined;
|
|
242
|
+
};
|
|
243
|
+
var getBorderBottomRightRadius = function (index) {
|
|
244
|
+
var _isLastGroup = !isInsideStackGroup || childrenCount === 1
|
|
245
|
+
? true
|
|
246
|
+
: isChild
|
|
247
|
+
? isLastGroup
|
|
248
|
+
: index === realChildCount - 1;
|
|
249
|
+
// If this is the last item
|
|
250
|
+
if (_isLastGroup && getIsLast(index)) {
|
|
251
|
+
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
252
|
+
}
|
|
253
|
+
return undefined;
|
|
254
|
+
};
|
|
255
|
+
var index = 0;
|
|
256
|
+
var cloneThroughFragments = (0, react_1.useCallback)(function (children) {
|
|
257
|
+
return react_1["default"].Children.map(children, function (child) {
|
|
258
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
259
|
+
if (child && react_1["default"].isValidElement(child)) {
|
|
260
|
+
if (child.type === react_1["default"].Fragment) {
|
|
261
|
+
// just compare to `React.Fragment`
|
|
262
|
+
return cloneThroughFragments(child.props.children);
|
|
263
|
+
}
|
|
264
|
+
var newProps = __assign(__assign({}, child.props), { key: index, minimal: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal) || ((_b = child.props) === null || _b === void 0 ? void 0 : _b.minimal) === false
|
|
113
265
|
? child.props.minimal
|
|
114
|
-
: minimal,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
266
|
+
: minimal, size: ((_c = child.props) === null || _c === void 0 ? void 0 : _c.size) || size, flat: ((_d = child.props) === null || _d === void 0 ? void 0 : _d.flat) || ((_e = child.props) === null || _e === void 0 ? void 0 : _e.flat) === false ? child.props.flat : flat, fluid: ((_f = child.props) === null || _f === void 0 ? void 0 : _f.fluid) || ((_g = child.props) === null || _g === void 0 ? void 0 : _g.fluid) === false ? child.props.fluid : fluid, fixed: ((_h = child.props) === null || _h === void 0 ? void 0 : _h.fixed) || ((_j = child.props) === null || _j === void 0 ? void 0 : _j.fixed) === false ? child.props.fixed : fixed, fill: fill, stack: ((_k = child.props) === null || _k === void 0 ? void 0 : _k.stack) || ((_l = child.props) === null || _l === void 0 ? void 0 : _l.stack) === false ? child.props.stack : isStack, intent: ((_m = child.props) === null || _m === void 0 ? void 0 : _m.intent) || intent, customTheme: ((_o = child.props) === null || _o === void 0 ? void 0 : _o.customTheme) || customTheme });
|
|
267
|
+
if (isStack) {
|
|
268
|
+
newProps = __assign(__assign({}, newProps), { style: __assign({ borderTopLeftRadius: getBorderTopLeftRadius(index), borderBottomLeftRadius: getBorderBottomLeftRadius(index), borderTopRightRadius: getBorderTopRightRadius(index), borderBottomRightRadius: getBorderBottomRightRadius(index) }, (((_p = child.props) === null || _p === void 0 ? void 0 : _p.style) || {})), isChild: true, rounded: !isStack, isInsideStackGroup: isStack, isInsideVerticalGroup: isVertical, isFirst: isChild ? getIsFirst(index) : undefined, isLast: isChild ? getIsLast(index) : undefined, isLastInFirstGroup: getIsLastInFirstGroup(index), isLastInLastGroup: getIsLastInLastGroup(index), isFirstInLastGroup: getIsFirstInLastGroup(index), childrenCount: realChildCount, childId: index + 1, isFirstGroup: isChild ? isFirstGroup : index === 0, isLastGroup: isChild ? isLastGroup : index === realChildCount - 1 });
|
|
269
|
+
}
|
|
270
|
+
/*
|
|
271
|
+
* Because of the way React.Children.map works, we have to
|
|
272
|
+
* manually decrement the index for every child that is `null`
|
|
273
|
+
* because react maps through null children and returns them in `Count`
|
|
274
|
+
* We filter these children out in the `realChildCount` variable,
|
|
275
|
+
* but the index is still incremented
|
|
276
|
+
* */
|
|
277
|
+
index = index + 1;
|
|
278
|
+
return react_1["default"].cloneElement(child, newProps);
|
|
279
|
+
}
|
|
280
|
+
return child;
|
|
281
|
+
});
|
|
282
|
+
}, [
|
|
283
|
+
children,
|
|
284
|
+
isStack,
|
|
285
|
+
isVertical,
|
|
286
|
+
isChild,
|
|
287
|
+
isLastGroup,
|
|
288
|
+
isFirstGroup,
|
|
289
|
+
realChildCount,
|
|
290
|
+
index,
|
|
291
|
+
fluid,
|
|
292
|
+
flat,
|
|
293
|
+
minimal,
|
|
294
|
+
size,
|
|
295
|
+
intent,
|
|
296
|
+
]);
|
|
297
|
+
// Get the overflown children
|
|
298
|
+
var overflownChildren = (0, react_1.useMemo)(function () {
|
|
299
|
+
return overflowingChildren ? react_1["default"].Children.toArray(children).slice(0, overflowingChildren) : [];
|
|
300
|
+
}, [children, overflowingChildren]);
|
|
301
|
+
// Remove the overflowing children count from the start of the children array
|
|
302
|
+
var _children = (0, react_1.useMemo)(function () {
|
|
303
|
+
return overflowingChildren && responsive
|
|
304
|
+
? [
|
|
305
|
+
children.slice(overflowingChildren),
|
|
306
|
+
(0, jsx_runtime_1.jsx)(__1.ReqoreButton, { icon: 'MenuLine', customTheme: customTheme, tooltip: {
|
|
307
|
+
content: "Show ".concat(react_1["default"].Children.count(overflownChildren), " hidden items")
|
|
308
|
+
}, fixed: true, active: isOverflownDialogOpen, onClick: function (e) {
|
|
309
|
+
e.stopPropagation();
|
|
310
|
+
setIsOverflownDialogOpen(!isOverflownDialogOpen);
|
|
311
|
+
}, flat: true }),
|
|
312
|
+
]
|
|
313
|
+
: children;
|
|
314
|
+
}, [children, overflowingChildren, responsive, overflownChildren]);
|
|
315
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOverflownDialogOpen ? ((0, jsx_runtime_1.jsx)(__1.ReqoreDrawer, __assign({ isOpen: true, onClose: function () { return setIsOverflownDialogOpen(false); }, flat: true, floating: true, minimal: true, position: 'bottom', hasBackdrop: false, label: 'Hidden items', minSize: '100px', size: 'auto' }, { children: (0, jsx_runtime_1.jsx)(ReqoreControlGroup, __assign({ fluid: true, wrap: true }, { children: overflownChildren })) }))) : null, (0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { vertical: vertical, style: __assign({ overflowX: responsive ? 'auto' : undefined }, rest.style), size: size, gapSize: gapSize, ref: ref, rounded: rounded, fluid: fluid, fixed: fixed, fill: fill, wrap: wrap, stack: isStack, verticalAlign: verticalAlign, horizontalAlign: horizontalAlign, className: "".concat(className || '', " reqore-control-group") }, { children: cloneThroughFragments(_children) }))] }));
|
|
121
316
|
});
|
|
122
317
|
exports["default"] = ReqoreControlGroup;
|
|
123
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4
|
|
318
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
124
319
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IReqoreTheme } from '../../constants/theme';
|
|
3
3
|
import { IReqorePanelProps } from '../Panel';
|
|
4
|
-
export type TPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
4
|
+
export declare type TPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
5
5
|
export interface IReqoreDrawerProps extends Omit<IReqorePanelProps, 'size'> {
|
|
6
6
|
children?: any;
|
|
7
7
|
isOpen?: boolean;
|
|
@@ -12,7 +12,7 @@ export interface IReqoreDrawerProps extends Omit<IReqorePanelProps, 'size'> {
|
|
|
12
12
|
onClose?: () => void;
|
|
13
13
|
onHideToggle?: (isHidden: boolean) => void;
|
|
14
14
|
hasBackdrop?: boolean;
|
|
15
|
-
size?: string;
|
|
15
|
+
size?: string | 'auto';
|
|
16
16
|
maxSize?: string;
|
|
17
17
|
minSize?: string;
|
|
18
18
|
opacity?: number;
|
|
@@ -32,5 +32,5 @@ export interface IReqoreDrawerStyle extends IReqoreDrawerProps {
|
|
|
32
32
|
export declare const StyledCloseWrapper: any;
|
|
33
33
|
export declare const StyledDrawerResizable: any;
|
|
34
34
|
export declare const StyledBackdrop: any;
|
|
35
|
-
export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, blur, opacity, intent, _isModal, width, height, ...rest }: IReqoreDrawerProps) => import("react").ReactPortal;
|
|
35
|
+
export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, blur, opacity, intent, _isModal, width, height, actions, ...rest }: IReqoreDrawerProps) => import("react").ReactPortal;
|
|
36
36
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EAAsB,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE9E,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EAAsB,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE9E,oBAAY,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACzE,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,KA+C9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAyB,CAAC;AAE5D,eAAO,MAAM,cAAc,KAY1B,CAAC;AAsCF,eAAO,MAAM,YAAY,uOAyBtB,kBAAkB,gCAsNpB,CAAC"}
|
|
@@ -48,6 +48,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
48
48
|
}
|
|
49
49
|
return t;
|
|
50
50
|
};
|
|
51
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
52
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
53
|
+
if (ar || !(i in from)) {
|
|
54
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
55
|
+
ar[i] = from[i];
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
59
|
+
};
|
|
51
60
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
61
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
62
|
};
|
|
@@ -129,17 +138,17 @@ var getSpringConfig = function (isModal, position, floating) {
|
|
|
129
138
|
};
|
|
130
139
|
};
|
|
131
140
|
var ReqoreDrawer = function (_a) {
|
|
132
|
-
var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _b = _a.position, position = _b === void 0 ? 'right' : _b, maxSize = _a.maxSize, _c = _a.minSize, minSize = _c === void 0 ? '150px' : _c, onClose = _a.onClose, _d = _a.hasBackdrop, hasBackdrop = _d === void 0 ? true : _d, size = _a.size, _e = _a.resizable, resizable = _e === void 0 ? true : _e, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, blur = _a.blur, opacity = _a.opacity, intent = _a.intent, _isModal = _a._isModal, width = _a.width, height = _a.height, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating", "blur", "opacity", "intent", "_isModal", "width", "height"]);
|
|
141
|
+
var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _b = _a.position, position = _b === void 0 ? 'right' : _b, maxSize = _a.maxSize, _c = _a.minSize, minSize = _c === void 0 ? '150px' : _c, onClose = _a.onClose, _d = _a.hasBackdrop, hasBackdrop = _d === void 0 ? true : _d, size = _a.size, _e = _a.resizable, resizable = _e === void 0 ? true : _e, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, blur = _a.blur, opacity = _a.opacity, intent = _a.intent, _isModal = _a._isModal, width = _a.width, height = _a.height, _f = _a.actions, actions = _f === void 0 ? [] : _f, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating", "blur", "opacity", "intent", "_isModal", "width", "height", "actions"]);
|
|
133
142
|
var animations = (0, react_1.useContext)(__1.ReqoreContext).animations;
|
|
134
143
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
135
144
|
var layout = (0, react_1.useMemo)(function () {
|
|
136
145
|
return _isModal ? 'center' : position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical';
|
|
137
146
|
}, [position, _isModal]);
|
|
138
|
-
var
|
|
139
|
-
var
|
|
147
|
+
var _g = (0, react_1.useState)(isHidden || false), _isHidden = _g[0], setIsHidden = _g[1];
|
|
148
|
+
var _h = (0, react_1.useState)({
|
|
140
149
|
width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
|
|
141
150
|
height: height || (layout === 'vertical' ? 'auto' : size || '300px')
|
|
142
|
-
}), _size =
|
|
151
|
+
}), _size = _h[0], setSize = _h[1];
|
|
143
152
|
(0, react_1.useEffect)(function () {
|
|
144
153
|
setSize({
|
|
145
154
|
width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
|
|
@@ -149,11 +158,12 @@ var ReqoreDrawer = function (_a) {
|
|
|
149
158
|
var transitions = (0, web_1.useTransition)(isOpen, __assign(__assign({}, getSpringConfig(_isModal, position, floating)), { config: animations.dialogs ? animations_1.SPRING_CONFIG : animations_1.SPRING_CONFIG_NO_ANIMATIONS }));
|
|
150
159
|
var zIndex = (0, useLatestZIndex_1["default"])();
|
|
151
160
|
var wrapperZIndex = (0, useLatestZIndex_1["default"])();
|
|
152
|
-
var
|
|
153
|
-
var
|
|
161
|
+
var _actions = (0, react_1.useMemo)(function () {
|
|
162
|
+
var builtActions = __spreadArray([], actions, true);
|
|
154
163
|
/* Adding a hide/show button to the drawer. */
|
|
155
164
|
if (hidable) {
|
|
156
|
-
|
|
165
|
+
builtActions.push({
|
|
166
|
+
responsive: false,
|
|
157
167
|
icon: getHideShowIcon(position, _isHidden),
|
|
158
168
|
onClick: function () {
|
|
159
169
|
setIsHidden(!_isHidden);
|
|
@@ -166,13 +176,14 @@ var ReqoreDrawer = function (_a) {
|
|
|
166
176
|
}
|
|
167
177
|
/* Adding a close button to the drawer. */
|
|
168
178
|
if (onClose) {
|
|
169
|
-
|
|
179
|
+
builtActions.push({
|
|
180
|
+
responsive: false,
|
|
170
181
|
icon: 'CloseLine',
|
|
171
182
|
onClick: onClose,
|
|
172
183
|
className: 'reqore-drawer-close-button'
|
|
173
184
|
});
|
|
174
185
|
}
|
|
175
|
-
return
|
|
186
|
+
return builtActions;
|
|
176
187
|
}, [hidable, position, onClose]);
|
|
177
188
|
var positions = (0, react_1.useMemo)(function () {
|
|
178
189
|
/* Centering the modal. */
|
|
@@ -193,18 +204,18 @@ var ReqoreDrawer = function (_a) {
|
|
|
193
204
|
return (0, react_dom_1.createPortal)(transitions(function (styles, item) {
|
|
194
205
|
return item ? ((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: [hasBackdrop && !_isHidden ? ((0, jsx_runtime_1.jsx)(exports.StyledBackdrop, { className: 'reqore-drawer-backdrop', onClick: function () { return onClose && onClose(); }, closable: !!onClose, zIndex: zIndex, blur: blur, style: {
|
|
195
206
|
opacity: styles.opacity
|
|
196
|
-
} })) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className: 'reqore-drawer-resizable
|
|
197
|
-
? '
|
|
207
|
+
} })) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className: "".concat(className || '', " reqore-drawer-resizable"), maxHeight: layout === 'horizontal' || layout === 'center' ? maxSize || '90vh' : undefined, minHeight: layout === 'center'
|
|
208
|
+
? '40px'
|
|
198
209
|
: layout === 'horizontal'
|
|
199
210
|
? _isHidden
|
|
200
211
|
? 0
|
|
201
|
-
: minSize || '
|
|
212
|
+
: minSize || '40px'
|
|
202
213
|
: undefined, maxWidth: layout === 'vertical' || layout === 'center' ? maxSize || '90vw' : undefined, minWidth: layout === 'center'
|
|
203
|
-
? '
|
|
214
|
+
? '40px'
|
|
204
215
|
: layout === 'vertical'
|
|
205
216
|
? _isHidden
|
|
206
217
|
? 0
|
|
207
|
-
: minSize || '
|
|
218
|
+
: minSize || '40px'
|
|
208
219
|
: undefined, as: exports.StyledDrawerResizable, style: __assign(__assign({ zIndex: wrapperZIndex, display: 'flex', position: 'fixed', overflow: hidable ? undefined : 'hidden', transformOrigin: 'top left' }, positions), styles), handleWrapperStyle: {
|
|
209
220
|
zIndex: wrapperZIndex + 1
|
|
210
221
|
}, size: {
|
|
@@ -238,10 +249,10 @@ var ReqoreDrawer = function (_a) {
|
|
|
238
249
|
bottomRight: _isModal,
|
|
239
250
|
topLeft: _isModal,
|
|
240
251
|
topRight: _isModal
|
|
241
|
-
} }, { children: [_isHidden && hidable ? ((0, jsx_runtime_1.jsx)(exports.StyledCloseWrapper, __assign({ className: 'reqore-drawer-controls', position: position, w: layout === 'vertical'
|
|
252
|
+
} }, { children: [_isHidden && hidable ? ((0, jsx_runtime_1.jsx)(exports.StyledCloseWrapper, __assign({ className: 'reqore-drawer-controls', position: position, w: layout === 'vertical' ? 0 : _size.width, h: layout === 'horizontal' ? 0 : _size.height }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], { flat: true, customTheme: theme, className: 'reqore-drawer-control reqore-drawer-hide-button', icon: getHideShowIcon(position, _isHidden), onClick: function () {
|
|
242
253
|
setIsHidden(!_isHidden);
|
|
243
254
|
onHideToggle && onHideToggle(!_isHidden);
|
|
244
|
-
} })
|
|
255
|
+
} }) }))) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { opacity: opacity, blur: hasBackdrop ? 0 : blur, actions: _actions, customTheme: customTheme, intent: intent, rounded: floating || _isModal ? true : false, flat: flat, className: "reqore-drawer", style: __assign({ width: '100%', maxHeight: '100%' }, rest.style) }, { children: children })))] }))] }))) : null;
|
|
245
256
|
}), document.querySelector('#reqore-portal'));
|
|
246
257
|
};
|
|
247
258
|
exports.ReqoreDrawer = ReqoreDrawer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,7 @@ export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
|
|
|
19
19
|
caretPosition?: 'left' | 'right';
|
|
20
20
|
isDefaultOpen?: boolean;
|
|
21
21
|
onItemSelect?: TDropdownItemOnClick;
|
|
22
|
+
style?: React.CSSProperties;
|
|
22
23
|
}
|
|
23
24
|
declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, openOnMount, show, targetElement, useTargetWidth, listWidth, listHeight, passPopoverData, ...rest }: IReqoreDropdownProps & T): JSX.Element;
|
|
24
25
|
declare const _default: typeof ReqoreDropdown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAoD1B;;AAED,wBAA6D"}
|
|
@@ -34,12 +34,12 @@ var list_1 = __importDefault(require("./list"));
|
|
|
34
34
|
function ReqoreDropdown(_a) {
|
|
35
35
|
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, openOnMount = _a.openOnMount, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "openOnMount", "show", "targetElement", "useTargetWidth", "listWidth", "listHeight", "passPopoverData"]);
|
|
36
36
|
var componentProps = (0, react_1.useMemo)(function () {
|
|
37
|
-
return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items), className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
|
|
37
|
+
return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle || rest.style, disabled: !(0, lodash_1.size)(items), className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
|
|
38
38
|
}, [items, icon, rightIcon, buttonStyle, caretPosition, rest]);
|
|
39
39
|
var popoverContent = (0, react_1.useMemo)(function () {
|
|
40
40
|
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect })) : undefined;
|
|
41
41
|
}, [items]);
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData }, { children: children || label })));
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, isReqoreComponent: true, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData }, { children: children || label })));
|
|
43
43
|
}
|
|
44
44
|
exports["default"] = (0, react_1.memo)(ReqoreDropdown);
|
|
45
45
|
//# sourceMappingURL=index.js.map
|