@patternfly/react-core 4.267.8 → 4.267.10

package/components/DescriptionList/DescriptionList.js

@@ -0,0 +1,24 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
+import { formatBreakpointMods } from '../../helpers';
+const setBreakpointModifiers = (prefix, modifiers) => {
+    const mods = modifiers;
+    return Object.keys(mods || {}).reduce((acc, curr) => curr === 'default' ? Object.assign(Object.assign({}, acc), { [prefix]: mods[curr] }) : Object.assign(Object.assign({}, acc), { [`${prefix}-on-${curr}`]: mods[curr] }), {});
+};
+export const DescriptionList = (_a) => {
+    var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, displaySize, columnModifier, autoFitMinModifier, termWidth, horizontalTermWidthModifier, orientation, style } = _a, props = __rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "displaySize", "columnModifier", "autoFitMinModifier", "termWidth", "horizontalTermWidthModifier", "orientation", "style"]);
+    if (isAutoFit && autoFitMinModifier) {
+        style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--GridTemplateColumns--min', autoFitMinModifier));
+    }
+    if (termWidth) {
+        style = Object.assign(Object.assign({}, style), { '--pf-c-description-list__term--width': termWidth });
+    }
+    if (isHorizontal && horizontalTermWidthModifier) {
+        style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--m-horizontal__term--width', horizontalTermWidthModifier));
+    }
+    return (React.createElement("dl", Object.assign({ className: css(styles.descriptionList, (isHorizontal || isFluid) && styles.modifiers.horizontal, isAutoColumnWidths && styles.modifiers.autoColumnWidths, isAutoFit && styles.modifiers.autoFit, formatBreakpointMods(columnModifier, styles), formatBreakpointMods(orientation, styles), isInlineGrid && styles.modifiers.inlineGrid, isCompact && styles.modifiers.compact, isFluid && styles.modifiers.fluid, isFillColumns && styles.modifiers.fillColumns, displaySize === 'lg' && styles.modifiers.displayLg, displaySize === '2xl' && styles.modifiers.display_2xl, className), style: style }, props), children));
+};
+DescriptionList.displayName = 'DescriptionList';
+//# sourceMappingURL=DescriptionList.js.map

package/components/DescriptionList/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAsErD,MAAM,sBAAsB,GAAG,CAAC,MAAc,EAAE,SAA8B,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,SAA6C,CAAC;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CACZ,IAAI,KAAK,SAAS,CAAC,CAAC,iCAAM,GAAG,KAAE,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAG,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,MAAM,OAAO,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAE,EAC1G,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAkBxD,EAAE,EAAE;QAlBoD,EAC7E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,2BAA2B,EAC3B,WAAW,EACX,KAAK,OAEgB,EADlB,KAAK,cAjBqE,gQAkB9E,CADS;IAER,IAAI,SAAS,IAAI,kBAAkB,EAAE;QACnC,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,mDAAmD,EAAE,kBAAkB,CAAC,CACnG,CAAC;KACH;IACD,IAAI,SAAS,EAAE;QACb,KAAK,mCACA,KAAK,GACL,EAAE,sCAAsC,EAAE,SAAS,EAAE,CACzD,CAAC;KACH;IACD,IAAI,YAAY,IAAI,2BAA2B,EAAE;QAC/C,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,oDAAoD,EAAE,2BAA2B,CAAC,CAC7G,CAAC;KACH;IAED,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,eAAe,EACtB,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACxD,kBAAkB,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACvD,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,EAC5C,oBAAoB,CAAC,WAAW,EAAE,MAAM,CAAC,EACzC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EACjC,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,EAC7C,WAAW,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAClD,WAAW,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,EACrD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/components/DescriptionList/DescriptionListDescription.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface DescriptionListDescriptionProps extends React.HTMLProps<HTMLElement> {
+    /** Anything that can be rendered inside of list description */
+    children: React.ReactNode;
+    /** Additional classes added to the DescriptionListDescription */
+    className?: string;
+}
+export declare const DescriptionListDescription: React.FunctionComponent<DescriptionListDescriptionProps>;
+//# sourceMappingURL=DescriptionListDescription.d.ts.map

package/components/DescriptionList/DescriptionListDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,+BAAgC,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACnF,+DAA+D;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAQ/F,CAAC"}

package/components/DescriptionList/DescriptionListDescription.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
+import { css } from '@patternfly/react-styles';
+export const DescriptionListDescription = (_a) => {
+    var { children = null, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("dd", Object.assign({ className: css(styles.descriptionListDescription, className) }, props),
+        React.createElement("div", { className: 'pf-c-description-list__text' }, children)));
+};
+DescriptionListDescription.displayName = 'DescriptionListDescription';
+//# sourceMappingURL=DescriptionListDescription.js.map

package/components/DescriptionList/DescriptionListDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListDescription.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,0BAA0B,GAA6D,CAAC,EAInE,EAAE,EAAE;QAJ+D,EACnG,QAAQ,GAAG,IAAI,EACf,SAAS,OAEuB,EAD7B,KAAK,cAH2F,yBAIpG,CADS;IAC6B,OAAA,CACrC,0CAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,0BAA0B,EAAE,SAAS,CAAC,IAAM,KAAK;QACzE,6BAAK,SAAS,EAAE,6BAA6B,IAAG,QAAQ,CAAO,CAC5D,CACN,CAAA;CAAA,CAAC;AACF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC"}

package/components/DescriptionList/DescriptionListGroup.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface DescriptionListGroupProps extends React.HTMLProps<HTMLDivElement> {
+    /** Any elements that can be rendered in the list group */
+    children?: any;
+    /** Additional classes added to the DescriptionListGroup */
+    className?: string;
+}
+export declare const DescriptionListGroup: React.FunctionComponent<DescriptionListGroupProps>;
+//# sourceMappingURL=DescriptionListGroup.d.ts.map

package/components/DescriptionList/DescriptionListGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAQnF,CAAC"}

package/components/DescriptionList/DescriptionListGroup.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
+import { css } from '@patternfly/react-styles';
+export const DescriptionListGroup = (_a) => {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.descriptionListGroup, className) }, props), children));
+};
+DescriptionListGroup.displayName = 'DescriptionListGroup';
+//# sourceMappingURL=DescriptionListGroup.js.map

package/components/DescriptionList/DescriptionListGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListGroup.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAI7D,EAAE,EAAE;QAJyD,EACvF,SAAS,EACT,QAAQ,OAEkB,EADvB,KAAK,cAH+E,yBAIxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,KAAK,GACnE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/components/DescriptionList/DescriptionListTerm.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface DescriptionListTermProps extends React.HTMLProps<HTMLElement> {
+    /** Anything that can be rendered inside of list term */
+    children: React.ReactNode;
+    /** Icon that is rendered inside of list term to the left side of the children */
+    icon?: React.ReactNode;
+    /** Additional classes added to the DescriptionListTerm */
+    className?: string;
+}
+export declare const DescriptionListTerm: React.FunctionComponent<DescriptionListTermProps>;
+//# sourceMappingURL=DescriptionListTerm.d.ts.map

package/components/DescriptionList/DescriptionListTerm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTerm.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListTerm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC5E,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iFAAiF;IACjF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAUjF,CAAC"}

package/components/DescriptionList/DescriptionListTerm.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
+import { css } from '@patternfly/react-styles';
+export const DescriptionListTerm = (_a) => {
+    var { children, className, icon } = _a, props = __rest(_a, ["children", "className", "icon"]);
+    return (React.createElement("dt", Object.assign({ className: css(styles.descriptionListTerm, className) }, props),
+        icon ? React.createElement("span", { className: css(styles.descriptionListTermIcon) }, icon) : null,
+        React.createElement("span", { className: css(styles.descriptionListText) }, children)));
+};
+DescriptionListTerm.displayName = 'DescriptionListTerm';
+//# sourceMappingURL=DescriptionListTerm.js.map

package/components/DescriptionList/DescriptionListTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTerm.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListTerm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,QAAQ,EACR,SAAS,EACT,IAAI,OAEqB,EADtB,KAAK,cAJ6E,iCAKtF,CADS;IACsB,OAAA,CAC9B,0CAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACjE,IAAI,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,IAAI,CAAQ,CAAC,CAAC,CAAC,IAAI;QAClF,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAQ,CAChE,CACN,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/components/DescriptionList/DescriptionListTermHelpText.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface DescriptionListTermHelpTextProps extends React.HTMLProps<HTMLElement> {
+    /** Anything that can be rendered inside of list term */
+    children: React.ReactNode;
+    /** Additional classes added to the DescriptionListTermHelpText */
+    className?: string;
+}
+export declare const DescriptionListTermHelpText: React.FunctionComponent<DescriptionListTermHelpTextProps>;
+//# sourceMappingURL=DescriptionListTermHelpText.d.ts.map

package/components/DescriptionList/DescriptionListTermHelpText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTermHelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListTermHelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACpF,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAQjG,CAAC"}

package/components/DescriptionList/DescriptionListTermHelpText.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
+import { css } from '@patternfly/react-styles';
+export const DescriptionListTermHelpText = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("dt", Object.assign({ className: css(styles.descriptionListTerm, className) }, props), children));
+};
+DescriptionListTermHelpText.displayName = 'DescriptionListTermHelpText';
+//# sourceMappingURL=DescriptionListTermHelpText.js.map

package/components/DescriptionList/DescriptionListTermHelpText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTermHelpText.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListTermHelpText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,2BAA2B,GAA8D,CAAC,EAIpE,EAAE,EAAE;QAJgE,EACrG,QAAQ,EACR,SAAS,OAEwB,EAD9B,KAAK,cAH6F,yBAItG,CADS;IAC8B,OAAA,CACtC,0CAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK,GACjE,QAAQ,CACN,CACN,CAAA;CAAA,CAAC;AACF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}

package/components/DescriptionList/DescriptionListTermHelpTextButton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface DescriptionListTermHelpTextButtonProps extends React.HTMLProps<HTMLSpanElement> {
+    /** Anything that can be rendered inside of list term */
+    children: React.ReactNode;
+    /** Additional classes added to the DescriptionListTerm */
+    className?: string;
+}
+export declare const DescriptionListTermHelpTextButton: React.FunctionComponent<DescriptionListTermHelpTextButtonProps>;
+//# sourceMappingURL=DescriptionListTermHelpTextButton.d.ts.map

package/components/DescriptionList/DescriptionListTermHelpTextButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTermHelpTextButton.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListTermHelpTextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,sCAAuC,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAC9F,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,iBAAiB,CAAC,sCAAsC,CAc7G,CAAC"}

package/components/DescriptionList/DescriptionListTermHelpTextButton.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
+import { css } from '@patternfly/react-styles';
+export const DescriptionListTermHelpTextButton = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("span", Object.assign({ className: css(className, styles.descriptionListText, styles.modifiers.helpText), role: "button", type: "button", tabIndex: 0 }, props), children));
+};
+DescriptionListTermHelpTextButton.displayName = 'DescriptionListTermHelpTextButton';
+//# sourceMappingURL=DescriptionListTermHelpTextButton.js.map

package/components/DescriptionList/DescriptionListTermHelpTextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListTermHelpTextButton.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListTermHelpTextButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,iCAAiC,GAAoE,CAAC,EAI1E,EAAE,EAAE;QAJsE,EACjH,QAAQ,EACR,SAAS,OAE8B,EADpC,KAAK,cAHyG,yBAIlH,CADS;IACoC,OAAA,CAC5C,4CACE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,EAChF,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,IACP,KAAK,GAER,QAAQ,CACJ,CACR,CAAA;CAAA,CAAC;AACF,iCAAiC,CAAC,WAAW,GAAG,mCAAmC,CAAC"}

package/components/DescriptionList/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DescriptionList';
+export * from './DescriptionListDescription';
+export * from './DescriptionListGroup';
+export * from './DescriptionListTerm';
+export * from './DescriptionListTermHelpText';
+export * from './DescriptionListTermHelpTextButton';
+//# sourceMappingURL=index.d.ts.map

package/components/DescriptionList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC"}

package/components/DescriptionList/index.js

@@ -0,0 +1,7 @@
+export * from './DescriptionList';
+export * from './DescriptionListDescription';
+export * from './DescriptionListGroup';
+export * from './DescriptionListTerm';
+export * from './DescriptionListTermHelpText';
+export * from './DescriptionListTermHelpTextButton';
+//# sourceMappingURL=index.js.map

package/components/DescriptionList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC"}

package/components/Divider/Divider.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export declare enum DividerVariant {
+    hr = "hr",
+    li = "li",
+    div = "div"
+}
+export interface DividerProps extends React.HTMLProps<HTMLElement> {
+    /** Additional classes added to the divider */
+    className?: string;
+    /** The component type to use */
+    component?: 'hr' | 'li' | 'div';
+    /** @deprecated Use `orientation` instead. Flag to indicate the divider is vertical (must be in a flex layout) */
+    isVertical?: boolean;
+    /** Insets at various breakpoints. */
+    inset?: {
+        default?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
+        sm?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
+        md?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
+        lg?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
+        xl?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
+        '2xl'?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
+    };
+    /** Indicates how the divider will display at various breakpoints. Vertical divider must be in a flex layout. */
+    orientation?: {
+        default?: 'vertical' | 'horizontal';
+        sm?: 'vertical' | 'horizontal';
+        md?: 'vertical' | 'horizontal';
+        lg?: 'vertical' | 'horizontal';
+        xl?: 'vertical' | 'horizontal';
+        '2xl'?: 'vertical' | 'horizontal';
+    };
+}
+export declare const Divider: React.FunctionComponent<DividerProps>;
+//# sourceMappingURL=Divider.d.ts.map

package/components/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAChE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChC,iHAAiH;IACjH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QAC5G,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;KAC3G,CAAC;IACF,gHAAgH;IAChH,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QACpC,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;CACH;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAuBzD,CAAC"}

package/components/Divider/Divider.js

@@ -0,0 +1,18 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Divider/divider';
+import { formatBreakpointMods } from '../../helpers/util';
+export var DividerVariant;
+(function (DividerVariant) {
+    DividerVariant["hr"] = "hr";
+    DividerVariant["li"] = "li";
+    DividerVariant["div"] = "div";
+})(DividerVariant || (DividerVariant = {}));
+export const Divider = (_a) => {
+    var { className, component = DividerVariant.hr, isVertical = false, inset, orientation } = _a, props = __rest(_a, ["className", "component", "isVertical", "inset", "orientation"]);
+    const Component = component;
+    return (React.createElement(Component, Object.assign({ className: css(styles.divider, isVertical && styles.modifiers.vertical, formatBreakpointMods(inset, styles), formatBreakpointMods(orientation, styles), className) }, (component !== 'hr' && { role: 'separator' }), props)));
+};
+Divider.displayName = 'Divider';
+//# sourceMappingURL=Divider.js.map

package/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AA6BD,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAOhD,EAAE,EAAE;QAP4C,EAC7D,SAAS,EACT,SAAS,GAAG,cAAc,CAAC,EAAE,EAC7B,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,OAEE,EADV,KAAK,cANqD,gEAO9D,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,OAAO,EACd,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EACnC,oBAAoB,CAAC,WAAW,EAAE,MAAM,CAAC,EACzC,SAAS,CACV,IACG,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAC7C,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/components/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/components/Divider/index.js

@@ -0,0 +1,2 @@
+export * from './Divider';
+//# sourceMappingURL=index.js.map

package/components/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/components/DragDrop/DragDrop.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface DraggableItemPosition {
+    /** Parent droppableId */
+    droppableId: string;
+    /** Index of item in parent Droppable */
+    index: number;
+}
+export declare const DragDropContext: React.Context<{
+    onDrag: (_source: DraggableItemPosition) => boolean;
+    onDragMove: (_source: DraggableItemPosition, _dest?: DraggableItemPosition) => void;
+    onDrop: (_source: DraggableItemPosition, _dest?: DraggableItemPosition) => boolean;
+}>;
+interface DragDropProps {
+    /** Potentially Droppable and Draggable children */
+    children?: React.ReactNode;
+    /** Callback for drag event. Return true to allow drag, false to disallow. */
+    onDrag?: (source: DraggableItemPosition) => boolean;
+    /** Callback on mouse move while dragging. */
+    onDragMove?: (source: DraggableItemPosition, dest?: DraggableItemPosition) => void;
+    /** Callback for drop event. Return true to allow drop, false to disallow. */
+    onDrop?: (source: DraggableItemPosition, dest?: DraggableItemPosition) => boolean;
+}
+export declare const DragDrop: React.FunctionComponent<DragDropProps>;
+export {};
+//# sourceMappingURL=DragDrop.d.ts.map

package/components/DragDrop/DragDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe;sBACR,qBAAqB;0BACjB,qBAAqB,UAAU,qBAAqB;sBACxD,qBAAqB,UAAU,qBAAqB;EACtE,CAAC;AAEH,UAAU,aAAa;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,OAAO,CAAC;IACpD,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnF,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,qBAAqB,KAAK,OAAO,CAAC;CACnF;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAO3D,CAAC"}

package/components/DragDrop/DragDrop.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const DragDropContext = React.createContext({
+    onDrag: (_source) => true,
+    onDragMove: (_source, _dest) => { },
+    onDrop: (_source, _dest) => false
+});
+export const DragDrop = ({ children, onDrag = () => true, onDragMove = () => { }, onDrop = () => false }) => (React.createElement(DragDropContext.Provider, { value: { onDrag, onDragMove, onDrop } }, children));
+DragDrop.displayName = 'DragDrop';
+//# sourceMappingURL=DragDrop.js.map

package/components/DragDrop/DragDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDrop.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC;IACjD,MAAM,EAAE,CAAC,OAA8B,EAAE,EAAE,CAAC,IAAe;IAC3D,UAAU,EAAE,CAAC,OAA8B,EAAE,KAA6B,EAAE,EAAE,GAAE,CAAC;IACjF,MAAM,EAAE,CAAC,OAA8B,EAAE,KAA6B,EAAE,EAAE,CAAC,KAAgB;CAC5F,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAC/D,QAAQ,EACR,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,EACnB,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,EACN,EAAE,EAAE,CAAC,CACnB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAG,QAAQ,CAA4B,CACvG,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/components/DragDrop/Draggable.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface DraggableProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside DragDrop */
+    children?: React.ReactNode;
+    /** Don't wrap the component in a div. Requires passing a single child. */
+    hasNoWrapper?: boolean;
+    /** Class to add to outer div */
+    className?: string;
+}
+export declare const Draggable: React.FunctionComponent<DraggableProps>;
+//# sourceMappingURL=Draggable.d.ts.map

package/components/DragDrop/Draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/Draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAwP7D,CAAC"}

package/components/DragDrop/Draggable.js

@@ -0,0 +1,247 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/DragDrop/drag-drop';
+import { DroppableContext } from './DroppableContext';
+import { DragDropContext } from './DragDrop';
+// Browsers really like being different from each other.
+function getDefaultBackground() {
+    const div = document.createElement('div');
+    document.head.appendChild(div);
+    const bg = window.getComputedStyle(div).backgroundColor;
+    document.head.removeChild(div);
+    return bg;
+}
+function getInheritedBackgroundColor(el) {
+    const defaultStyle = getDefaultBackground();
+    const backgroundColor = window.getComputedStyle(el).backgroundColor;
+    if (backgroundColor !== defaultStyle) {
+        return backgroundColor;
+    }
+    else if (!el.parentElement) {
+        return defaultStyle;
+    }
+    return getInheritedBackgroundColor(el.parentElement);
+}
+function removeBlankDiv(node) {
+    if (node.getAttribute('blankDiv') === 'true') {
+        // eslint-disable-next-line @typescript-eslint/prefer-for-of
+        for (let i = 0; i < node.children.length; i++) {
+            const child = node.children[i];
+            if (child.getAttribute('blankDiv') === 'true') {
+                node.removeChild(child);
+                node.setAttribute('blankDiv', 'false');
+                break;
+            }
+        }
+    }
+}
+// Reset per-element state
+function resetDroppableItem(droppableItem) {
+    removeBlankDiv(droppableItem.node);
+    droppableItem.node.classList.remove(styles.modifiers.dragging);
+    droppableItem.node.classList.remove(styles.modifiers.dragOutside);
+    droppableItem.draggableNodes.forEach((n, i) => {
+        n.style.transform = '';
+        n.style.transition = '';
+        droppableItem.draggableNodesRects[i] = n.getBoundingClientRect();
+    });
+}
+function overlaps(ev, rect) {
+    return (ev.clientX > rect.x && ev.clientX < rect.x + rect.width && ev.clientY > rect.y && ev.clientY < rect.y + rect.height);
+}
+export const Draggable = (_a) => {
+    var { className, children, style: styleProp = {}, hasNoWrapper = false } = _a, props = __rest(_a, ["className", "children", "style", "hasNoWrapper"]);
+    /* eslint-disable prefer-const */
+    let [style, setStyle] = React.useState(styleProp);
+    /* eslint-enable prefer-const */
+    const [isDragging, setIsDragging] = React.useState(false);
+    const [isValidDrag, setIsValidDrag] = React.useState(true);
+    const { zone, droppableId } = React.useContext(DroppableContext);
+    const { onDrag, onDragMove, onDrop } = React.useContext(DragDropContext);
+    // Some state is better just to leave as vars passed around between various callbacks
+    // You can only drag around one item at a time anyways...
+    let startX = 0;
+    let startY = 0;
+    let index = null; // Index of this draggable
+    let hoveringDroppable;
+    let hoveringIndex = null;
+    let mouseMoveListener;
+    let mouseUpListener;
+    // Makes it so dragging the _bottom_ of the item over the halfway of another moves it
+    let startYOffset = 0;
+    // After item returning to where it started animation completes
+    const onTransitionEnd = (_ev) => {
+        if (isDragging) {
+            setIsDragging(false);
+            setStyle(styleProp);
+        }
+    };
+    function getSourceAndDest() {
+        const hoveringDroppableId = hoveringDroppable ? hoveringDroppable.getAttribute('data-pf-droppableid') : null;
+        const source = {
+            droppableId,
+            index
+        };
+        const dest = hoveringDroppableId !== null && hoveringIndex !== null
+            ? {
+                droppableId: hoveringDroppableId,
+                index: hoveringIndex
+            }
+            : undefined;
+        return { source, dest, hoveringDroppableId };
+    }
+    const onMouseUpWhileDragging = (droppableItems) => {
+        droppableItems.forEach(resetDroppableItem);
+        document.removeEventListener('mousemove', mouseMoveListener);
+        document.removeEventListener('mouseup', mouseUpListener);
+        document.removeEventListener('contextmenu', mouseUpListener);
+        const { source, dest, hoveringDroppableId } = getSourceAndDest();
+        const consumerReordered = onDrop(source, dest);
+        if (consumerReordered && droppableId === hoveringDroppableId) {
+            setIsDragging(false);
+            setStyle(styleProp);
+        }
+        else if (!consumerReordered) {
+            // Animate item returning to where it started
+            setStyle(Object.assign(Object.assign({}, style), { transition: 'transform 0.5s cubic-bezier(0.2, 1, 0.1, 1) 0s', transform: '', background: styleProp.background, boxShadow: styleProp.boxShadow }));
+        }
+    };
+    // This is where the magic happens
+    const onMouseMoveWhileDragging = (ev, droppableItems, blankDivRect) => {
+        // Compute each time what droppable node we are hovering over
+        hoveringDroppable = null;
+        droppableItems.forEach(droppableItem => {
+            const { node, rect, isDraggingHost, draggableNodes, draggableNodesRects } = droppableItem;
+            if (overlaps(ev, rect)) {
+                // Add valid dropzone style
+                node.classList.remove(styles.modifiers.dragOutside);
+                hoveringDroppable = node;
+                // Check if we need to add a blank div row
+                if (node.getAttribute('blankDiv') !== 'true' && !isDraggingHost) {
+                    const blankDiv = document.createElement('div');
+                    blankDiv.setAttribute('blankDiv', 'true'); // Makes removing easier
+                    let blankDivPos = -1;
+                    for (let i = 0; i < draggableNodes.length; i++) {
+                        const childRect = draggableNodesRects[i];
+                        const isLast = i === draggableNodes.length - 1;
+                        const startOverlaps = childRect.y >= startY - startYOffset;
+                        if ((startOverlaps || isLast) && blankDivPos === -1) {
+                            if (isLast && !startOverlaps) {
+                                draggableNodes[i].after(blankDiv);
+                            }
+                            else {
+                                draggableNodes[i].before(blankDiv);
+                            }
+                            blankDiv.style.height = `${blankDivRect.height}px`;
+                            blankDiv.style.width = `${blankDivRect.width}px`;
+                            node.setAttribute('blankDiv', 'true'); // Makes removing easier
+                            blankDivPos = i;
+                        }
+                        if (blankDivPos !== -1) {
+                            childRect.y += blankDivRect.height;
+                        }
+                    }
+                    // Insert so drag + drop behavior matches single-list case
+                    draggableNodes.splice(blankDivPos, 0, blankDiv);
+                    draggableNodesRects.splice(blankDivPos, 0, blankDivRect);
+                    // Extend hitbox of droppable zone
+                    rect.height += blankDivRect.height;
+                }
+            }
+            else {
+                resetDroppableItem(droppableItem);
+                node.classList.add(styles.modifiers.dragging);
+                node.classList.add(styles.modifiers.dragOutside);
+            }
+        });
+        // Move hovering draggable and style it based on cursor position
+        setStyle(Object.assign(Object.assign({}, style), { transform: `translate(${ev.pageX - startX}px, ${ev.pageY - startY}px)` }));
+        setIsValidDrag(Boolean(hoveringDroppable));
+        // Iterate through sibling draggable nodes to reposition them and store correct hoveringIndex for onDrop
+        hoveringIndex = null;
+        if (hoveringDroppable) {
+            const { draggableNodes, draggableNodesRects } = droppableItems.find(item => item.node === hoveringDroppable);
+            let lastTranslate = 0;
+            draggableNodes.forEach((n, i) => {
+                n.style.transition = 'transform 0.5s cubic-bezier(0.2, 1, 0.1, 1) 0s';
+                const rect = draggableNodesRects[i];
+                const halfway = rect.y + rect.height / 2;
+                let translateY = 0;
+                // Use offset for more interactive translations
+                if (startY < halfway && ev.pageY + (blankDivRect.height - startYOffset) > halfway) {
+                    translateY -= blankDivRect.height;
+                }
+                else if (startY >= halfway && ev.pageY - startYOffset <= halfway) {
+                    translateY += blankDivRect.height;
+                }
+                // Clever way to find item currently hovering over
+                if ((translateY <= lastTranslate && translateY < 0) || (translateY > lastTranslate && translateY > 0)) {
+                    hoveringIndex = i;
+                }
+                n.style.transform = `translate(0, ${translateY}px`;
+                lastTranslate = translateY;
+            });
+        }
+        const { source, dest } = getSourceAndDest();
+        onDragMove(source, dest);
+    };
+    const onDragStart = (ev) => {
+        // Default HTML drag and drop doesn't allow us to change what the thing
+        // being dragged looks like. Because of this we'll use prevent the default
+        // and use `mouseMove` and `mouseUp` instead
+        ev.preventDefault();
+        if (isDragging) {
+            // still in animation
+            return;
+        }
+        // Cache droppable and draggable nodes and their bounding rects
+        const dragging = ev.target;
+        const rect = dragging.getBoundingClientRect();
+        const droppableNodes = Array.from(document.querySelectorAll(`[data-pf-droppable="${zone}"]`));
+        const droppableItems = droppableNodes.reduce((acc, cur) => {
+            cur.classList.add(styles.modifiers.dragging);
+            const draggableNodes = Array.from(cur.querySelectorAll(`[data-pf-draggable-zone="${zone}"]`));
+            const isDraggingHost = cur.contains(dragging);
+            if (isDraggingHost) {
+                index = draggableNodes.indexOf(dragging);
+            }
+            const droppableItem = {
+                node: cur,
+                rect: cur.getBoundingClientRect(),
+                isDraggingHost,
+                // We don't want styles to apply to the left behind div in onMouseMoveWhileDragging
+                draggableNodes: draggableNodes.map(node => (node === dragging ? node.cloneNode(false) : node)),
+                draggableNodesRects: draggableNodes.map(node => node.getBoundingClientRect())
+            };
+            acc.push(droppableItem);
+            return acc;
+        }, []);
+        if (!onDrag({ droppableId, index })) {
+            // Consumer disallowed drag
+            return;
+        }
+        // Set initial style so future style mods take effect
+        style = Object.assign(Object.assign({}, style), { top: rect.y, left: rect.x, width: rect.width, height: rect.height, '--pf-c-draggable--m-dragging--BackgroundColor': getInheritedBackgroundColor(dragging), position: 'fixed', zIndex: 5000 });
+        setStyle(style);
+        // Store event details
+        startX = ev.pageX;
+        startY = ev.pageY;
+        startYOffset = startY - rect.y;
+        setIsDragging(true);
+        mouseMoveListener = ev => onMouseMoveWhileDragging(ev, droppableItems, rect);
+        mouseUpListener = () => onMouseUpWhileDragging(droppableItems);
+        document.addEventListener('mousemove', mouseMoveListener);
+        document.addEventListener('mouseup', mouseUpListener);
+        // Comment out this line to debug while dragging by right clicking
+        // document.addEventListener('contextmenu', mouseUpListener);
+    };
+    const childProps = Object.assign({ 'data-pf-draggable-zone': isDragging ? null : zone, draggable: true, className: css(styles.draggable, isDragging && styles.modifiers.dragging, !isValidDrag && styles.modifiers.dragOutside, className), onDragStart,
+        onTransitionEnd,
+        style }, props);
+    return (React.createElement(React.Fragment, null,
+        isDragging && (React.createElement("div", Object.assign({ draggable: true }, props, { style: Object.assign(Object.assign({}, styleProp), { visibility: 'hidden' }) }), children)),
+        hasNoWrapper ? (React.cloneElement(children, childProps)) : (React.createElement("div", Object.assign({}, childProps), children))));
+};
+Draggable.displayName = 'Draggable';
+//# sourceMappingURL=Draggable.js.map