@patternfly/react-core 6.0.0-alpha.6 → 6.0.0-alpha.61

package/dist/js/next/components/DualListSelector/DualListSelectorPane.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DualListSelectorPane = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
+const react_styles_1 = require("@patternfly/react-styles");
+const helpers_1 = require("../../../helpers");
+const DualListSelectorListWrapper_1 = require("./DualListSelectorListWrapper");
+const DualListSelectorContext_1 = require("./DualListSelectorContext");
+const SearchInput_1 = require("../../../components/SearchInput");
+const c_dual_list_selector__menu_MinHeight_1 = tslib_1.__importDefault(require("@patternfly/react-tokens/dist/esm/c_dual_list_selector__menu_MinHeight"));
+const DualListSelectorPane = (_a) => {
+    var { isChosen = false, className = '', status = '', actions, searchInput, children, title = '', id = (0, helpers_1.getUniqueId)('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = tslib_1.__rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "title", "id", "isDisabled", "listMinHeight"]);
+    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorPane, isChosen ? dual_list_selector_1.default.modifiers.chosen : 'pf-m-available', className) }, props),
+        title && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorHeader) },
+            React.createElement("div", { className: `${dual_list_selector_1.default.dualListSelector}__title` },
+                React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorTitleText) }, title)))),
+        (actions || searchInput) && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorTools) },
+            searchInput && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorToolsFilter) }, searchInput ? searchInput : React.createElement(SearchInput_1.SearchInput, { isDisabled: isDisabled }))),
+            actions && React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorToolsActions) }, actions))),
+        status && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorStatus) },
+            React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorStatusText), id: `${id}-status` }, status))),
+        React.createElement(DualListSelectorContext_1.DualListSelectorPaneContext.Provider, { value: { isChosen } },
+            React.createElement(DualListSelectorListWrapper_1.DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
+                style: { [c_dual_list_selector__menu_MinHeight_1.default.name]: listMinHeight }
+            })), children))));
+};
+exports.DualListSelectorPane = DualListSelectorPane;
+exports.DualListSelectorPane.displayName = 'DualListSelectorPane';
+//# sourceMappingURL=DualListSelectorPane.js.map

package/dist/js/next/components/DualListSelector/DualListSelectorPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6IAAiG;AACjG,2DAA+C;AAC/C,8CAA+C;AAC/C,+EAA4E;AAC5E,uEAAwE;AACxE,iEAA8D;AAC9D,0JAAsG;AAgC/F,MAAM,oBAAoB,GAAuD,CAAC,EAY7D,EAAE,EAAE;QAZyD,EACvF,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,EAAE,GAAG,IAAA,qBAAW,EAAC,yBAAyB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAClB,aAAa,OAEa,EADvB,KAAK,sBAX+E,uHAYxF,CADS;IACuB,OAAA,CAC/B,2CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAC,4BAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,CAAC,IACzG,KAAK;QAER,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,GAAG,4BAAM,CAAC,gBAAgB,SAAS;gBACjD,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAO,CAChE,CACF,CACP;QACA,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,CAC3B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,qBAAqB,CAAC;YAC9C,WAAW,IAAI,CACd,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,2BAA2B,CAAC,IACpD,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,yBAAW,IAAC,UAAU,EAAE,UAAU,GAAI,CAChE,CACP;YACA,OAAO,IAAI,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,4BAA4B,CAAC,IAAG,OAAO,CAAO,CACjF,CACP;QACA,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,0BAA0B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,IACvE,MAAM,CACH,CACF,CACP;QACD,oBAAC,qDAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE;YACvD,oBAAC,yDAA2B,qCACT,GAAG,EAAE,SAAS,EAC/B,EAAE,EAAE,GAAG,EAAE,OAAO,IACZ,CAAC,aAAa,IAAI;gBACpB,KAAK,EAAE,EAAE,CAAC,8CAAgB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAyB;aACzE,CAAC,GAED,QAAQ,CACmB,CACO,CACnC,CACP,CAAA;CAAA,CAAC;AArDW,QAAA,oBAAoB,wBAqD/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+export interface DualListSelectorTreeItemData {
+    /** Content rendered inside the dual list selector. */
+    children?: DualListSelectorTreeItemData[];
+    /** Additional classes applied to the dual list selector. */
+    className?: string;
+    /** Flag indicating this option is expanded by default. */
+    defaultExpanded?: boolean;
+    /** Flag indicating this option has a badge. */
+    hasBadge?: boolean;
+    /** Callback fired when an option is checked. */
+    onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, isChosen: boolean, itemData: DualListSelectorTreeItemData) => void;
+    /** ID of the option. */
+    id: string;
+    /** Text of the option. */
+    text: string;
+    /** Parent ID of an option. */
+    parentId?: string;
+    /** Checked state of the option. */
+    isChecked: boolean;
+    /** Additional properties to pass to the option checkbox. */
+    checkProps?: any;
+    /** Additional properties to pass to the option badge. */
+    badgeProps?: any;
+    /** Flag indicating whether the component is disabled. */
+    isDisabled?: boolean;
+}
+/** Used in place of the DualListSelectorListItem sub-component when building a
+ * composable dual list selector with a tree.
+ */
+export interface DualListSelectorTreeProps extends Omit<React.HTMLProps<HTMLUListElement>, 'data'> {
+    /** Data of the tree view. */
+    data: DualListSelectorTreeItemData[] | (() => DualListSelectorTreeItemData[]);
+    /** ID of the tree view. */
+    id?: string;
+    /** @hide Flag indicating if the list is nested. */
+    isNested?: boolean;
+    /** Flag indicating if all options should have badges. */
+    hasBadges?: boolean;
+    /** Sets the default expanded behavior. */
+    defaultAllExpanded?: boolean;
+    /** Flag indicating if the dual list selector tree is in the disabled state. */
+    isDisabled?: boolean;
+    /** Callback fired when an option is checked. */
+    onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
+}
+export declare const DualListSelectorTree: React.FunctionComponent<DualListSelectorTreeProps>;
+//# sourceMappingURL=DualListSelectorTree.d.ts.map

package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA4B;IAC3C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAC1C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAChG,6BAA6B;IAC7B,IAAI,EAAE,4BAA4B,EAAE,GAAG,CAAC,MAAM,4BAA4B,EAAE,CAAC,CAAC;IAC9E,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;CACX;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA6CnF,CAAC"}

package/dist/js/next/components/DualListSelector/DualListSelectorTree.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DualListSelectorTree = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_styles_1 = require("@patternfly/react-styles");
+const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
+const DualListSelectorTreeItem_1 = require("./DualListSelectorTreeItem");
+const DualListSelectorTree = (_a) => {
+    var { data, hasBadges = false, isNested = false, defaultAllExpanded = false, onOptionCheck, isDisabled = false } = _a, props = tslib_1.__rest(_a, ["data", "hasBadges", "isNested", "defaultAllExpanded", "onOptionCheck", "isDisabled"]);
+    const dataToRender = typeof data === 'function' ? data() : data;
+    const tree = dataToRender.map((item) => (React.createElement(DualListSelectorTreeItem_1.DualListSelectorTreeItem, Object.assign({ key: item.id, text: item.text, id: item.id, defaultExpanded: item.defaultExpanded !== undefined ? item.defaultExpanded : defaultAllExpanded, onOptionCheck: onOptionCheck, isChecked: item.isChecked, checkProps: item.checkProps, hasBadge: item.hasBadge !== undefined ? item.hasBadge : hasBadges, badgeProps: item.badgeProps, itemData: item, isDisabled: isDisabled, useMemo: true }, (item.children && {
+        children: (React.createElement(exports.DualListSelectorTree, { isNested: true, data: item.children, hasBadges: hasBadges, defaultAllExpanded: defaultAllExpanded, onOptionCheck: onOptionCheck, isDisabled: isDisabled }))
+    })))));
+    return isNested ? (React.createElement("ul", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorList), role: "group" }, props), tree)) : (React.createElement(React.Fragment, null, tree));
+};
+exports.DualListSelectorTree = DualListSelectorTree;
+exports.DualListSelectorTree.displayName = 'DualListSelectorTree';
+//# sourceMappingURL=DualListSelectorTree.js.map

package/dist/js/next/components/DualListSelector/DualListSelectorTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorTree.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,6IAAiG;AACjG,yEAAsE;AA2D/D,MAAM,oBAAoB,GAAuD,CAAC,EAQ7D,EAAE,EAAE;QARyD,EACvF,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,aAAa,EACb,UAAU,GAAG,KAAK,OAEQ,EADvB,KAAK,sBAP+E,sFAQxF,CADS;IAER,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,oBAAC,mDAAwB,kBACvB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,eAAe,EAAE,IAAI,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,EAC/F,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,IAAI,IACT,CAAC,IAAI,CAAC,QAAQ,IAAI;QACpB,QAAQ,EAAE,CACR,oBAAC,4BAAoB,IACnB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH;KACF,CAAC,EACF,CACH,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,0CAAI,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,GACpE,IAAI,CACF,CACN,CAAC,CAAC,CAAC,CACF,0CAAG,IAAI,CAAI,CACZ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,oBAAoB,wBA6C/B;AAEF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { DualListSelectorTreeItemData } from './DualListSelectorTree';
+export interface DualListSelectorTreeItemProps extends React.HTMLProps<HTMLLIElement> {
+    /** Content rendered inside the dual list selector. */
+    children?: React.ReactNode;
+    /** Additional classes applied to the dual list selector. */
+    className?: string;
+    /** Flag indicating this option is expanded by default. */
+    defaultExpanded?: boolean;
+    /** Flag indicating this option has a badge. */
+    hasBadge?: boolean;
+    /** Callback fired when an option is checked. */
+    onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
+    /** ID of the option. */
+    id: string;
+    /** Text of the option. */
+    text: string;
+    /** Flag indicating if this open is checked. */
+    isChecked?: boolean;
+    /** Additional properties to pass to the option checkbox. */
+    checkProps?: any;
+    /** Additional properties to pass to the option badge. */
+    badgeProps?: any;
+    /** Raw data of the option. */
+    itemData?: DualListSelectorTreeItemData;
+    /** Flag indicating whether the component is disabled. */
+    isDisabled?: boolean;
+    /** Flag indicating the DualListSelector tree should utilize memoization to help render large data sets. */
+    useMemo?: boolean;
+}
+export declare const DualListSelectorTreeItem: React.NamedExoticComponent<DualListSelectorTreeItemProps>;
+//# sourceMappingURL=DualListSelectorTreeItem.d.ts.map

package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorTreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAMtE,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyHD,eAAO,MAAM,wBAAwB,2DAoBnC,CAAC"}

package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DualListSelectorTreeItem = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
+const react_styles_1 = require("@patternfly/react-styles");
+const Badge_1 = require("../../../components/Badge");
+const angle_right_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/esm/icons/angle-right-icon"));
+const treeUtils_1 = require("./treeUtils");
+const DualListSelectorContext_1 = require("./DualListSelectorContext");
+const DualListSelectorTreeItemBase = (_a) => {
+    var { onOptionCheck, children, className, id, text, defaultExpanded, hasBadge, isChecked, checkProps, badgeProps, itemData, isDisabled = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    useMemo } = _a, props = tslib_1.__rest(_a, ["onOptionCheck", "children", "className", "id", "text", "defaultExpanded", "hasBadge", "isChecked", "checkProps", "badgeProps", "itemData", "isDisabled", "useMemo"]);
+    const ref = React.useRef(null);
+    const [isExpanded, setIsExpanded] = React.useState(defaultExpanded || false);
+    const { setFocusedOption } = React.useContext(DualListSelectorContext_1.DualListSelectorListContext);
+    React.useEffect(() => {
+        setIsExpanded(defaultExpanded);
+    }, [defaultExpanded]);
+    return (React.createElement("li", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorListItem, className, children && dual_list_selector_1.default.modifiers.expandable, isExpanded && dual_list_selector_1.default.modifiers.expanded, isDisabled && dual_list_selector_1.default.modifiers.disabled), id: id }, props, { "aria-selected": isChecked, role: "treeitem" }, (isExpanded && { 'aria-expanded': 'true' })),
+        React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorListItemRow, isChecked && dual_list_selector_1.default.modifiers.selected, dual_list_selector_1.default.modifiers.check) },
+            React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItem), ref: ref, tabIndex: -1, onClick: isDisabled
+                    ? undefined
+                    : (evt) => {
+                        onOptionCheck && onOptionCheck(evt, !isChecked, itemData);
+                        setFocusedOption(id);
+                    } },
+                React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemMain) },
+                    children && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemToggle), onClick: (e) => {
+                            if (children) {
+                                setIsExpanded(!isExpanded);
+                            }
+                            e.stopPropagation();
+                        }, onKeyDown: (e) => {
+                            if (e.key === ' ' || e.key === 'Enter') {
+                                document.activeElement.click();
+                                e.preventDefault();
+                            }
+                        }, tabIndex: -1 },
+                        React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemToggleIcon) },
+                            React.createElement(angle_right_icon_1.default, { "aria-hidden": true })))),
+                    React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemCheck) },
+                        React.createElement("input", Object.assign({ type: "checkbox", onChange: (evt) => {
+                                onOptionCheck && onOptionCheck(evt, !isChecked, itemData);
+                                setFocusedOption(id);
+                            }, onClick: (evt) => evt.stopPropagation(), onKeyDown: (e) => {
+                                if (e.key === ' ' || e.key === 'Enter') {
+                                    onOptionCheck && onOptionCheck(e, !isChecked, itemData);
+                                    setFocusedOption(id);
+                                    e.preventDefault();
+                                }
+                            }, ref: (elem) => elem && (elem.indeterminate = isChecked === null), checked: isChecked || false, tabIndex: -1 }, checkProps))),
+                    React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemText) }, text),
+                    hasBadge && children && (React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemCount) },
+                        React.createElement(Badge_1.Badge, Object.assign({}, badgeProps), (0, treeUtils_1.flattenTree)(children.props.data).length)))))),
+        isExpanded && children));
+};
+exports.DualListSelectorTreeItem = React.memo(DualListSelectorTreeItemBase, (prevProps, nextProps) => {
+    if (!nextProps.useMemo) {
+        return false;
+    }
+    if (prevProps.className !== nextProps.className ||
+        prevProps.text !== nextProps.text ||
+        prevProps.id !== nextProps.id ||
+        prevProps.defaultExpanded !== nextProps.defaultExpanded ||
+        prevProps.checkProps !== nextProps.checkProps ||
+        prevProps.hasBadge !== nextProps.hasBadge ||
+        prevProps.badgeProps !== nextProps.badgeProps ||
+        prevProps.isChecked !== nextProps.isChecked ||
+        prevProps.itemData !== nextProps.itemData) {
+        return false;
+    }
+    return true;
+});
+exports.DualListSelectorTreeItem.displayName = 'DualListSelectorTreeItem';
+//# sourceMappingURL=DualListSelectorTreeItem.js.map

package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorTreeItem.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"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"}

package/dist/js/next/components/DualListSelector/index.d.ts

@@ -0,0 +1,8 @@
+export * from './DualListSelector';
+export * from './DualListSelectorControl';
+export * from './DualListSelectorControlsWrapper';
+export * from './DualListSelectorPane';
+export * from './DualListSelectorList';
+export * from './DualListSelectorListItem';
+export * from './DualListSelectorTree';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/next/components/DualListSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}

package/dist/js/next/components/DualListSelector/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DualListSelector"), exports);
+tslib_1.__exportStar(require("./DualListSelectorControl"), exports);
+tslib_1.__exportStar(require("./DualListSelectorControlsWrapper"), exports);
+tslib_1.__exportStar(require("./DualListSelectorPane"), exports);
+tslib_1.__exportStar(require("./DualListSelectorList"), exports);
+tslib_1.__exportStar(require("./DualListSelectorListItem"), exports);
+tslib_1.__exportStar(require("./DualListSelectorTree"), exports);
+//# sourceMappingURL=index.js.map

package/dist/js/next/components/DualListSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,oEAA0C;AAC1C,4EAAkD;AAClD,iEAAuC;AACvC,iEAAuC;AACvC,qEAA2C;AAC3C,iEAAuC"}

package/dist/js/next/components/DualListSelector/treeUtils.d.ts

@@ -0,0 +1,8 @@
+import { DualListSelectorTreeItemData } from './DualListSelectorTree';
+export declare function flattenTree(tree: DualListSelectorTreeItemData[]): string[];
+export declare function flattenTreeWithFolders(tree: DualListSelectorTreeItemData[]): string[];
+export declare function filterFolders(tree: DualListSelectorTreeItemData[], inputList: string[]): string[];
+export declare function filterTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
+export declare function filterTreeItemsWithoutFolders(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
+export declare function filterRestTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
+//# sourceMappingURL=treeUtils.d.ts.map

package/dist/js/next/components/DualListSelector/treeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAEtE,wBAAgB,WAAW,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CAU1E;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CASrF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,4BAA4B,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAYjG;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAWhG;AAED,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAc9G;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAYpG"}

package/dist/js/next/components/DualListSelector/treeUtils.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterRestTreeItems = exports.filterTreeItemsWithoutFolders = exports.filterTreeItems = exports.filterFolders = exports.flattenTreeWithFolders = exports.flattenTree = void 0;
+function flattenTree(tree) {
+    let result = [];
+    tree.forEach((item) => {
+        if (item.children) {
+            result = result.concat(flattenTree(item.children));
+        }
+        else {
+            result.push(item.id);
+        }
+    });
+    return result;
+}
+exports.flattenTree = flattenTree;
+function flattenTreeWithFolders(tree) {
+    let result = [];
+    tree.forEach((item) => {
+        result.push(item.id);
+        if (item.children) {
+            result = result.concat(flattenTreeWithFolders(item.children));
+        }
+    });
+    return result;
+}
+exports.flattenTreeWithFolders = flattenTreeWithFolders;
+function filterFolders(tree, inputList) {
+    let result = [];
+    tree.forEach((item) => {
+        if (item.children) {
+            result = result.concat(filterFolders(item.children, inputList));
+        }
+        else {
+            if (inputList.includes(item.id)) {
+                result.push(item.id);
+            }
+        }
+    });
+    return result;
+}
+exports.filterFolders = filterFolders;
+function filterTreeItems(item, inputList) {
+    if (inputList.includes(item.id)) {
+        return true;
+    }
+    if (item.children) {
+        return ((item.children = item.children
+            .map((opt) => Object.assign({}, opt))
+            .filter((child) => filterTreeItems(child, inputList))).length > 0);
+    }
+}
+exports.filterTreeItems = filterTreeItems;
+function filterTreeItemsWithoutFolders(item, inputList) {
+    if (item.children) {
+        return ((item.children = item.children
+            .map((opt) => Object.assign({}, opt))
+            .filter((child) => child.children ? filterTreeItemsWithoutFolders(child, inputList) : filterTreeItems(child, inputList))).length > 0);
+    }
+    if (inputList.includes(item.id)) {
+        return true;
+    }
+}
+exports.filterTreeItemsWithoutFolders = filterTreeItemsWithoutFolders;
+function filterRestTreeItems(item, inputList) {
+    if (item.children) {
+        const child = (item.children = item.children
+            .map((opt) => Object.assign({}, opt))
+            .filter((child) => filterRestTreeItems(child, inputList))).length > 0;
+        return child;
+    }
+    if (!inputList.includes(item.id)) {
+        return true;
+    }
+}
+exports.filterRestTreeItems = filterRestTreeItems;
+//# sourceMappingURL=treeUtils.js.map

package/dist/js/next/components/DualListSelector/treeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeUtils.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/treeUtils.ts"],"names":[],"mappings":"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"}

package/dist/js/next/components/Modal/Modal.d.ts

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { PickOptional } from '../../../helpers';
+import { OUIAProps } from '../../../helpers';
+export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
+    /** The parent container to append the modal to. Defaults to "document.body". */
+    appendTo?: HTMLElement | (() => HTMLElement);
+    /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
+    'aria-describedby'?: string;
+    /**   Adds an accessible name to the modal when there is no title in the ModalHeader. */
+    'aria-label'?: string;
+    /** Id to use for the modal box label. This should include the ModalHeader labelId. */
+    'aria-labelledby'?: string;
+    /** Content rendered inside the modal. */
+    children: React.ReactNode;
+    /** Additional classes added to the modal. */
+    className?: string;
+    /** Flag to disable focus trap. */
+    disableFocusTrap?: boolean;
+    /** The element to focus when the modal opens. By default the first
+     * focusable element will receive focus.
+     */
+    elementToFocus?: HTMLElement | SVGElement | string;
+    /** An id to use for the modal box container. */
+    id?: string;
+    /** Flag to show the modal. */
+    isOpen?: boolean;
+    /** Add callback for when the close button is clicked. This prop needs to be passed to render the close button */
+    onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
+    /** Modal handles pressing of the escape key and closes the modal. If you want to handle
+     * this yourself you can use this callback function. */
+    onEscapePress?: (event: KeyboardEvent) => void;
+    /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
+    position?: 'default' | 'top';
+    /** Offset from alternate position. Can be any valid CSS length/percentage. */
+    positionOffset?: string;
+    /** Variant of the modal. */
+    variant?: 'small' | 'medium' | 'large' | 'default';
+    /** Default width of the modal. */
+    width?: number | string;
+    /** Maximum width of the modal. */
+    maxWidth?: number | string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare enum ModalVariant {
+    small = "small",
+    medium = "medium",
+    large = "large",
+    default = "default"
+}
+interface ModalState {
+    container: HTMLElement;
+    ouiaStateId: string;
+}
+declare class Modal extends React.Component<ModalProps, ModalState> {
+    static displayName: string;
+    static currentId: number;
+    boxId: string;
+    static defaultProps: PickOptional<ModalProps>;
+    constructor(props: ModalProps);
+    handleEscKeyClick: (event: KeyboardEvent) => void;
+    getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
+    toggleSiblingsFromScreenReaders: (hide: boolean) => void;
+    isEmpty: (value: string | null | undefined) => boolean;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}
+export { Modal };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/js/next/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC5E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iHAAiH;IACjH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D;2DACuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACzD,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,SAAS,SAAK;IACrB,KAAK,SAAM;IAEX,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAM3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,iBAAiB,UAAW,aAAa,KAAG,IAAI,CAK9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,OAAO,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,aAA2D;IAEtG,iBAAiB;IAyBjB,kBAAkB;IAYlB,oBAAoB;IAWpB,MAAM;CAoCP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/js/next/components/Modal/Modal.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = exports.ModalVariant = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const ReactDOM = tslib_1.__importStar(require("react-dom"));
+const helpers_1 = require("../../../helpers");
+const react_styles_1 = require("@patternfly/react-styles");
+const backdrop_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Backdrop/backdrop"));
+const ModalContent_1 = require("./ModalContent");
+const helpers_2 = require("../../../helpers");
+var ModalVariant;
+(function (ModalVariant) {
+    ModalVariant["small"] = "small";
+    ModalVariant["medium"] = "medium";
+    ModalVariant["large"] = "large";
+    ModalVariant["default"] = "default";
+})(ModalVariant || (exports.ModalVariant = ModalVariant = {}));
+class Modal extends React.Component {
+    constructor(props) {
+        super(props);
+        this.boxId = '';
+        this.handleEscKeyClick = (event) => {
+            var _a, _b;
+            const { onEscapePress } = this.props;
+            if (event.key === helpers_1.KeyTypes.Escape && this.props.isOpen) {
+                onEscapePress ? onEscapePress(event) : (_b = (_a = this.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+            }
+        };
+        this.getElement = (appendTo) => {
+            if (typeof appendTo === 'function') {
+                return appendTo();
+            }
+            return appendTo || document.body;
+        };
+        this.toggleSiblingsFromScreenReaders = (hide) => {
+            const { appendTo } = this.props;
+            const target = this.getElement(appendTo);
+            const bodyChildren = target.children;
+            for (const child of Array.from(bodyChildren)) {
+                if (child !== this.state.container) {
+                    hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
+                }
+            }
+        };
+        this.isEmpty = (value) => value === null || value === undefined || value === '';
+        const boxIdNum = Modal.currentId++;
+        this.boxId = props.id || `pf-modal-part-${boxIdNum}`;
+        this.state = {
+            container: undefined,
+            ouiaStateId: (0, helpers_2.getDefaultOUIAId)(Modal.displayName, props.variant)
+        };
+    }
+    componentDidMount() {
+        const { appendTo, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = this.props;
+        const target = this.getElement(appendTo);
+        const container = document.createElement('div');
+        this.setState({ container });
+        target.appendChild(container);
+        target.addEventListener('keydown', this.handleEscKeyClick, false);
+        if (this.props.isOpen) {
+            target.classList.add((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
+        }
+        else {
+            target.classList.remove((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
+        }
+        if (!ariaDescribedby && !ariaLabel && !ariaLabelledby) {
+            // eslint-disable-next-line no-console
+            console.error('Modal: Specify at least one of: aria-describedby, aria-label, aria-labelledby.');
+        }
+    }
+    componentDidUpdate() {
+        const { appendTo } = this.props;
+        const target = this.getElement(appendTo);
+        if (this.props.isOpen) {
+            target.classList.add((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
+            this.toggleSiblingsFromScreenReaders(true);
+        }
+        else {
+            target.classList.remove((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
+            this.toggleSiblingsFromScreenReaders(false);
+        }
+    }
+    componentWillUnmount() {
+        const { appendTo } = this.props;
+        const target = this.getElement(appendTo);
+        if (this.state.container) {
+            target.removeChild(this.state.container);
+        }
+        target.removeEventListener('keydown', this.handleEscKeyClick, false);
+        target.classList.remove((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
+        this.toggleSiblingsFromScreenReaders(false);
+    }
+    render() {
+        const _a = this.props, { 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        appendTo, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, ouiaId, ouiaSafe, position, elementToFocus } = _a, props = tslib_1.__rest(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "ouiaId", "ouiaSafe", "position", "elementToFocus"]);
+        const { container } = this.state;
+        if (!helpers_1.canUseDOM || !container) {
+            return null;
+        }
+        return ReactDOM.createPortal(React.createElement(ModalContent_1.ModalContent, Object.assign({ boxId: this.boxId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe, position: position, elementToFocus: elementToFocus }, props)), container);
+    }
+}
+exports.Modal = Modal;
+Modal.displayName = 'Modal';
+Modal.currentId = 0;
+Modal.defaultProps = {
+    isOpen: false,
+    variant: 'default',
+    appendTo: () => document.body,
+    ouiaSafe: true,
+    position: 'default'
+};
+//# sourceMappingURL=Modal.js.map

package/dist/js/next/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/js/next/components/Modal/ModalBody.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+/** Renders content in the body of the modal */
+export interface ModalBodyProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the modal body. */
+    children?: React.ReactNode;
+    /** Additional classes added to the modal body. */
+    className?: string;
+    /** Accessible label applied to the modal body. This should be used to communicate
+     * important information about the modal body div element if needed, such as when it is scrollable.
+     */
+    'aria-label'?: string;
+    /** Accessible role applied to the modal body. This will default to "region" if the
+     * aria-label property is passed in. Set to a more appropriate role as applicable
+     * based on the modal content and context.
+     */
+    role?: string;
+}
+export declare const ModalBody: React.FunctionComponent<ModalBodyProps>;
+//# sourceMappingURL=ModalBody.d.ts.map

package/dist/js/next/components/Modal/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,+CAA+C;AAE/C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkB7D,CAAC"}