@patternfly/react-drag-drop 6.5.0-prerelease.5 → 6.5.0-prerelease.51
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 +180 -0
- package/dist/cjs.tsbuildinfo +1 -1
- package/dist/esm/components/DragDrop/DragDropContainer.d.ts +2 -0
- package/dist/esm/components/DragDrop/DragDropContainer.d.ts.map +1 -1
- package/dist/esm/components/DragDrop/DragDropContainer.js +3 -2
- package/dist/esm/components/DragDrop/DragDropContainer.js.map +1 -1
- package/dist/esm.tsbuildinfo +1 -1
- package/dist/js/components/DragDrop/DragDropContainer.d.ts +2 -0
- package/dist/js/components/DragDrop/DragDropContainer.d.ts.map +1 -1
- package/dist/js/components/DragDrop/DragDropContainer.js +3 -2
- package/dist/js/components/DragDrop/DragDropContainer.js.map +1 -1
- package/package.json +5 -5
- package/src/components/DragDrop/DragDropContainer.tsx +7 -1
- package/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap +51 -15
|
@@ -36,6 +36,8 @@ export interface DragDropContainerProps extends DndContextProps {
|
|
|
36
36
|
variant?: 'default' | 'DataList' | 'DualListSelectorList';
|
|
37
37
|
/** Additional classes to apply to the drag overlay */
|
|
38
38
|
overlayProps?: any;
|
|
39
|
+
/** The parent container to append the drag overlay to. Defaults to document.body. */
|
|
40
|
+
appendTo?: HTMLElement | (() => HTMLElement);
|
|
39
41
|
}
|
|
40
42
|
export declare const DragDropContainer: React.FunctionComponent<DragDropContainerProps>;
|
|
41
43
|
//# sourceMappingURL=DragDropContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragDropContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropContainer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAIL,eAAe,EAKf,YAAY,EACZ,cAAc,EAEd,aAAa,EAKb,eAAe,EAChB,MAAM,eAAe,CAAC;AASvB,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC;AAC7D,MAAM,MAAM,8BAA8B,GAAG,aAAa,CAAC;AAC3D,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC;AACzD,MAAM,MAAM,gCAAgC,GAAG,eAAe,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,+CAA+C;IAC/C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mEAAmE;IACnE,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,eAAe;IAC7D,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IACzC,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,IAAI,CAAC;IAC1D,4DAA4D;IAC5D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5G,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC;IACjG,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC;IACvG;;;;SAIK;IACL,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,sBAAsB,CAAC;IAC1D,sDAAsD;IACtD,YAAY,CAAC,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"DragDropContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropContainer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAIL,eAAe,EAKf,YAAY,EACZ,cAAc,EAEd,aAAa,EAKb,eAAe,EAChB,MAAM,eAAe,CAAC;AASvB,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC;AAC7D,MAAM,MAAM,8BAA8B,GAAG,aAAa,CAAC;AAC3D,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC;AACzD,MAAM,MAAM,gCAAgC,GAAG,eAAe,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,+CAA+C;IAC/C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mEAAmE;IACnE,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,eAAe;IAC7D,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IACzC,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,IAAI,CAAC;IAC1D,4DAA4D;IAC5D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5G,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC;IACjG,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC;IACvG;;;;SAIK;IACL,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,sBAAsB,CAAC;IAC1D,sDAAsD;IACtD,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA8O7E,CAAC"}
|
|
@@ -15,7 +15,7 @@ const drag_drop_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
|
|
|
15
15
|
const DataList_1 = require('@patternfly/react-core/dist/js/components/DataList/DataList');
|
|
16
16
|
const util_1 = require('@patternfly/react-core/dist/js/helpers/util');
|
|
17
17
|
const DragDropContainer = (_a) => {
|
|
18
|
-
var { children, items, onDrag = () => { }, onContainerMove = () => { }, onDrop = () => { }, onCancel = () => { }, variant = 'default', overlayProps } = _a, props = tslib_1.__rest(_a, ["children", "items", "onDrag", "onContainerMove", "onDrop", "onCancel", "variant", "overlayProps"]);
|
|
18
|
+
var { children, items, onDrag = () => { }, onContainerMove = () => { }, onDrop = () => { }, onCancel = () => { }, variant = 'default', overlayProps, appendTo = () => document.body } = _a, props = tslib_1.__rest(_a, ["children", "items", "onDrag", "onContainerMove", "onDrop", "onCancel", "variant", "overlayProps", "appendTo"]);
|
|
19
19
|
const itemsCopy = (0, react_1.useRef)(null);
|
|
20
20
|
const hasRecentlyMovedContainer = (0, react_1.useRef)(false);
|
|
21
21
|
const [activeId, setActiveId] = (0, react_1.useState)(null);
|
|
@@ -141,7 +141,8 @@ const DragDropContainer = (_a) => {
|
|
|
141
141
|
}, children: [variant === 'DualListSelectorList' && (0, jsx_runtime_1.jsx)("ul", { className: "pf-v6-c-dual-list-selector", children: content }), variant === 'DataList' && ((0, jsx_runtime_1.jsx)(DataList_1.DataList, Object.assign({ "aria-label": "draggable overlay" }, overlayProps, { children: content }))), variant !== 'DualListSelectorList' && variant !== 'DataList' && content] }));
|
|
142
142
|
};
|
|
143
143
|
const dragOverlay = (0, jsx_runtime_1.jsx)(core_1.DragOverlay, { children: activeId && getDragOverlay() });
|
|
144
|
-
|
|
144
|
+
const portalTarget = typeof appendTo === 'function' ? appendTo() : appendTo || document.body;
|
|
145
|
+
return ((0, jsx_runtime_1.jsxs)(core_1.DndContext, Object.assign({ sensors: sensors, collisionDetection: collisionDetectionStrategy, onDragEnd: handleDragEnd, onDragOver: handleDragOver, onDragStart: handleDragStart, onDragCancel: handleDragCancel }, props, { children: [children, util_1.canUseDOM && portalTarget ? ReactDOM.createPortal(dragOverlay, portalTarget) : dragOverlay] })));
|
|
145
146
|
};
|
|
146
147
|
exports.DragDropContainer = DragDropContainer;
|
|
147
148
|
exports.DragDropContainer.displayName = 'DragDropContainer';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragDropContainer.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropContainer.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiE;AACjE,4DAAsC;AACtC,2DAA+C;AAC/C,wCAkBuB;AACvB,gDAA2E;AAC3E,2CAAwC;AACxC,mEAAgE;AAChE,2FAAwF;AACxF,mHAAgF;;;
|
|
1
|
+
{"version":3,"file":"DragDropContainer.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropContainer.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-drag-drop",
|
|
3
|
-
"version": "6.5.0-prerelease.
|
|
3
|
+
"version": "6.5.0-prerelease.51",
|
|
4
4
|
"description": "PatternFly drag and drop solution",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
"@dnd-kit/core": "^6.3.1",
|
|
33
33
|
"@dnd-kit/modifiers": "^9.0.0",
|
|
34
34
|
"@dnd-kit/sortable": "^10.0.0",
|
|
35
|
-
"@patternfly/react-core": "^6.5.0-prerelease.
|
|
36
|
-
"@patternfly/react-icons": "^6.5.0-prerelease.
|
|
37
|
-
"@patternfly/react-styles": "^6.5.0-prerelease.
|
|
35
|
+
"@patternfly/react-core": "^6.5.0-prerelease.50",
|
|
36
|
+
"@patternfly/react-icons": "^6.5.0-prerelease.21",
|
|
37
|
+
"@patternfly/react-styles": "^6.5.0-prerelease.16",
|
|
38
38
|
"resize-observer-polyfill": "^1.5.1"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"react": "^17 || ^18 || ^19",
|
|
42
42
|
"react-dom": "^17 || ^18 || ^19"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "911223aa1a6b9309d90d31245bc29f3e1a9c675c"
|
|
45
45
|
}
|
|
@@ -66,6 +66,8 @@ export interface DragDropContainerProps extends DndContextProps {
|
|
|
66
66
|
variant?: 'default' | 'DataList' | 'DualListSelectorList';
|
|
67
67
|
/** Additional classes to apply to the drag overlay */
|
|
68
68
|
overlayProps?: any;
|
|
69
|
+
/** The parent container to append the drag overlay to. Defaults to document.body. */
|
|
70
|
+
appendTo?: HTMLElement | (() => HTMLElement);
|
|
69
71
|
}
|
|
70
72
|
|
|
71
73
|
export const DragDropContainer: React.FunctionComponent<DragDropContainerProps> = ({
|
|
@@ -77,6 +79,7 @@ export const DragDropContainer: React.FunctionComponent<DragDropContainerProps>
|
|
|
77
79
|
onCancel = () => {},
|
|
78
80
|
variant = 'default',
|
|
79
81
|
overlayProps,
|
|
82
|
+
appendTo = () => document.body,
|
|
80
83
|
...props
|
|
81
84
|
}: DragDropContainerProps) => {
|
|
82
85
|
const itemsCopy = useRef<Record<string, DraggableObject[]> | null>(null);
|
|
@@ -288,6 +291,9 @@ export const DragDropContainer: React.FunctionComponent<DragDropContainerProps>
|
|
|
288
291
|
};
|
|
289
292
|
|
|
290
293
|
const dragOverlay = <DragOverlay>{activeId && getDragOverlay()}</DragOverlay>;
|
|
294
|
+
|
|
295
|
+
const portalTarget = typeof appendTo === 'function' ? appendTo() : appendTo || document.body;
|
|
296
|
+
|
|
291
297
|
return (
|
|
292
298
|
<DndContext
|
|
293
299
|
sensors={sensors}
|
|
@@ -299,7 +305,7 @@ export const DragDropContainer: React.FunctionComponent<DragDropContainerProps>
|
|
|
299
305
|
{...props}
|
|
300
306
|
>
|
|
301
307
|
{children}
|
|
302
|
-
{canUseDOM ? ReactDOM.createPortal(dragOverlay,
|
|
308
|
+
{canUseDOM && portalTarget ? ReactDOM.createPortal(dragOverlay, portalTarget) : dragOverlay}
|
|
303
309
|
</DndContext>
|
|
304
310
|
);
|
|
305
311
|
};
|
|
@@ -15,7 +15,7 @@ exports[`renders some divs 1`] = `
|
|
|
15
15
|
aria-label="Drag button"
|
|
16
16
|
aria-roledescription="sortable"
|
|
17
17
|
class="pf-v6-c-button pf-m-plain"
|
|
18
|
-
data-ouia-component-id="OUIA-Generated-Button-plain
|
|
18
|
+
data-ouia-component-id="OUIA-Generated-Button-plain-:r0:"
|
|
19
19
|
data-ouia-component-type="PF6/Button"
|
|
20
20
|
data-ouia-safe="true"
|
|
21
21
|
role="button"
|
|
@@ -34,12 +34,24 @@ exports[`renders some divs 1`] = `
|
|
|
34
34
|
fill="currentColor"
|
|
35
35
|
height="1em"
|
|
36
36
|
role="img"
|
|
37
|
-
viewBox="0 0 320 512"
|
|
38
37
|
width="1em"
|
|
39
38
|
>
|
|
40
|
-
<
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
<svg
|
|
40
|
+
class="pf-v6-icon-default"
|
|
41
|
+
viewBox="0 0 320 512"
|
|
42
|
+
>
|
|
43
|
+
<path
|
|
44
|
+
d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
|
|
45
|
+
/>
|
|
46
|
+
</svg>
|
|
47
|
+
<svg
|
|
48
|
+
class="pf-v6-icon-rh-ui"
|
|
49
|
+
viewBox="0 0 32 32"
|
|
50
|
+
>
|
|
51
|
+
<path
|
|
52
|
+
d="M12.75 1h-5.5C6.561 1 6 1.561 6 2.25v5.5C6 8.439 6.561 9 7.25 9h5.5C13.439 9 14 8.439 14 7.75v-5.5C14 1.561 13.439 1 12.75 1ZM12 7H8V3h4v4Zm12.75-6h-5.5C18.561 1 18 1.561 18 2.25v5.5c0 .689.561 1.25 1.25 1.25h5.5C25.439 9 26 8.439 26 7.75v-5.5C26 1.561 25.439 1 24.75 1ZM24 7h-4V3h4v4Zm-11.25 5h-5.5C6.561 12 6 12.561 6 13.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM12 18H8v-4h4v4Zm12.75-6h-5.5c-.689 0-1.25.561-1.25 1.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM24 18h-4v-4h4v4Zm-11.25 5h-5.5C6.561 23 6 23.561 6 24.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM12 29H8v-4h4v4Zm12.75-6h-5.5c-.689 0-1.25.561-1.25 1.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM24 29h-4v-4h4v4Z"
|
|
53
|
+
/>
|
|
54
|
+
</svg>
|
|
43
55
|
</svg>
|
|
44
56
|
</span>
|
|
45
57
|
</span>
|
|
@@ -55,7 +67,7 @@ exports[`renders some divs 1`] = `
|
|
|
55
67
|
aria-label="Drag button"
|
|
56
68
|
aria-roledescription="sortable"
|
|
57
69
|
class="pf-v6-c-button pf-m-plain"
|
|
58
|
-
data-ouia-component-id="OUIA-Generated-Button-plain
|
|
70
|
+
data-ouia-component-id="OUIA-Generated-Button-plain-:r1:"
|
|
59
71
|
data-ouia-component-type="PF6/Button"
|
|
60
72
|
data-ouia-safe="true"
|
|
61
73
|
role="button"
|
|
@@ -74,12 +86,24 @@ exports[`renders some divs 1`] = `
|
|
|
74
86
|
fill="currentColor"
|
|
75
87
|
height="1em"
|
|
76
88
|
role="img"
|
|
77
|
-
viewBox="0 0 320 512"
|
|
78
89
|
width="1em"
|
|
79
90
|
>
|
|
80
|
-
<
|
|
81
|
-
|
|
82
|
-
|
|
91
|
+
<svg
|
|
92
|
+
class="pf-v6-icon-default"
|
|
93
|
+
viewBox="0 0 320 512"
|
|
94
|
+
>
|
|
95
|
+
<path
|
|
96
|
+
d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
|
|
97
|
+
/>
|
|
98
|
+
</svg>
|
|
99
|
+
<svg
|
|
100
|
+
class="pf-v6-icon-rh-ui"
|
|
101
|
+
viewBox="0 0 32 32"
|
|
102
|
+
>
|
|
103
|
+
<path
|
|
104
|
+
d="M12.75 1h-5.5C6.561 1 6 1.561 6 2.25v5.5C6 8.439 6.561 9 7.25 9h5.5C13.439 9 14 8.439 14 7.75v-5.5C14 1.561 13.439 1 12.75 1ZM12 7H8V3h4v4Zm12.75-6h-5.5C18.561 1 18 1.561 18 2.25v5.5c0 .689.561 1.25 1.25 1.25h5.5C25.439 9 26 8.439 26 7.75v-5.5C26 1.561 25.439 1 24.75 1ZM24 7h-4V3h4v4Zm-11.25 5h-5.5C6.561 12 6 12.561 6 13.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM12 18H8v-4h4v4Zm12.75-6h-5.5c-.689 0-1.25.561-1.25 1.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM24 18h-4v-4h4v4Zm-11.25 5h-5.5C6.561 23 6 23.561 6 24.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM12 29H8v-4h4v4Zm12.75-6h-5.5c-.689 0-1.25.561-1.25 1.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM24 29h-4v-4h4v4Z"
|
|
105
|
+
/>
|
|
106
|
+
</svg>
|
|
83
107
|
</svg>
|
|
84
108
|
</span>
|
|
85
109
|
</span>
|
|
@@ -95,7 +119,7 @@ exports[`renders some divs 1`] = `
|
|
|
95
119
|
aria-label="Drag button"
|
|
96
120
|
aria-roledescription="sortable"
|
|
97
121
|
class="pf-v6-c-button pf-m-plain"
|
|
98
|
-
data-ouia-component-id="OUIA-Generated-Button-plain
|
|
122
|
+
data-ouia-component-id="OUIA-Generated-Button-plain-:r2:"
|
|
99
123
|
data-ouia-component-type="PF6/Button"
|
|
100
124
|
data-ouia-safe="true"
|
|
101
125
|
role="button"
|
|
@@ -114,12 +138,24 @@ exports[`renders some divs 1`] = `
|
|
|
114
138
|
fill="currentColor"
|
|
115
139
|
height="1em"
|
|
116
140
|
role="img"
|
|
117
|
-
viewBox="0 0 320 512"
|
|
118
141
|
width="1em"
|
|
119
142
|
>
|
|
120
|
-
<
|
|
121
|
-
|
|
122
|
-
|
|
143
|
+
<svg
|
|
144
|
+
class="pf-v6-icon-default"
|
|
145
|
+
viewBox="0 0 320 512"
|
|
146
|
+
>
|
|
147
|
+
<path
|
|
148
|
+
d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
|
|
149
|
+
/>
|
|
150
|
+
</svg>
|
|
151
|
+
<svg
|
|
152
|
+
class="pf-v6-icon-rh-ui"
|
|
153
|
+
viewBox="0 0 32 32"
|
|
154
|
+
>
|
|
155
|
+
<path
|
|
156
|
+
d="M12.75 1h-5.5C6.561 1 6 1.561 6 2.25v5.5C6 8.439 6.561 9 7.25 9h5.5C13.439 9 14 8.439 14 7.75v-5.5C14 1.561 13.439 1 12.75 1ZM12 7H8V3h4v4Zm12.75-6h-5.5C18.561 1 18 1.561 18 2.25v5.5c0 .689.561 1.25 1.25 1.25h5.5C25.439 9 26 8.439 26 7.75v-5.5C26 1.561 25.439 1 24.75 1ZM24 7h-4V3h4v4Zm-11.25 5h-5.5C6.561 12 6 12.561 6 13.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM12 18H8v-4h4v4Zm12.75-6h-5.5c-.689 0-1.25.561-1.25 1.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM24 18h-4v-4h4v4Zm-11.25 5h-5.5C6.561 23 6 23.561 6 24.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM12 29H8v-4h4v4Zm12.75-6h-5.5c-.689 0-1.25.561-1.25 1.25v5.5c0 .689.561 1.25 1.25 1.25h5.5c.689 0 1.25-.561 1.25-1.25v-5.5c0-.689-.561-1.25-1.25-1.25ZM24 29h-4v-4h4v4Z"
|
|
157
|
+
/>
|
|
158
|
+
</svg>
|
|
123
159
|
</svg>
|
|
124
160
|
</span>
|
|
125
161
|
</span>
|