@qoretechnologies/reqore 0.30.4 → 0.30.6
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/CODE_OF_CONDUCT.md +105 -0
- package/CONTRIBUTING.MD +78 -0
- package/LICENSE +1 -1
- package/README.md +44 -2
- package/SECURITY.md +5 -0
- package/__tests__/collection.test.tsx +1 -1
- package/__tests__/{control_group.test.tsx → control_group.text.tsx} +2 -4
- package/__tests__/modal.test.tsx +2 -74
- package/__tests__/panel.test.tsx +24 -96
- package/__tests__/popover.test.tsx +2 -24
- package/__tests__/tabs.test.tsx +0 -75
- package/dist/components/Button/index.d.ts +1 -4
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +7 -10
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Collection/index.d.ts +2 -7
- package/dist/components/Collection/index.d.ts.map +1 -1
- package/dist/components/Collection/index.js +53 -57
- 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 +4 -15
- 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 +4 -20
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +55 -241
- 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 +16 -27
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +0 -1
- 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 +9 -9
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +1 -1
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts +6 -5
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +7 -14
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Input/index.d.ts +0 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +6 -9
- 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 +10 -12
- 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 +0 -2
- 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 +6 -13
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +44 -78
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +2 -1
- 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 +0 -2
- package/dist/components/Spacer/index.d.ts.map +1 -1
- package/dist/components/Spacer/index.js +7 -29
- package/dist/components/Spacer/index.js.map +1 -1
- package/dist/components/Table/helpers.d.ts +2 -3
- package/dist/components/Table/helpers.d.ts.map +1 -1
- package/dist/components/Table/helpers.js +3 -6
- package/dist/components/Table/helpers.js.map +1 -1
- package/dist/components/Table/index.d.ts +3 -4
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Tabs/content.d.ts +1 -3
- package/dist/components/Tabs/content.d.ts.map +1 -1
- package/dist/components/Tabs/content.js +3 -8
- package/dist/components/Tabs/content.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +1 -4
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +4 -12
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +0 -1
- 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 +3 -4
- 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 +8 -7
- package/dist/components/Tag/group.js.map +1 -1
- package/dist/components/Tag/index.d.ts +2 -6
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +12 -20
- 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 +8 -10
- package/dist/containers/PopoverProvider.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +2 -4
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +0 -7
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +0 -2
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/utils.d.ts +0 -2
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +2 -4
- 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 +0 -1
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +6 -8
- package/dist/hooks/usePopover.js.map +1 -1
- package/dist/styles.d.ts +0 -1
- package/dist/styles.d.ts.map +1 -1
- package/dist/styles.js +5 -6
- package/dist/styles.js.map +1 -1
- package/dist/types/global.d.ts +1 -27
- 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/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
- package/src/components/Button/index.tsx +5 -17
- package/src/components/Checkbox/index.tsx +1 -1
- package/src/components/Collection/index.tsx +60 -93
- package/src/components/Collection/item.tsx +9 -29
- package/src/components/Columns/column.tsx +0 -1
- package/src/components/ControlGroup/index.tsx +103 -426
- package/src/components/Drawer/index.tsx +27 -28
- package/src/components/Dropdown/index.tsx +1 -3
- package/src/components/Effect/index.tsx +0 -1
- package/src/components/Icon/index.tsx +62 -81
- package/src/components/Input/index.tsx +4 -8
- package/src/components/InternalPopover/index.tsx +126 -131
- package/src/components/Menu/index.tsx +1 -7
- package/src/components/Message/index.tsx +1 -9
- package/src/components/MultiSelect/index.tsx +188 -180
- package/src/components/Panel/index.tsx +100 -227
- package/src/components/Popover/index.tsx +3 -1
- package/src/components/Spacer/index.tsx +14 -63
- package/src/components/Table/helpers.ts +6 -12
- package/src/components/Table/index.tsx +0 -1
- package/src/components/Tabs/content.tsx +3 -11
- package/src/components/Tabs/index.tsx +3 -14
- package/src/components/Tabs/item.tsx +5 -28
- package/src/components/Tabs/list.tsx +0 -4
- package/src/components/Tag/group.tsx +12 -6
- package/src/components/Tag/index.tsx +35 -67
- 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 +8 -11
- package/src/containers/ReqoreProvider.tsx +35 -40
- package/src/containers/UIProvider.tsx +0 -7
- package/src/context/ReqoreContext.tsx +0 -2
- package/src/helpers/utils.ts +0 -3
- package/src/hooks/useLatestZIndex.ts +2 -2
- package/src/hooks/usePopover.tsx +6 -9
- package/src/mock/collectionData.tsx +2 -33
- package/src/stories/Button/Button.stories.tsx +6 -14
- package/src/stories/Checkbox/Checkbox.stories.tsx +3 -6
- package/src/stories/Collection/Collection.stories.tsx +2 -18
- package/src/stories/ControlGroup/ControlGroup.stories.tsx +34 -220
- package/src/stories/Drawer/Drawer.stories.tsx +3 -70
- package/src/stories/Dropdown/Dropdown.stories.tsx +3 -13
- package/src/stories/Icon/Icon.stories.tsx +0 -1
- package/src/stories/Input/Input.stories.tsx +3 -5
- package/src/stories/Menu/Menu.stories.tsx +0 -2
- package/src/stories/Message/Message.stories.tsx +0 -7
- package/src/stories/Panel/Panel.stories.tsx +13 -147
- package/src/stories/Popover/Popover.stories.tsx +82 -88
- package/src/stories/Tabs/Tabs.stories.tsx +15 -32
- package/src/stories/Tag/Tag.stories.tsx +3 -23
- package/src/stories/TextArea/TextArea.stories.tsx +3 -3
- package/src/styles.ts +0 -6
- package/src/types/global.ts +0 -28
- package/tests.json +1 -1
|
@@ -51,260 +51,74 @@ 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");
|
|
55
54
|
var react_1 = __importStar(require("react"));
|
|
56
|
-
var react_use_1 = require("react-use");
|
|
57
55
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
58
|
-
var __1 = require("../..");
|
|
59
56
|
var sizes_1 = require("../../constants/sizes");
|
|
60
|
-
exports.StyledReqoreControlGroup = styled_components_1["default"].div(
|
|
61
|
-
var fluid = _a.fluid
|
|
62
|
-
return (fluid
|
|
57
|
+
exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex: 0 auto;\n width: ", ";\n align-items: ", ";\n flex-flow: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n ", "\n"], ["\n display: flex;\n flex: 0 auto;\n width: ", ";\n align-items: ", ";\n flex-flow: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n ", "\n"])), function (_a) {
|
|
58
|
+
var fluid = _a.fluid;
|
|
59
|
+
return (fluid ? '100%' : undefined);
|
|
63
60
|
}, function (_a) {
|
|
64
|
-
var fluid = _a.fluid
|
|
65
|
-
return (
|
|
66
|
-
}, function (_a) {
|
|
67
|
-
var vertical = _a.vertical, fluid = _a.fluid, horizontalAlign = _a.horizontalAlign;
|
|
68
|
-
return vertical ? (fluid ? 'stretch' : horizontalAlign) : undefined;
|
|
61
|
+
var fluid = _a.fluid;
|
|
62
|
+
return (fluid ? 'stretch' : 'flex-start');
|
|
69
63
|
}, function (_a) {
|
|
70
64
|
var vertical = _a.vertical;
|
|
71
65
|
return (vertical ? 'column' : 'row');
|
|
72
66
|
}, function (_a) {
|
|
73
|
-
var
|
|
74
|
-
return (!stack ?
|
|
75
|
-
}, function (_a) {
|
|
76
|
-
var wrap = _a.wrap;
|
|
77
|
-
return (wrap ? 'wrap' : 'nowrap');
|
|
78
|
-
}, function (_a) {
|
|
79
|
-
var verticalAlign = _a.verticalAlign;
|
|
80
|
-
return verticalAlign === 'flex-end' || verticalAlign === 'center' ? 'auto' : undefined;
|
|
81
|
-
}, function (_a) {
|
|
82
|
-
var verticalAlign = _a.verticalAlign;
|
|
83
|
-
return verticalAlign === 'flex-start' || verticalAlign === 'center' ? 'auto' : undefined;
|
|
84
|
-
}, function (_a) {
|
|
85
|
-
var horizontalAlign = _a.horizontalAlign;
|
|
86
|
-
return (horizontalAlign === 'center' ? 'auto' : undefined);
|
|
87
|
-
}, function (_a) {
|
|
88
|
-
var vertical = _a.vertical;
|
|
89
|
-
return vertical && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), function (_a) {
|
|
90
|
-
var horizontalAlign = _a.horizontalAlign;
|
|
91
|
-
return horizontalAlign === 'flex-end' || horizontalAlign === 'center' ? 'auto' : undefined;
|
|
92
|
-
});
|
|
67
|
+
var stack = _a.stack;
|
|
68
|
+
return (!stack ? undefined : 0);
|
|
93
69
|
}, function (_a) {
|
|
94
70
|
var vertical = _a.vertical;
|
|
95
|
-
return
|
|
96
|
-
|
|
97
|
-
|
|
71
|
+
return vertical
|
|
72
|
+
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n > .reqore-control,\n > .reqore-control-wrapper,\n > .reqore-tag,\n > * {\n &:not(:last-child) {\n margin-bottom: ", ";\n border-bottom: ", ";\n }\n\n border-radius: ", ";\n\n ", "\n }\n\n > .reqore-control-wrapper:not(:last-child) .reqore-control {\n margin-bottom: ", ";\n border-bottom: ", ";\n }\n "], ["\n > .reqore-control,\n > .reqore-control-wrapper,\n > .reqore-tag,\n > * {\n &:not(:last-child) {\n margin-bottom: ", ";\n border-bottom: ", ";\n }\n\n border-radius: ", ";\n\n ", "\n }\n\n > .reqore-control-wrapper:not(:last-child) .reqore-control {\n margin-bottom: ", ";\n border-bottom: ", ";\n }\n "])), function (_a) {
|
|
73
|
+
var stack = _a.stack, gapSize = _a.gapSize;
|
|
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
104
|
});
|
|
99
|
-
}, function (_a) {
|
|
100
|
-
var stack = _a.stack;
|
|
101
|
-
return (!stack ? undefined : 0);
|
|
102
105
|
});
|
|
103
|
-
var ReqoreControlGroup = (0, react_1.
|
|
104
|
-
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,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
var observer = (0, react_1.useRef)(null);
|
|
111
|
-
var ref = (0, react_1.useRef)(null);
|
|
112
|
-
var realChildCount = (0, react_1.useMemo)(function () {
|
|
113
|
-
var count = 0;
|
|
114
|
-
var countChildren = function (children) {
|
|
115
|
-
return react_1["default"].Children.forEach(children, function (child) {
|
|
116
|
-
if (child && react_1["default"].isValidElement(child)) {
|
|
117
|
-
if (child.type === react_1["default"].Fragment) {
|
|
118
|
-
// just compare to `React.Fragment`
|
|
119
|
-
countChildren(child.props.children);
|
|
120
|
-
}
|
|
121
|
-
else {
|
|
122
|
-
count++;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
};
|
|
127
|
-
countChildren(children);
|
|
128
|
-
return count < 0 ? 0 : count;
|
|
129
|
-
}, [children]);
|
|
130
|
-
var checkIfOverflowing = (0, react_1.useCallback)(function () {
|
|
131
|
-
return (ref.current &&
|
|
132
|
-
ref.current.clientWidth > 40 &&
|
|
133
|
-
!vertical &&
|
|
134
|
-
responsive &&
|
|
135
|
-
ref.current.scrollWidth > ref.current.clientWidth);
|
|
136
|
-
}, [vertical, responsive, ref, children]);
|
|
137
|
-
(0, react_use_1.useMount)(function () {
|
|
138
|
-
if (!vertical && responsive) {
|
|
139
|
-
if ('ResizeObserver' in window) {
|
|
140
|
-
observer.current = new ResizeObserver((0, lodash_1.debounce)(function () {
|
|
141
|
-
if (ref && ref.current) {
|
|
142
|
-
setOverflowingChildren(0);
|
|
143
|
-
setLastReSize(ref.current.clientWidth);
|
|
144
|
-
}
|
|
145
|
-
}, 200));
|
|
146
|
-
observer.current.observe(ref.current);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
(0, react_use_1.useUnmount)(function () {
|
|
151
|
-
if (observer.current) {
|
|
152
|
-
observer.current.disconnect();
|
|
153
|
-
}
|
|
154
|
-
});
|
|
155
|
-
(0, react_1.useEffect)(function () {
|
|
156
|
-
// Is the control group still overflowing?
|
|
157
|
-
if ((overflowingChildren || overflowingChildren === 0) && checkIfOverflowing()) {
|
|
158
|
-
setOverflowingChildren(overflowingChildren + 1);
|
|
159
|
-
}
|
|
160
|
-
// Hide the dialog if the group was resized and the dialog was open
|
|
161
|
-
if (overflowingChildren === 0) {
|
|
162
|
-
setIsOverflownDialogOpen(false);
|
|
163
|
-
}
|
|
164
|
-
}, [overflowingChildren, lastReSize]);
|
|
165
|
-
var getIsFirst = function (index) {
|
|
166
|
-
return !isInsideStackGroup || childrenCount === 1
|
|
167
|
-
? index === 0
|
|
168
|
-
: (isFirst || isFirst !== false) && index === 0;
|
|
169
|
-
};
|
|
170
|
-
var getIsLast = function (index) {
|
|
171
|
-
return !isInsideStackGroup
|
|
172
|
-
? index === realChildCount - 1
|
|
173
|
-
: (isLast || isLast !== false) && index === realChildCount - 1;
|
|
174
|
-
};
|
|
175
|
-
var getIsLastInFirstGroup = function (index) {
|
|
176
|
-
return !isInsideStackGroup
|
|
177
|
-
? index === 0
|
|
178
|
-
: isFirstGroup && (isLast || isLast !== false) && index === realChildCount - 1;
|
|
179
|
-
};
|
|
180
|
-
var getIsFirstInLastGroup = function (index) {
|
|
181
|
-
return !isInsideStackGroup
|
|
182
|
-
? index === realChildCount - 1
|
|
183
|
-
: isLastGroup && (isFirst || isFirst !== false) && childId === 1 && index === 0;
|
|
184
|
-
};
|
|
185
|
-
var getIsLastInLastGroup = function (index) {
|
|
186
|
-
return !isInsideStackGroup
|
|
187
|
-
? index === realChildCount - 1
|
|
188
|
-
: isLastGroup && (isLast || isLast !== false) && index === realChildCount - 1;
|
|
189
|
-
};
|
|
190
|
-
var getBorderTopLeftRadius = function (index) {
|
|
191
|
-
var _isFirstGroup = !isInsideStackGroup || childrenCount === 1 ? true : isChild ? isFirstGroup : index === 0;
|
|
192
|
-
// If this is the first item
|
|
193
|
-
if (_isFirstGroup && getIsFirst(index)) {
|
|
194
|
-
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
195
|
-
}
|
|
196
|
-
return undefined;
|
|
197
|
-
};
|
|
198
|
-
var getBorderTopRightRadius = function (index) {
|
|
199
|
-
// If this group is not vertical we need to style the very last item
|
|
200
|
-
if (!isVertical || !isStack) {
|
|
201
|
-
var _isLastGroup = !isInsideStackGroup || childrenCount === 1
|
|
202
|
-
? true
|
|
203
|
-
: isChild
|
|
204
|
-
? isLastGroup
|
|
205
|
-
: index === realChildCount - 1;
|
|
206
|
-
if (_isLastGroup && getIsLast(index)) {
|
|
207
|
-
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
208
|
-
}
|
|
209
|
-
return undefined;
|
|
210
|
-
}
|
|
211
|
-
// This border only needs to apply when this group is vertical
|
|
212
|
-
// AND this item is the last item of the first group
|
|
213
|
-
if (getIsLastInFirstGroup(index)) {
|
|
214
|
-
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
215
|
-
}
|
|
216
|
-
return undefined;
|
|
217
|
-
};
|
|
218
|
-
var getBorderBottomLeftRadius = function (index) {
|
|
219
|
-
// If this group is not vertical we need to style the very first item
|
|
220
|
-
if (!isVertical || !isStack) {
|
|
221
|
-
var _isFirstGroup = !isInsideStackGroup || childrenCount === 1 ? true : isChild ? isFirstGroup : index === 0;
|
|
222
|
-
if (_isFirstGroup && getIsFirst(index)) {
|
|
223
|
-
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
224
|
-
}
|
|
225
|
-
return undefined;
|
|
226
|
-
}
|
|
227
|
-
// This border only needs to apply when this group is vertical
|
|
228
|
-
// AND this item is the first item of the last group
|
|
229
|
-
if (getIsFirstInLastGroup(index)) {
|
|
230
|
-
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
231
|
-
}
|
|
232
|
-
return undefined;
|
|
233
|
-
};
|
|
234
|
-
var getBorderBottomRightRadius = function (index) {
|
|
235
|
-
var _isLastGroup = !isInsideStackGroup || childrenCount === 1
|
|
236
|
-
? true
|
|
237
|
-
: isChild
|
|
238
|
-
? isLastGroup
|
|
239
|
-
: index === realChildCount - 1;
|
|
240
|
-
// If this is the last item
|
|
241
|
-
if (_isLastGroup && getIsLast(index)) {
|
|
242
|
-
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
243
|
-
}
|
|
244
|
-
return undefined;
|
|
245
|
-
};
|
|
246
|
-
var index = 0;
|
|
247
|
-
var cloneThroughFragments = (0, react_1.useCallback)(function (children) {
|
|
248
|
-
return react_1["default"].Children.map(children, function (child) {
|
|
249
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
250
|
-
if (child && react_1["default"].isValidElement(child)) {
|
|
251
|
-
if (child.type === react_1["default"].Fragment) {
|
|
252
|
-
// just compare to `React.Fragment`
|
|
253
|
-
return cloneThroughFragments(child.props.children);
|
|
254
|
-
}
|
|
255
|
-
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
|
|
106
|
+
var ReqoreControlGroup = (0, react_1.forwardRef)(function (_a, ref) {
|
|
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
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { size: size, gapSize: gapSize, ref: ref, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
|
|
109
|
+
var _a, _b, _c, _d, _e;
|
|
110
|
+
return child
|
|
111
|
+
? react_1["default"].cloneElement(child, {
|
|
112
|
+
minimal: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal) || ((_b = child.props) === null || _b === void 0 ? void 0 : _b.minimal) === false
|
|
256
113
|
? child.props.minimal
|
|
257
|
-
: minimal,
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
* because react maps through null children and returns them in `Count`
|
|
265
|
-
* We filter these children out in the `realChildCount` variable,
|
|
266
|
-
* but the index is still incremented
|
|
267
|
-
* */
|
|
268
|
-
index = index + 1;
|
|
269
|
-
return react_1["default"].cloneElement(child, newProps);
|
|
270
|
-
}
|
|
271
|
-
return child;
|
|
272
|
-
});
|
|
273
|
-
}, [
|
|
274
|
-
children,
|
|
275
|
-
isStack,
|
|
276
|
-
isVertical,
|
|
277
|
-
isChild,
|
|
278
|
-
isLastGroup,
|
|
279
|
-
isFirstGroup,
|
|
280
|
-
realChildCount,
|
|
281
|
-
index,
|
|
282
|
-
fluid,
|
|
283
|
-
flat,
|
|
284
|
-
minimal,
|
|
285
|
-
size,
|
|
286
|
-
intent,
|
|
287
|
-
]);
|
|
288
|
-
// Get the overflown children
|
|
289
|
-
var overflownChildren = (0, react_1.useMemo)(function () {
|
|
290
|
-
return overflowingChildren ? react_1["default"].Children.toArray(children).slice(0, overflowingChildren) : [];
|
|
291
|
-
}, [children, overflowingChildren]);
|
|
292
|
-
// Remove the overflowing children count from the start of the children array
|
|
293
|
-
var _children = (0, react_1.useMemo)(function () {
|
|
294
|
-
return overflowingChildren && responsive
|
|
295
|
-
? [
|
|
296
|
-
children.slice(overflowingChildren),
|
|
297
|
-
(0, jsx_runtime_1.jsx)(__1.ReqoreButton, { icon: 'MenuLine', customTheme: customTheme, tooltip: {
|
|
298
|
-
content: "Show ".concat(react_1["default"].Children.count(overflownChildren), " hidden items")
|
|
299
|
-
}, fixed: true, active: isOverflownDialogOpen, onClick: function (e) {
|
|
300
|
-
e.stopPropagation();
|
|
301
|
-
setIsOverflownDialogOpen(!isOverflownDialogOpen);
|
|
302
|
-
}, flat: true }),
|
|
303
|
-
]
|
|
304
|
-
: children;
|
|
305
|
-
}, [children, overflowingChildren, responsive, overflownChildren]);
|
|
306
|
-
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, wrap: wrap, stack: isStack, verticalAlign: verticalAlign, horizontalAlign: horizontalAlign, className: "".concat(className || '', " reqore-control-group") }, { children: cloneThroughFragments(_children) }))] }));
|
|
114
|
+
: minimal,
|
|
115
|
+
size: ((_c = child.props) === null || _c === void 0 ? void 0 : _c.size) || size,
|
|
116
|
+
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,
|
|
117
|
+
fluid: fluid
|
|
118
|
+
})
|
|
119
|
+
: null;
|
|
120
|
+
}) })));
|
|
307
121
|
});
|
|
308
122
|
exports["default"] = ReqoreControlGroup;
|
|
309
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
123
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
310
124
|
//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAChD,+CAAgF;AAwBnE,QAAA,wBAAwB,GAAG,8BAAM,CAAC,GAAG,8PAA0B,gDAGjE,EAA2C,oBACrC,EAAiD,kBACnD,EAA+C,yEAGzC,EAAuC,cAGxD,EAiEK,IACR,KA1EU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5B,CAA4B,EACrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC;AAAlC,CAAkC,EACnD,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;AAA7B,CAA6B,EAGzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAAxB,CAAwB,EAGxD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,KAAC,uBAAG,whBAAA,kLAMoB,EACmC,kCACnC,EAAuC,iDAGzC,EAAuC,mBAEtD,EAaa,sHAIE,EACmC,gCACnC,EAAuC,0BAE3D,KA5BsB,UAAC,EAAkB;gBAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;YAChC,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,qBAAa,CAAC,OAAO,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;QAAlD,CAAkD,EACnC,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAAxB,CAAwB,EAGzC,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAAxB,CAAwB,EAEtD,UAAC,EAAwB;gBAAtB,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA;YACvB,OAAA,OAAO,IAAI,KAAK;gBACd,CAAC,KAAC,uBAAG,ubAAA,uFAE2B,EAAsB,sDACrB,EAAsB,qHAIpB,EAAsB,yDACrB,EAAsB,gDAEvD,KAR6B,wBAAgB,CAAC,IAAI,CAAC,EACrB,wBAAgB,CAAC,IAAI,CAAC,EAIpB,wBAAgB,CAAC,IAAI,CAAC,EACrB,wBAAgB,CAAC,IAAI,CAAC,EAG1D,CAAC,CAAC,SAAS;QAZb,CAYa,EAIE,UAAC,EAAkB;gBAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;YAChC,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,qBAAa,CAAC,OAAO,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;QAAlD,CAAkD,EACnC,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAAxB,CAAwB,EAG9D,CAAC,KAAC,uBAAG,2XAAA,iLAMmB,EACoC,iCACpC,EAAuC,iDAGxC,EAAuC,mBAEtD,EAaa,yBAElB,KAtBqB,UAAC,EAAkB;YAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;QAC/B,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,qBAAa,CAAC,OAAO,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;IAAlD,CAAkD,EACpC,UAAC,EAAS;YAAP,KAAK,WAAA;QAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAAxB,CAAwB,EAGxC,UAAC,EAAS;YAAP,KAAK,WAAA;QAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAAxB,CAAwB,EAEtD,UAAC,EAAwB;YAAtB,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA;QACvB,OAAA,OAAO,IAAI,KAAK;YACd,CAAC,KAAC,uBAAG,ubAAA,uFAE2B,EAAsB,wDACnB,EAAsB,mHAIxB,EAAsB,yDACnB,EAAsB,gDAEvD,KAR6B,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,EAIxB,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,EAG1D,CAAC,CAAC,SAAS;IAZb,CAYa,CAElB;AAhEL,CAgEK,EACP;AAEF,IAAM,kBAAkB,GAAG,IAAA,kBAAU,EACnC,UACE,EAU2B,EAC3B,GAAG;IAVD,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,IAAI,cATT,mFAUC,CADQ;IAGN,OAAA,CACH,uBAAC,gCAAwB,eACnB,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,0BAAuB,gBAEnD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,OAAO,EACL,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,KAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,MAAK,KAAK;wBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;wBACrB,CAAC,CAAC,OAAO;oBACb,IAAI,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,KAAI,IAAI;oBAC/B,IAAI,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,KAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;oBAChF,KAAK,OAAA;iBACN,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACwB,CAC5B,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IReqoreTheme } from '../../constants/theme';
|
|
3
3
|
import { IReqorePanelProps } from '../Panel';
|
|
4
|
-
export
|
|
4
|
+
export 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;
|
|
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,
|
|
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;
|
|
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,MAAM,MAAM,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,CAAC;IACd,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,8NAwBtB,kBAAkB,gCAsNpB,CAAC"}
|
|
@@ -48,15 +48,6 @@ 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
|
-
};
|
|
60
51
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
61
52
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
62
53
|
};
|
|
@@ -138,17 +129,17 @@ var getSpringConfig = function (isModal, position, floating) {
|
|
|
138
129
|
};
|
|
139
130
|
};
|
|
140
131
|
var ReqoreDrawer = function (_a) {
|
|
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,
|
|
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"]);
|
|
142
133
|
var animations = (0, react_1.useContext)(__1.ReqoreContext).animations;
|
|
143
134
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
144
135
|
var layout = (0, react_1.useMemo)(function () {
|
|
145
136
|
return _isModal ? 'center' : position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical';
|
|
146
137
|
}, [position, _isModal]);
|
|
147
|
-
var
|
|
148
|
-
var
|
|
138
|
+
var _f = (0, react_1.useState)(isHidden || false), _isHidden = _f[0], setIsHidden = _f[1];
|
|
139
|
+
var _g = (0, react_1.useState)({
|
|
149
140
|
width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
|
|
150
141
|
height: height || (layout === 'vertical' ? 'auto' : size || '300px')
|
|
151
|
-
}), _size =
|
|
142
|
+
}), _size = _g[0], setSize = _g[1];
|
|
152
143
|
(0, react_1.useEffect)(function () {
|
|
153
144
|
setSize({
|
|
154
145
|
width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
|
|
@@ -158,12 +149,11 @@ var ReqoreDrawer = function (_a) {
|
|
|
158
149
|
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 }));
|
|
159
150
|
var zIndex = (0, useLatestZIndex_1["default"])();
|
|
160
151
|
var wrapperZIndex = (0, useLatestZIndex_1["default"])();
|
|
161
|
-
var
|
|
162
|
-
var
|
|
152
|
+
var actions = (0, react_1.useMemo)(function () {
|
|
153
|
+
var actions = [];
|
|
163
154
|
/* Adding a hide/show button to the drawer. */
|
|
164
155
|
if (hidable) {
|
|
165
|
-
|
|
166
|
-
responsive: false,
|
|
156
|
+
actions.push({
|
|
167
157
|
icon: getHideShowIcon(position, _isHidden),
|
|
168
158
|
onClick: function () {
|
|
169
159
|
setIsHidden(!_isHidden);
|
|
@@ -176,14 +166,13 @@ var ReqoreDrawer = function (_a) {
|
|
|
176
166
|
}
|
|
177
167
|
/* Adding a close button to the drawer. */
|
|
178
168
|
if (onClose) {
|
|
179
|
-
|
|
180
|
-
responsive: false,
|
|
169
|
+
actions.push({
|
|
181
170
|
icon: 'CloseLine',
|
|
182
171
|
onClick: onClose,
|
|
183
172
|
className: 'reqore-drawer-close-button'
|
|
184
173
|
});
|
|
185
174
|
}
|
|
186
|
-
return
|
|
175
|
+
return actions;
|
|
187
176
|
}, [hidable, position, onClose]);
|
|
188
177
|
var positions = (0, react_1.useMemo)(function () {
|
|
189
178
|
/* Centering the modal. */
|
|
@@ -204,18 +193,18 @@ var ReqoreDrawer = function (_a) {
|
|
|
204
193
|
return (0, react_dom_1.createPortal)(transitions(function (styles, item) {
|
|
205
194
|
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: {
|
|
206
195
|
opacity: styles.opacity
|
|
207
|
-
} })) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className:
|
|
208
|
-
? '
|
|
196
|
+
} })) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className: 'reqore-drawer-resizable', maxHeight: layout === 'horizontal' || layout === 'center' ? maxSize || '90vh' : undefined, minHeight: layout === 'center'
|
|
197
|
+
? '140px'
|
|
209
198
|
: layout === 'horizontal'
|
|
210
199
|
? _isHidden
|
|
211
200
|
? 0
|
|
212
|
-
: minSize || '
|
|
201
|
+
: minSize || '140px'
|
|
213
202
|
: undefined, maxWidth: layout === 'vertical' || layout === 'center' ? maxSize || '90vw' : undefined, minWidth: layout === 'center'
|
|
214
|
-
? '
|
|
203
|
+
? '140px'
|
|
215
204
|
: layout === 'vertical'
|
|
216
205
|
? _isHidden
|
|
217
206
|
? 0
|
|
218
|
-
: minSize || '
|
|
207
|
+
: minSize || '140px'
|
|
219
208
|
: undefined, as: exports.StyledDrawerResizable, style: __assign(__assign({ zIndex: wrapperZIndex, display: 'flex', position: 'fixed', overflow: hidable ? undefined : 'hidden', transformOrigin: 'top left' }, positions), styles), handleWrapperStyle: {
|
|
220
209
|
zIndex: wrapperZIndex + 1
|
|
221
210
|
}, size: {
|
|
@@ -249,10 +238,10 @@ var ReqoreDrawer = function (_a) {
|
|
|
249
238
|
bottomRight: _isModal,
|
|
250
239
|
topLeft: _isModal,
|
|
251
240
|
topRight: _isModal
|
|
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 () {
|
|
241
|
+
} }, { children: [_isHidden && hidable ? ((0, jsx_runtime_1.jsx)(exports.StyledCloseWrapper, __assign({ className: 'reqore-drawer-controls', position: position, w: layout === 'vertical' && _isHidden ? 0 : _size.width, h: layout === 'horizontal' && _isHidden ? 0 : _size.height }, { children: hidable && ((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 () {
|
|
253
242
|
setIsHidden(!_isHidden);
|
|
254
243
|
onHideToggle && onHideToggle(!_isHidden);
|
|
255
|
-
} }) }))) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { opacity: opacity, blur: hasBackdrop ? 0 : blur, actions:
|
|
244
|
+
} })) }))) : 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: "".concat(className || '', " reqore-drawer"), style: __assign({ width: '100%', maxHeight: '100%' }, rest.style) }, { children: children })))] }))] }))) : null;
|
|
256
245
|
}), document.querySelector('#reqore-portal'));
|
|
257
246
|
};
|
|
258
247
|
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,7 +19,6 @@ export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
|
|
|
19
19
|
caretPosition?: 'left' | 'right';
|
|
20
20
|
isDefaultOpen?: boolean;
|
|
21
21
|
onItemSelect?: TDropdownItemOnClick;
|
|
22
|
-
style?: React.CSSProperties;
|
|
23
22
|
}
|
|
24
23
|
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;
|
|
25
24
|
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;CACrC;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,eAmD1B;;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
|
|
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") }));
|
|
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,
|
|
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 })));
|
|
43
43
|
}
|
|
44
44
|
exports["default"] = (0, react_1.memo)(ReqoreDropdown);
|
|
45
45
|
//# sourceMappingURL=index.js.map
|