@patternfly/react-core 4.202.10 → 4.202.11
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/CHANGELOG.md +11 -0
- package/dist/esm/components/Drawer/Drawer.d.ts +1 -0
- package/dist/esm/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/esm/components/Drawer/Drawer.js +3 -2
- package/dist/esm/components/Drawer/Drawer.js.map +1 -1
- package/dist/esm/components/Drawer/DrawerContent.d.ts.map +1 -1
- package/dist/esm/components/Drawer/DrawerContent.js +3 -2
- package/dist/esm/components/Drawer/DrawerContent.js.map +1 -1
- package/dist/esm/components/Drawer/DrawerPanelContent.d.ts +2 -2
- package/dist/esm/components/Drawer/DrawerPanelContent.d.ts.map +1 -1
- package/dist/esm/components/Drawer/DrawerPanelContent.js +65 -37
- package/dist/esm/components/Drawer/DrawerPanelContent.js.map +1 -1
- package/dist/js/components/Drawer/Drawer.d.ts +1 -0
- package/dist/js/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/js/components/Drawer/Drawer.js +3 -2
- package/dist/js/components/Drawer/Drawer.js.map +1 -1
- package/dist/js/components/Drawer/DrawerContent.d.ts.map +1 -1
- package/dist/js/components/Drawer/DrawerContent.js +3 -2
- package/dist/js/components/Drawer/DrawerContent.js.map +1 -1
- package/dist/js/components/Drawer/DrawerPanelContent.d.ts +2 -2
- package/dist/js/components/Drawer/DrawerPanelContent.d.ts.map +1 -1
- package/dist/js/components/Drawer/DrawerPanelContent.js +65 -37
- package/dist/js/components/Drawer/DrawerPanelContent.js.map +1 -1
- package/dist/umd/react-core.js +70 -41
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/Drawer/Drawer.tsx +4 -2
- package/src/components/Drawer/DrawerContent.tsx +19 -15
- package/src/components/Drawer/DrawerPanelContent.tsx +110 -75
- package/src/components/Drawer/__tests__/Generated/DrawerContent.test.tsx +2 -2
- package/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerContent.test.tsx.snap +88 -9
- package/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerPanelContent.test.tsx.snap +1 -0
- package/src/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +15 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerPanelContent.js","sourceRoot":"","sources":["../../../../src/components/Drawer/DrawerPanelContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAC/C,qCAA6D;AAC7D,6CAA0D;
|
|
1
|
+
{"version":3,"file":"DrawerPanelContent.js","sourceRoot":"","sources":["../../../../src/components/Drawer/DrawerPanelContent.tsx"],"names":[],"mappings":"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"}
|
package/dist/umd/react-core.js
CHANGED
|
@@ -9806,12 +9806,13 @@
|
|
|
9806
9806
|
isStatic: false,
|
|
9807
9807
|
onExpand: () => { },
|
|
9808
9808
|
position: 'right',
|
|
9809
|
-
drawerRef: null
|
|
9809
|
+
drawerRef: null,
|
|
9810
|
+
isInline: false
|
|
9810
9811
|
});
|
|
9811
9812
|
const Drawer = (_a) => {
|
|
9812
9813
|
var { className = '', children, isExpanded = false, isInline = false, isStatic = false, position = 'right', onExpand = () => { } } = _a, props = __rest$1(_a, ["className", "children", "isExpanded", "isInline", "isStatic", "position", "onExpand"]);
|
|
9813
9814
|
const drawerRef = React__namespace.useRef();
|
|
9814
|
-
return (React__namespace.createElement(DrawerContext.Provider, { value: { isExpanded, isStatic, onExpand, position, drawerRef } },
|
|
9815
|
+
return (React__namespace.createElement(DrawerContext.Provider, { value: { isExpanded, isStatic, onExpand, position, drawerRef, isInline } },
|
|
9815
9816
|
React__namespace.createElement("div", Object.assign({ className: css(_default$P.drawer, isExpanded && _default$P.modifiers.expanded, isInline && _default$P.modifiers.inline, isStatic && _default$P.modifiers.static, position === 'left' && _default$P.modifiers.panelLeft, position === 'bottom' && _default$P.modifiers.panelBottom, className), ref: drawerRef }, props), children)));
|
|
9816
9817
|
};
|
|
9817
9818
|
Drawer.displayName = 'Drawer';
|
|
@@ -9846,9 +9847,10 @@
|
|
|
9846
9847
|
var {
|
|
9847
9848
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9848
9849
|
className = '', children, panelContent, colorVariant = exports.DrawerColorVariant.default } = _a, props = __rest$1(_a, ["className", "children", "panelContent", "colorVariant"]);
|
|
9850
|
+
const drawerContentRef = React__namespace.useRef();
|
|
9849
9851
|
return (React__namespace.createElement(DrawerMain, null,
|
|
9850
|
-
React__namespace.createElement("div", Object.assign({ className: css(_default$P.drawerContent, colorVariant === exports.DrawerColorVariant.light200 && _default$P.modifiers.light_200, className) }, props), children),
|
|
9851
|
-
panelContent));
|
|
9852
|
+
React__namespace.createElement("div", Object.assign({ className: css(_default$P.drawerContent, colorVariant === exports.DrawerColorVariant.light200 && _default$P.modifiers.light_200, className), ref: drawerContentRef }, props), children),
|
|
9853
|
+
React__namespace.cloneElement(panelContent, { drawerContentRef })));
|
|
9852
9854
|
};
|
|
9853
9855
|
DrawerContent.displayName = 'DrawerContent';
|
|
9854
9856
|
|
|
@@ -9880,9 +9882,11 @@
|
|
|
9880
9882
|
let isResizing = null;
|
|
9881
9883
|
let newSize = 0;
|
|
9882
9884
|
const DrawerPanelContent = (_a) => {
|
|
9883
|
-
var { className = '', id, children, hasNoBorder = false, isResizable = false, onResize, minSize, defaultSize, maxSize, increment = 5, resizeAriaLabel = 'Resize',
|
|
9885
|
+
var { className = '', id, children, hasNoBorder = false, isResizable = false, onResize, minSize, defaultSize, maxSize, increment = 5, resizeAriaLabel = 'Resize', widths, colorVariant = exports.DrawerColorVariant.default, drawerContentRef } = _a, props = __rest$1(_a, ["className", "id", "children", "hasNoBorder", "isResizable", "onResize", "minSize", "defaultSize", "maxSize", "increment", "resizeAriaLabel", "widths", "colorVariant", "drawerContentRef"]);
|
|
9884
9886
|
const panel = React__namespace.useRef();
|
|
9885
|
-
const
|
|
9887
|
+
const splitterRef = React__namespace.useRef();
|
|
9888
|
+
const [separatorValue, setSeparatorValue] = React__namespace.useState(0);
|
|
9889
|
+
const { position, isExpanded, isStatic, onExpand, drawerRef, isInline } = React__namespace.useContext(DrawerContext);
|
|
9886
9890
|
const hidden = isStatic ? false : !isExpanded;
|
|
9887
9891
|
const [isExpandedInternal, setIsExpandedInternal] = React__namespace.useState(!hidden);
|
|
9888
9892
|
let currWidth = 0;
|
|
@@ -9896,6 +9900,38 @@
|
|
|
9896
9900
|
setIsExpandedInternal(isExpanded);
|
|
9897
9901
|
}
|
|
9898
9902
|
}, [isStatic, isExpanded]);
|
|
9903
|
+
const calcValueNow = () => {
|
|
9904
|
+
let splitterPos;
|
|
9905
|
+
let drawerSize;
|
|
9906
|
+
if (isInline && position === 'right') {
|
|
9907
|
+
splitterPos = panel.current.getBoundingClientRect().right - splitterRef.current.getBoundingClientRect().left;
|
|
9908
|
+
drawerSize = drawerRef.current.getBoundingClientRect().right - drawerRef.current.getBoundingClientRect().left;
|
|
9909
|
+
}
|
|
9910
|
+
else if (isInline && position === 'left') {
|
|
9911
|
+
splitterPos = splitterRef.current.getBoundingClientRect().right - panel.current.getBoundingClientRect().left;
|
|
9912
|
+
drawerSize = drawerRef.current.getBoundingClientRect().right - drawerRef.current.getBoundingClientRect().left;
|
|
9913
|
+
}
|
|
9914
|
+
else if (position === 'right') {
|
|
9915
|
+
splitterPos =
|
|
9916
|
+
drawerContentRef.current.getBoundingClientRect().right - splitterRef.current.getBoundingClientRect().left;
|
|
9917
|
+
drawerSize =
|
|
9918
|
+
drawerContentRef.current.getBoundingClientRect().right - drawerContentRef.current.getBoundingClientRect().left;
|
|
9919
|
+
}
|
|
9920
|
+
else if (position === 'left') {
|
|
9921
|
+
splitterPos =
|
|
9922
|
+
splitterRef.current.getBoundingClientRect().right - drawerContentRef.current.getBoundingClientRect().left;
|
|
9923
|
+
drawerSize =
|
|
9924
|
+
drawerContentRef.current.getBoundingClientRect().right - drawerContentRef.current.getBoundingClientRect().left;
|
|
9925
|
+
}
|
|
9926
|
+
else if (position === 'bottom') {
|
|
9927
|
+
splitterPos =
|
|
9928
|
+
drawerContentRef.current.getBoundingClientRect().bottom - splitterRef.current.getBoundingClientRect().top;
|
|
9929
|
+
drawerSize =
|
|
9930
|
+
drawerContentRef.current.getBoundingClientRect().bottom - drawerContentRef.current.getBoundingClientRect().top;
|
|
9931
|
+
}
|
|
9932
|
+
const newSplitterPos = (splitterPos / drawerSize) * 100;
|
|
9933
|
+
return Math.round((newSplitterPos + Number.EPSILON) * 100) / 100;
|
|
9934
|
+
};
|
|
9899
9935
|
const handleTouchStart = (e) => {
|
|
9900
9936
|
e.stopPropagation();
|
|
9901
9937
|
document.addEventListener('touchmove', callbackTouchMove, { passive: false });
|
|
@@ -9949,6 +9985,7 @@
|
|
|
9949
9985
|
}
|
|
9950
9986
|
panel.current.style.setProperty('--pf-c-drawer__panel--md--FlexBasis', newSize + 'px');
|
|
9951
9987
|
currWidth = newSize;
|
|
9988
|
+
setSeparatorValue(calcValueNow());
|
|
9952
9989
|
};
|
|
9953
9990
|
const handleMouseup = () => {
|
|
9954
9991
|
if (!isResizing) {
|
|
@@ -9977,8 +10014,7 @@
|
|
|
9977
10014
|
const callbackMouseUp = React__namespace.useCallback(handleMouseup, []);
|
|
9978
10015
|
const handleKeys = (e) => {
|
|
9979
10016
|
const key = e.key;
|
|
9980
|
-
if (key !== '
|
|
9981
|
-
key !== 'Escape' &&
|
|
10017
|
+
if (key !== 'Escape' &&
|
|
9982
10018
|
key !== 'Enter' &&
|
|
9983
10019
|
key !== 'ArrowUp' &&
|
|
9984
10020
|
key !== 'ArrowDown' &&
|
|
@@ -9990,38 +10026,31 @@
|
|
|
9990
10026
|
return;
|
|
9991
10027
|
}
|
|
9992
10028
|
e.preventDefault();
|
|
9993
|
-
if (key === '
|
|
9994
|
-
|
|
9995
|
-
isResizing = true;
|
|
9996
|
-
}
|
|
9997
|
-
else {
|
|
9998
|
-
isResizing = false;
|
|
9999
|
-
onResize && onResize(currWidth, id);
|
|
10000
|
-
}
|
|
10001
|
-
const panelRect = panel.current.getBoundingClientRect();
|
|
10002
|
-
newSize = position === 'bottom' ? panelRect.height : panelRect.width;
|
|
10029
|
+
if (key === 'Escape' || key === 'Enter') {
|
|
10030
|
+
onResize && onResize(currWidth, id);
|
|
10003
10031
|
}
|
|
10004
|
-
|
|
10005
|
-
|
|
10006
|
-
|
|
10007
|
-
|
|
10008
|
-
|
|
10009
|
-
|
|
10010
|
-
|
|
10011
|
-
|
|
10012
|
-
|
|
10013
|
-
|
|
10014
|
-
|
|
10015
|
-
|
|
10016
|
-
|
|
10017
|
-
|
|
10018
|
-
newSize = newSize + delta;
|
|
10019
|
-
if (position === 'bottom') {
|
|
10020
|
-
panel.current.style.overflowAnchor = 'none';
|
|
10021
|
-
}
|
|
10022
|
-
panel.current.style.setProperty('--pf-c-drawer__panel--md--FlexBasis', newSize + 'px');
|
|
10023
|
-
currWidth = newSize;
|
|
10032
|
+
const panelRect = panel.current.getBoundingClientRect();
|
|
10033
|
+
newSize = position === 'bottom' ? panelRect.height : panelRect.width;
|
|
10034
|
+
let delta = 0;
|
|
10035
|
+
if (key === 'ArrowRight') {
|
|
10036
|
+
delta = position === 'left' ? increment : -increment;
|
|
10037
|
+
}
|
|
10038
|
+
else if (key === 'ArrowLeft') {
|
|
10039
|
+
delta = position === 'left' ? -increment : increment;
|
|
10040
|
+
}
|
|
10041
|
+
else if (key === 'ArrowUp') {
|
|
10042
|
+
delta = increment;
|
|
10043
|
+
}
|
|
10044
|
+
else if (key === 'ArrowDown') {
|
|
10045
|
+
delta = -increment;
|
|
10024
10046
|
}
|
|
10047
|
+
newSize = newSize + delta;
|
|
10048
|
+
if (position === 'bottom') {
|
|
10049
|
+
panel.current.style.overflowAnchor = 'none';
|
|
10050
|
+
}
|
|
10051
|
+
panel.current.style.setProperty('--pf-c-drawer__panel--md--FlexBasis', newSize + 'px');
|
|
10052
|
+
currWidth = newSize;
|
|
10053
|
+
setSeparatorValue(calcValueNow());
|
|
10025
10054
|
};
|
|
10026
10055
|
const boundaryCssVars = {};
|
|
10027
10056
|
if (defaultSize) {
|
|
@@ -10033,7 +10062,7 @@
|
|
|
10033
10062
|
if (maxSize) {
|
|
10034
10063
|
boundaryCssVars['--pf-c-drawer__panel--md--FlexBasis--max'] = maxSize;
|
|
10035
10064
|
}
|
|
10036
|
-
return (React__namespace.createElement("div", Object.assign({ id: id, className: css(_default$P.drawerPanel, isResizable && _default$P.modifiers.resizable, hasNoBorder && _default$P.modifiers.noBorder, formatBreakpointMods(widths, _default$P), colorVariant === exports.DrawerColorVariant.light200 && _default$P.modifiers.light_200, className), ref: panel, onTransitionEnd: ev => {
|
|
10065
|
+
return (React__namespace.createElement(GenerateId, { prefix: "pf-drawer-panel-" }, panelId => (React__namespace.createElement("div", Object.assign({ id: id || panelId, className: css(_default$P.drawerPanel, isResizable && _default$P.modifiers.resizable, hasNoBorder && _default$P.modifiers.noBorder, formatBreakpointMods(widths, _default$P), colorVariant === exports.DrawerColorVariant.light200 && _default$P.modifiers.light_200, className), ref: panel, onTransitionEnd: ev => {
|
|
10037
10066
|
if (!hidden && ev.nativeEvent.propertyName === 'transform') {
|
|
10038
10067
|
onExpand();
|
|
10039
10068
|
}
|
|
@@ -10042,10 +10071,10 @@
|
|
|
10042
10071
|
style: boundaryCssVars
|
|
10043
10072
|
}), props), isExpandedInternal && (React__namespace.createElement(React__namespace.Fragment, null,
|
|
10044
10073
|
isResizable && (React__namespace.createElement(React__namespace.Fragment, null,
|
|
10045
|
-
React__namespace.createElement("div", { className: css(_default$P.drawerSplitter, position !== 'bottom' && _default$P.modifiers.vertical), role: "separator", tabIndex: 0, "aria-orientation": position === 'bottom' ? 'horizontal' : 'vertical', "aria-label": resizeAriaLabel, "aria-
|
|
10074
|
+
React__namespace.createElement("div", { className: css(_default$P.drawerSplitter, position !== 'bottom' && _default$P.modifiers.vertical), role: "separator", tabIndex: 0, "aria-orientation": position === 'bottom' ? 'horizontal' : 'vertical', "aria-label": resizeAriaLabel, "aria-valuenow": separatorValue, "aria-valuemin": 0, "aria-valuemax": 100, "aria-controls": id || panelId, onMouseDown: handleMousedown, onKeyDown: handleKeys, onTouchStart: handleTouchStart, ref: splitterRef },
|
|
10046
10075
|
React__namespace.createElement("div", { className: css(_default$P.drawerSplitterHandle), "aria-hidden": true })),
|
|
10047
10076
|
React__namespace.createElement("div", { className: css(_default$P.drawerPanelMain) }, children))),
|
|
10048
|
-
!isResizable && children))));
|
|
10077
|
+
!isResizable && children))))));
|
|
10049
10078
|
};
|
|
10050
10079
|
DrawerPanelContent.displayName = 'DrawerPanelContent';
|
|
10051
10080
|
|