@qoretechnologies/reqore 0.25.8 → 0.25.10
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/__tests__/dropdown.test.tsx +133 -12
- package/dist/components/Collection/index.d.ts +2 -2
- package/dist/components/Collection/index.d.ts.map +1 -1
- package/dist/components/Collection/index.js +6 -6
- package/dist/components/Collection/index.js.map +1 -1
- package/dist/components/Collection/item.d.ts +2 -2
- package/dist/components/Collection/item.d.ts.map +1 -1
- package/dist/components/Collection/item.js +6 -3
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +8 -7
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +12 -5
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/item.d.ts +2 -2
- package/dist/components/Dropdown/item.d.ts.map +1 -1
- package/dist/components/Dropdown/item.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +9 -2
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +13 -5
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +0 -1
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Panel/index.d.ts +3 -2
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +16 -17
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +4 -2
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +23 -9
- package/dist/hooks/usePopover.js.map +1 -1
- package/dist/hooks/useWhyDidYouUpdate.d.ts +2 -0
- package/dist/hooks/useWhyDidYouUpdate.d.ts.map +1 -0
- package/dist/hooks/useWhyDidYouUpdate.js +47 -0
- package/dist/hooks/useWhyDidYouUpdate.js.map +1 -0
- package/package.json +1 -1
- package/src/components/Collection/index.tsx +3 -2
- package/src/components/Collection/item.tsx +6 -3
- package/src/components/Dropdown/index.tsx +62 -36
- package/src/components/Dropdown/item.tsx +3 -6
- package/src/components/Dropdown/list.tsx +82 -56
- package/src/components/InternalPopover/index.tsx +0 -2
- package/src/components/Panel/index.tsx +71 -59
- package/src/components/Popover/index.tsx +53 -38
- package/src/hooks/usePopover.tsx +34 -20
- package/src/hooks/useWhyDidYouUpdate.ts +32 -0
- package/src/stories/Collection/Collection.stories.tsx +1 -1
- package/src/stories/Dropdown/Dropdown.stories.tsx +62 -34
- package/src/stories/Panel/Panel.stories.tsx +9 -4
- package/tests.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA0FhE,MAAM,WAAW,2BAA4B,SAAQ,YAAY;CAAG;AAEpE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA0FhE,MAAM,WAAW,2BAA4B,SAAQ,YAAY;CAAG;AAEpE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6G1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -110,7 +110,6 @@ var InternalPopover = function (_a) {
|
|
|
110
110
|
},
|
|
111
111
|
]
|
|
112
112
|
}), styles = _g.styles, attributes = _g.attributes;
|
|
113
|
-
console.log(opaque);
|
|
114
113
|
(0, react_1.useEffect)(function () {
|
|
115
114
|
if (popperRef.current) {
|
|
116
115
|
updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(id, { popperRef: popperRef });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,11 @@ import { IReqoreTheme } from '../../constants/theme';
|
|
|
4
4
|
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
import { IReqoreButtonProps } from '../Button';
|
|
7
|
-
import {
|
|
7
|
+
import { IReqoreDropdownItem } from '../Dropdown/list';
|
|
8
8
|
export interface IReqorePanelAction extends IReqoreButtonProps, IWithReqoreTooltip, IReqoreIntent {
|
|
9
9
|
label?: string | number;
|
|
10
10
|
onClick?: () => void;
|
|
11
|
-
actions?:
|
|
11
|
+
actions?: IReqoreDropdownItem[];
|
|
12
12
|
customContent?: () => string | React.ReactNode;
|
|
13
13
|
}
|
|
14
14
|
export interface IReqorePanelBottomAction extends IReqorePanelAction {
|
|
@@ -40,6 +40,7 @@ export interface IReqorePanelProps extends IWithReqoreSize, IWithReqoreCustomThe
|
|
|
40
40
|
}
|
|
41
41
|
export interface IStyledPanel extends IReqorePanelProps {
|
|
42
42
|
theme: IReqoreTheme;
|
|
43
|
+
noHorizontalPadding?: boolean;
|
|
43
44
|
}
|
|
44
45
|
export declare const StyledPanel: any;
|
|
45
46
|
export declare const StyledPanelTitle: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAGjF,OAAO,EAIL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAI7D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAGjF,OAAO,EAIL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,kBAAkB,EAAE,aAAa;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;CAAG;AAEvC,MAAM,WAAW,iBACf,SAAQ,eAAe,EACrB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC;IACxD,aAAa,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC3C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,KA8CvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KA0B5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAOpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAe9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAKjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGAqOvB,CAAC"}
|
|
@@ -96,9 +96,12 @@ exports.StyledPanel = styled_components_1["default"].div(templateObject_3 || (te
|
|
|
96
96
|
return !isCollapsed && fill
|
|
97
97
|
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n flex: 1;\n "], ["\n height: 100%;\n flex: 1;\n "]))) : undefined;
|
|
98
98
|
});
|
|
99
|
-
exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding:
|
|
99
|
+
exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: ", ";\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n ", "\n"], ["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: ", ";\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n ", "\n"])), function (_a) {
|
|
100
100
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
101
101
|
return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.07), opacity);
|
|
102
|
+
}, function (_a) {
|
|
103
|
+
var noHorizontalPadding = _a.noHorizontalPadding;
|
|
104
|
+
return "0 5px 0 ".concat(noHorizontalPadding ? 0 : '15px');
|
|
102
105
|
}, function (_a) {
|
|
103
106
|
var theme = _a.theme, isCollapsed = _a.isCollapsed, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
104
107
|
return !isCollapsed && !flat
|
|
@@ -117,15 +120,19 @@ exports.StyledPanelBottomActions = (0, styled_components_1["default"])(exports.S
|
|
|
117
120
|
? "1px solid ".concat((0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.2), opacity))
|
|
118
121
|
: null;
|
|
119
122
|
});
|
|
120
|
-
exports.StyledPanelContent = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: ", ";\n min-height: ", ";\n padding: ", "
|
|
123
|
+
exports.StyledPanelContent = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: ", ";\n min-height: ", ";\n padding: ", ";\n // The padding is not needed when the panel is minimal and has title, since\n // the title already has padding and is transparent\n padding-top: ", ";\n flex: 1;\n overflow: auto;\n font-size: ", "px;\n"], ["\n display: ", ";\n min-height: ", ";\n padding: ", ";\n // The padding is not needed when the panel is minimal and has title, since\n // the title already has padding and is transparent\n padding-top: ", ";\n flex: 1;\n overflow: auto;\n font-size: ", "px;\n"])), function (_a) {
|
|
121
124
|
var isCollapsed = _a.isCollapsed;
|
|
122
125
|
return (isCollapsed ? 'none' : undefined);
|
|
123
126
|
}, function (_a) {
|
|
124
127
|
var isCollapsed = _a.isCollapsed;
|
|
125
128
|
return (isCollapsed ? undefined : '40px');
|
|
126
129
|
}, function (_a) {
|
|
127
|
-
var padded = _a.padded, contentSize = _a.contentSize;
|
|
128
|
-
return
|
|
130
|
+
var padded = _a.padded, contentSize = _a.contentSize, noHorizontalPadding = _a.noHorizontalPadding;
|
|
131
|
+
return !padded
|
|
132
|
+
? undefined
|
|
133
|
+
: noHorizontalPadding
|
|
134
|
+
? "".concat(sizes_1.TEXT_FROM_SIZE[contentSize], "px 0")
|
|
135
|
+
: "".concat(sizes_1.TEXT_FROM_SIZE[contentSize], "px");
|
|
129
136
|
}, function (_a) {
|
|
130
137
|
var minimal = _a.minimal, hasLabel = _a.hasLabel;
|
|
131
138
|
return (minimal && hasLabel ? '0px' : undefined);
|
|
@@ -161,21 +168,13 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
161
168
|
return position === 'right';
|
|
162
169
|
}); }, [bottomActions]);
|
|
163
170
|
var hasBottomActions = (0, react_2.useMemo)(function () { return !!((0, lodash_1.size)(leftBottomActions) || (0, lodash_1.size)(rightBottomActions)); }, [leftBottomActions, rightBottomActions]);
|
|
164
|
-
var renderActions = function (actionOrActions, index) {
|
|
171
|
+
var renderActions = (0, react_2.useCallback)(function (actionOrActions, index) {
|
|
165
172
|
if (Array.isArray(actionOrActions)) {
|
|
166
173
|
return ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ stack: true, minimal: true }, { children: actionOrActions.map(renderActions) })));
|
|
167
174
|
}
|
|
168
175
|
var id = actionOrActions.id, actions = actionOrActions.actions, label = actionOrActions.label, intent = actionOrActions.intent, className = actionOrActions.className, customContent = actionOrActions.customContent, rest = __rest(actionOrActions, ["id", "actions", "label", "intent", "className", "customContent"]);
|
|
169
176
|
if ((0, lodash_1.size)(actions)) {
|
|
170
|
-
return ((0, react_1.createElement)(Dropdown_1["default"], __assign({}, rest, { key: index, label: label,
|
|
171
|
-
intent: intent,
|
|
172
|
-
id: id,
|
|
173
|
-
minimal: true,
|
|
174
|
-
className: className,
|
|
175
|
-
onClick: function (e) {
|
|
176
|
-
e.stopPropagation();
|
|
177
|
-
}
|
|
178
|
-
}, items: actions })));
|
|
177
|
+
return ((0, react_1.createElement)(Dropdown_1["default"], __assign({}, rest, { key: index, label: label, items: actions, intent: intent, className: className, onClick: function (e) { return e.stopPropagation(); }, id: id })));
|
|
179
178
|
}
|
|
180
179
|
if (customContent) {
|
|
181
180
|
return customContent();
|
|
@@ -187,7 +186,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
187
186
|
(_a = rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest);
|
|
188
187
|
}
|
|
189
188
|
: undefined }), label));
|
|
190
|
-
};
|
|
189
|
+
}, [actions, theme]);
|
|
191
190
|
var HTMLheaderElement = (0, react_2.useMemo)(function () {
|
|
192
191
|
return "h".concat(headerSize);
|
|
193
192
|
}, [headerSize]);
|
|
@@ -196,10 +195,10 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
196
195
|
rest.onMouseEnter ||
|
|
197
196
|
rest.onDoubleClick ||
|
|
198
197
|
rest.onContextMenu);
|
|
199
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { as: rest.as || 'div', ref: targetRef, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, className: "".concat(className || '', " reqore-panel"), interactive: interactive, theme: theme }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, opacity: (_b = rest.opacity) !== null && _b !== void 0 ? _b : (minimal ? 0 : 1) }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[headerSize], "px"), icon: icon, margin: 'right' })), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelTitleLabel, __assign({ as: HTMLheaderElement }, { children: label }))) : (label)] }), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ minimal: true }, { children: [actions.map(renderActions), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' })), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: 'CloseLine', onClick: function (e) {
|
|
198
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { as: rest.as || 'div', ref: targetRef, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, className: "".concat(className || '', " reqore-panel"), interactive: interactive, theme: theme }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, opacity: (_b = rest.opacity) !== null && _b !== void 0 ? _b : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[headerSize], "px"), icon: icon, margin: 'right' })), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelTitleLabel, __assign({ as: HTMLheaderElement }, { children: label }))) : (label)] }), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ minimal: true }, { children: [actions.map(renderActions), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' })), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: 'CloseLine', onClick: function (e) {
|
|
200
199
|
e.stopPropagation();
|
|
201
200
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
202
|
-
} }))] }))] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ className: 'reqore-panel-content', hasLabel: !!label, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal, contentSize: contentSize }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, opacity: (_c = rest.opacity) !== null && _c !== void 0 ? _c : (minimal ? 0 : 1) }, { children: [(0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: leftBottomActions.map(renderActions) })), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: rightBottomActions.map(renderActions) }))] }))) : null] })));
|
|
201
|
+
} }))] }))] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ className: 'reqore-panel-content', hasLabel: !!label, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal, contentSize: contentSize, noHorizontalPadding: rest.opacity === 0 }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, opacity: (_c = rest.opacity) !== null && _c !== void 0 ? _c : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: leftBottomActions.map(renderActions) })), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: rightBottomActions.map(renderActions) }))] }))) : null] })));
|
|
203
202
|
});
|
|
204
203
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
205
204
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,qCAAgC;AAChC,+BAAiF;AACjF,uCAA4C;AAC5C,qEAAgD;AAChD,+CAK+B;AAE/B,+CAK8B;AAC9B,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;AASpD,qDAA6D;AAC7D,2CAAiE;AACjE,iEAAiD;AACjD,yDAAyC;AAEzC,iDAAiC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,6 @@ export interface IReqorePopoverProps extends IReqoreComponent, IPopoverOptions {
|
|
|
11
11
|
wrapperStyle?: React.CSSProperties;
|
|
12
12
|
}
|
|
13
13
|
export declare const StyledPopover: any;
|
|
14
|
-
declare const Popover: ({ component: Component, componentProps, children, isReqoreComponent, noWrapper, wrapperTag, wrapperStyle, _insidePopover, _popoverId, ...rest }: IReqorePopoverProps) => JSX.Element
|
|
14
|
+
declare const Popover: React.MemoExoticComponent<({ component: Component, componentProps, children, isReqoreComponent, noWrapper, wrapperTag, wrapperStyle, _insidePopover, _popoverId, ...rest }: IReqorePopoverProps) => JSX.Element>;
|
|
15
15
|
export default Popover;
|
|
16
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,EAAE,eAAe;IAC5E,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,KAEzB,CAAC;AAEF,QAAA,MAAM,OAAO,8KAYR,mBAAmB,iBA6CvB,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -34,10 +34,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
34
34
|
var react_1 = require("react");
|
|
35
35
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
36
|
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
37
|
+
var useWhyDidYouUpdate_1 = require("../../hooks/useWhyDidYouUpdate");
|
|
37
38
|
exports.StyledPopover = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
38
|
-
var Popover = function (_a) {
|
|
39
|
+
var Popover = (0, react_1.memo)(function (_a) {
|
|
39
40
|
var Component = _a.component, componentProps = _a.componentProps, children = _a.children, isReqoreComponent = _a.isReqoreComponent, noWrapper = _a.noWrapper, _b = _a.wrapperTag, wrapperTag = _b === void 0 ? 'span' : _b, _c = _a.wrapperStyle, wrapperStyle = _c === void 0 ? {} : _c, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, rest = __rest(_a, ["component", "componentProps", "children", "isReqoreComponent", "noWrapper", "wrapperTag", "wrapperStyle", "_insidePopover", "_popoverId"]);
|
|
40
41
|
var _d = (0, react_1.useState)(undefined), ref = _d[0], setRef = _d[1];
|
|
42
|
+
(0, useWhyDidYouUpdate_1.useWhyDidYouUpdate)('popover', __assign({ component: Component, componentProps: componentProps, children: children, isReqoreComponent: isReqoreComponent, noWrapper: noWrapper, wrapperTag: wrapperTag, wrapperStyle: wrapperStyle, _insidePopover: _insidePopover, _popoverId: _popoverId }, rest));
|
|
41
43
|
(0, usePopover_1["default"])(__assign({ targetElement: ref }, rest));
|
|
42
44
|
if (isReqoreComponent || noWrapper) {
|
|
43
45
|
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { _insidePopover: _insidePopover, _popoverId: _popoverId, ref: setRef }, { children: children })));
|
|
@@ -49,7 +51,7 @@ var Popover = function (_a) {
|
|
|
49
51
|
, __assign({
|
|
50
52
|
// @ts-ignore
|
|
51
53
|
as: wrapperTag, className: 'reqore-popover-wrapper', ref: setRef, style: wrapperStyle }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { _insidePopover: _insidePopover, _popoverId: _popoverId }, { children: children })) })));
|
|
52
|
-
};
|
|
54
|
+
});
|
|
53
55
|
exports["default"] = Popover;
|
|
54
56
|
var templateObject_1;
|
|
55
57
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA8C;AAC9C,wEAAuC;AACvC,sEAAqE;AACrE,qEAAoE;AAavD,QAAA,aAAa,GAAG,8BAAM,CAAC,IAAI,4FAAA,yBAEvC,KAAC;AAEF,IAAM,OAAO,GAAG,IAAA,YAAI,EAClB,UAAC,EAWqB;IAVpB,IAAW,SAAS,eAAA,EACpB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA,EACnB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACP,IAAI,cAVR,2IAWA,CADQ;IAED,IAAA,KAAgB,IAAA,gBAAQ,EAAC,SAAS,CAAC,EAAlC,GAAG,QAAA,EAAE,MAAM,QAAuB,CAAC;IAE1C,IAAA,uCAAkB,EAAC,SAAS,aAC1B,SAAS,EAAE,SAAS,EACpB,cAAc,gBAAA,EACd,QAAQ,UAAA,EACR,iBAAiB,mBAAA,EACjB,SAAS,WAAA,EACT,UAAU,YAAA,EACV,YAAY,cAAA,EACZ,cAAc,gBAAA,EACd,UAAU,YAAA,IACP,IAAI,EACP,CAAC;IACH,IAAA,uBAAU,aAAG,aAAa,EAAE,GAAG,IAAK,IAAI,EAAG,CAAC;IAE5C,IAAI,iBAAiB,IAAI,SAAS,EAAE;QAClC,OAAO,CACL,uBAAC,SAAS,eACJ,cAAc,IAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,MAAM,gBAEV,QAAQ,IACC,CACb,CAAC;KACH;IAED,OAAO;IACL,aAAa;IACb,uBAAC,qBAAa;IACZ,aAAa;;QAAb,aAAa;QACb,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,YAAY,gBAEnB,uBAAC,SAAS,eAAK,cAAc,IAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,gBAClF,QAAQ,IACC,IACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAoB3C,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,
|
|
1
|
+
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAoB3C,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,WA6HjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/dist/hooks/usePopover.js
CHANGED
|
@@ -49,6 +49,13 @@ var usePopover = function (_a) {
|
|
|
49
49
|
var startEvent = startEvents[handler];
|
|
50
50
|
var endEvent = endEvents[handler];
|
|
51
51
|
var currentPopover = (0, react_1.useMemo)(function () { return popovers === null || popovers === void 0 ? void 0 : popovers.find(function (p) { return p.id === current; }); }, [popovers, current]);
|
|
52
|
+
var openPopover = function () {
|
|
53
|
+
addPopover === null || addPopover === void 0 ? void 0 : addPopover(__assign({ id: current, content: content, targetElement: targetElement, placement: placement, noArrow: noArrow, useTargetWidth: useTargetWidth, closeOnOutsideClick: closeOnOutsideClick, closeOnAnyClick: handler === 'hover' || handler === 'hoverStay' }, rest));
|
|
54
|
+
if ((rest === null || rest === void 0 ? void 0 : rest.blur) > 0) {
|
|
55
|
+
targetElement.style.position = 'relative';
|
|
56
|
+
targetElement.style.zIndex = '999999';
|
|
57
|
+
}
|
|
58
|
+
};
|
|
52
59
|
var _addPopover = function () {
|
|
53
60
|
if (currentPopover) {
|
|
54
61
|
if (handler !== 'hoverStay') {
|
|
@@ -56,13 +63,14 @@ var usePopover = function (_a) {
|
|
|
56
63
|
}
|
|
57
64
|
}
|
|
58
65
|
else if (show) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
+
if (delay) {
|
|
67
|
+
timeout = setTimeout(function () {
|
|
68
|
+
openPopover();
|
|
69
|
+
}, delay);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
openPopover();
|
|
73
|
+
}
|
|
66
74
|
}
|
|
67
75
|
};
|
|
68
76
|
var _removePopover = function () {
|
|
@@ -81,7 +89,7 @@ var usePopover = function (_a) {
|
|
|
81
89
|
if (content && show) {
|
|
82
90
|
updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(current, __assign({ id: current, content: content, targetElement: targetElement, placement: placement, noArrow: noArrow, useTargetWidth: useTargetWidth, closeOnOutsideClick: closeOnOutsideClick, closeOnAnyClick: handler === 'hover' || handler === 'hoverStay' }, rest));
|
|
83
91
|
}
|
|
84
|
-
}, [content
|
|
92
|
+
}, [content]);
|
|
85
93
|
(0, react_1.useEffect)(function () {
|
|
86
94
|
if (openOnMount && targetElement) {
|
|
87
95
|
_addPopover();
|
|
@@ -109,7 +117,13 @@ var usePopover = function (_a) {
|
|
|
109
117
|
}
|
|
110
118
|
}
|
|
111
119
|
};
|
|
112
|
-
}, [
|
|
120
|
+
}, [
|
|
121
|
+
targetElement === null || targetElement === void 0 ? void 0 : targetElement.toString(),
|
|
122
|
+
//@ts-ignore
|
|
123
|
+
content,
|
|
124
|
+
current,
|
|
125
|
+
currentPopover,
|
|
126
|
+
]);
|
|
113
127
|
(0, react_use_1.useUnmount)(function () {
|
|
114
128
|
cancelTimeout();
|
|
115
129
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAiF;AACjF,uCAAwD;AACxD,oDAA8B;AAC9B,6EAAuD;AAEvD,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;CACZ,CAAC;AAuBF,IAAM,UAAU,GAAG,UAAC,EAYF;IAXhB,IAAA,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,KAAK,WAAA,EACF,IAAI,cAXW,wIAYnB,CADQ;IAED,IAAA,KAAyD,IAAA,kBAAU,EAAC,2BAAc,CAAC,EAAjF,UAAU,gBAAA,EAAE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAA+B,CAAC;IAClF,IAAA,OAAO,GAA+B,IAAA,cAAM,EAAC,oBAAO,CAAC,QAAQ,EAAE,CAAC,QAAzD,CAA0D;IACnE,IAAS,OAAO,GAA4B,IAAA,cAAM,EAAC,CAAC,CAAC,QAArC,CAAsC;IAE5D,IAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,IAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,IAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,OAAO,EAAhB,CAAgB,CAAC,EAAvC,CAAuC,EAC7C,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,
|
|
1
|
+
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWhyDidYouUpdate.d.ts","sourceRoot":"","sources":["../../src/hooks/useWhyDidYouUpdate.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,IAAI,KAAA,EAAE,KAAK,KAAA,QA6B7C"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
exports.__esModule = true;
|
|
14
|
+
exports.useWhyDidYouUpdate = void 0;
|
|
15
|
+
var react_1 = require("react");
|
|
16
|
+
function useWhyDidYouUpdate(name, props) {
|
|
17
|
+
// Get a mutable ref object where we can store props ...
|
|
18
|
+
// ... for comparison next time this hook runs.
|
|
19
|
+
var previousProps = (0, react_1.useRef)();
|
|
20
|
+
(0, react_1.useEffect)(function () {
|
|
21
|
+
if (previousProps.current) {
|
|
22
|
+
// Get all keys from previous and current props
|
|
23
|
+
var allKeys = Object.keys(__assign(__assign({}, previousProps.current), props));
|
|
24
|
+
// Use this object to keep track of changed props
|
|
25
|
+
var changesObj_1 = {};
|
|
26
|
+
// Iterate through keys
|
|
27
|
+
allKeys.forEach(function (key) {
|
|
28
|
+
// If previous is different from current
|
|
29
|
+
if (previousProps.current[key] !== props[key]) {
|
|
30
|
+
// Add to changesObj
|
|
31
|
+
changesObj_1[key] = {
|
|
32
|
+
from: previousProps.current[key],
|
|
33
|
+
to: props[key]
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
// If changesObj not empty then output to console
|
|
38
|
+
if (Object.keys(changesObj_1).length) {
|
|
39
|
+
console.log('[why-did-you-update]', name, changesObj_1);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
// Finally update previousProps with current props for next hook call
|
|
43
|
+
previousProps.current = props;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
exports.useWhyDidYouUpdate = useWhyDidYouUpdate;
|
|
47
|
+
//# sourceMappingURL=useWhyDidYouUpdate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWhyDidYouUpdate.js","sourceRoot":"","sources":["../../src/hooks/useWhyDidYouUpdate.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAA0C;AAE1C,SAAgB,kBAAkB,CAAC,IAAI,EAAE,KAAK;IAC5C,wDAAwD;IACxD,+CAA+C;IAC/C,IAAM,aAAa,GAAQ,IAAA,cAAM,GAAE,CAAC;IACpC,IAAA,iBAAS,EAAC;QACR,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,+CAA+C;YAC/C,IAAM,OAAO,GAAG,MAAM,CAAC,IAAI,uBAAM,aAAa,CAAC,OAAO,GAAK,KAAK,EAAG,CAAC;YACpE,iDAAiD;YACjD,IAAM,YAAU,GAAG,EAAE,CAAC;YACtB,uBAAuB;YACvB,OAAO,CAAC,OAAO,CAAC,UAAC,GAAG;gBAClB,wCAAwC;gBACxC,IAAI,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;oBAC7C,oBAAoB;oBACpB,YAAU,CAAC,GAAG,CAAC,GAAG;wBAChB,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC;wBAChC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC;qBACf,CAAC;iBACH;YACH,CAAC,CAAC,CAAC;YACH,iDAAiD;YACjD,IAAI,MAAM,CAAC,IAAI,CAAC,YAAU,CAAC,CAAC,MAAM,EAAE;gBAClC,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,EAAE,YAAU,CAAC,CAAC;aACvD;SACF;QACD,qEAAqE;QACrE,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC;AA7BD,gDA6BC"}
|
package/package.json
CHANGED
|
@@ -12,7 +12,7 @@ import { IReqoreCollectionItemProps, ReqoreCollectionItem } from './item';
|
|
|
12
12
|
export interface IReqoreCollectionProps
|
|
13
13
|
extends Pick<
|
|
14
14
|
IReqorePanelProps,
|
|
15
|
-
'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label'
|
|
15
|
+
'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label' | 'headerSize'
|
|
16
16
|
>,
|
|
17
17
|
IReqoreColumnsProps {
|
|
18
18
|
items?: IReqoreCollectionItemProps[];
|
|
@@ -48,6 +48,7 @@ export const ReqoreCollection = ({
|
|
|
48
48
|
maxItemHeight,
|
|
49
49
|
filterable,
|
|
50
50
|
sortable,
|
|
51
|
+
headerSize = 2,
|
|
51
52
|
...rest
|
|
52
53
|
}: IReqoreCollectionProps) => {
|
|
53
54
|
const [showAs, setShowAs] = useState<'list' | 'grid'>('grid');
|
|
@@ -152,11 +153,11 @@ export const ReqoreCollection = ({
|
|
|
152
153
|
return (
|
|
153
154
|
<ReqorePanel
|
|
154
155
|
{...rest}
|
|
156
|
+
headerSize={headerSize}
|
|
155
157
|
style={{
|
|
156
158
|
height: height ?? undefined,
|
|
157
159
|
}}
|
|
158
160
|
fill={fill}
|
|
159
|
-
headerSize={2}
|
|
160
161
|
padded
|
|
161
162
|
opacity={0}
|
|
162
163
|
actions={finalActions}
|
|
@@ -7,7 +7,7 @@ import ReqoreContext from '../../context/ReqoreContext';
|
|
|
7
7
|
import { changeDarkness, getMainBackgroundColor } from '../../helpers/colors';
|
|
8
8
|
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
9
9
|
import { StyledBackdrop } from '../Drawer';
|
|
10
|
-
import {
|
|
10
|
+
import { IReqoreDropdownItem } from '../Dropdown/list';
|
|
11
11
|
import {
|
|
12
12
|
IReqorePanelAction,
|
|
13
13
|
IReqorePanelBottomAction,
|
|
@@ -35,7 +35,7 @@ export interface IReqoreCollectionItemProps
|
|
|
35
35
|
expandedContent?: string | React.ReactNode;
|
|
36
36
|
expandedActions?: IReqorePanelBottomAction[];
|
|
37
37
|
image?: string;
|
|
38
|
-
actions?:
|
|
38
|
+
actions?: IReqoreDropdownItem[];
|
|
39
39
|
tags?: IReqoreTagProps[];
|
|
40
40
|
maxContentHeight?: number;
|
|
41
41
|
}
|
|
@@ -177,7 +177,10 @@ export const ReqoreCollectionItem = ({
|
|
|
177
177
|
expandedContent && isSelected ? expandedContent : content;
|
|
178
178
|
|
|
179
179
|
const actualActions: IReqorePanelAction[] | undefined = isSelected
|
|
180
|
-
?
|
|
180
|
+
? ([
|
|
181
|
+
...(actions || []),
|
|
182
|
+
{ icon: 'CloseLine', onClick: handleItemClick },
|
|
183
|
+
] as IReqorePanelAction[])
|
|
181
184
|
: size(actions)
|
|
182
185
|
? [{ icon: 'More2Fill', actions }]
|
|
183
186
|
: undefined;
|