@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.8

package/components/DualListSelector/DualListSelectorControlsWrapper.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+/** Acts as the container for the DualListSelectorControl sub-components. */
+export interface DualListSelectorControlsWrapperProps extends React.HTMLProps<HTMLDivElement> {
+    /** Anything that can be rendered inside of the wrapper. */
+    children?: React.ReactNode;
+    /** Additional classes added to the wrapper. */
+    className?: string;
+    /** @hide Forwarded ref */
+    innerRef?: React.RefObject<HTMLDivElement>;
+    /** Accessible label for the dual list selector controls wrapper. */
+    'aria-label'?: string;
+}
+export declare const DualListSelectorControlsWrapperBase: React.FunctionComponent<DualListSelectorControlsWrapperProps>;
+export declare const DualListSelectorControlsWrapper: React.ForwardRefExoticComponent<Pick<DualListSelectorControlsWrapperProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerRef"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DualListSelectorControlsWrapper.d.ts.map

package/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorControlsWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorControlsWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,4EAA4E;AAE5E,MAAM,WAAW,oCAAqC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3F,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,iBAAiB,CAAC,oCAAoC,CAyD7G,CAAC;AAIF,eAAO,MAAM,+BAA+B,81LAI3C,CAAC"}

package/components/DualListSelector/DualListSelectorControlsWrapper.js

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
+import { css } from '@patternfly/react-styles';
+import { handleArrows } from '../../helpers';
+export const DualListSelectorControlsWrapperBase = (_a) => {
+    var { innerRef, children = null, className, 'aria-label': ariaLabel = 'Controls for moving options between lists' } = _a, props = __rest(_a, ["innerRef", "children", "className", 'aria-label']);
+    const ref = React.useRef(null);
+    const wrapperRef = innerRef || ref;
+    // Adds keyboard navigation to the dynamically built dual list selector controls. Works when controls are dynamically built
+    // as well as when they are passed in via children.
+    const handleKeys = (event) => {
+        if (!wrapperRef.current ||
+            (wrapperRef.current !== event.target.closest('.pf-c-dual-list-selector__controls') &&
+                !Array.from(wrapperRef.current.getElementsByClassName('pf-c-dual-list-selector__controls')).includes(event.target.closest('.pf-c-dual-list-selector__controls')))) {
+            return;
+        }
+        event.stopImmediatePropagation();
+        const controls = Array.from(wrapperRef.current.getElementsByTagName('BUTTON')).filter(el => !el.classList.contains('pf-m-disabled'));
+        const activeElement = document.activeElement;
+        handleArrows(event, controls, (element) => activeElement.contains(element), (element) => element, undefined, undefined, true, false);
+    };
+    React.useEffect(() => {
+        window.addEventListener('keydown', handleKeys);
+        return () => {
+            window.removeEventListener('keydown', handleKeys);
+        };
+    }, [wrapperRef.current]);
+    return (React.createElement("div", Object.assign({ className: css(styles.dualListSelectorControls, className), tabIndex: 0, ref: wrapperRef, "aria-label": ariaLabel }, props), children));
+};
+DualListSelectorControlsWrapperBase.displayName = 'DualListSelectorControlsWrapperBase';
+export const DualListSelectorControlsWrapper = React.forwardRef((props, ref) => (React.createElement(DualListSelectorControlsWrapperBase, Object.assign({ innerRef: ref, role: "group" }, props))));
+DualListSelectorControlsWrapper.displayName = 'DualListSelectorControlsWrapper';
+//# sourceMappingURL=DualListSelectorControlsWrapper.js.map

package/components/DualListSelector/DualListSelectorControlsWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorControlsWrapper.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorControlsWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,6EAA6E,CAAC;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAe7C,MAAM,CAAC,MAAM,mCAAmC,GAAkE,CAAC,EAM5E,EAAE,EAAE;QANwE,EACjH,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,2CAA2C,OAEhC,EADlC,KAAK,cALyG,mDAMlH,CADS;IAER,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC;IACnC,2HAA2H;IAC3H,mDAAmD;IACnD,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC1C,IACE,CAAC,UAAU,CAAC,OAAO;YACnB,CAAC,UAAU,CAAC,OAAO,KAAM,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,oCAAoC,CAAC;gBACjG,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,sBAAsB,CAAC,mCAAmC,CAAC,CAAC,CAAC,QAAQ,CACjG,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAC5E,CAAC,EACJ;YACA,OAAO;SACR;QACD,KAAK,CAAC,wBAAwB,EAAE,CAAC;QAEjC,MAAM,QAAQ,GAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAe,CAAC,MAAM,CAClG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAC9C,CAAC;QACF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC7C,YAAY,CACV,KAAK,EACL,QAAQ,EACR,CAAC,OAAgB,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EACrD,CAAC,OAAgB,EAAE,EAAE,CAAC,OAAO,EAC7B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,CACN,CAAC;IACJ,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAC1D,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,UAAU,gBACH,SAAS,IACjB,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,mCAAmC,CAAC,WAAW,GAAG,qCAAqC,CAAC;AAExF,MAAM,CAAC,MAAM,+BAA+B,GAAG,KAAK,CAAC,UAAU,CAC7D,CAAC,KAA2C,EAAE,GAA8B,EAAE,EAAE,CAAC,CAC/E,oBAAC,mCAAmC,kBAAC,QAAQ,EAAE,GAAkC,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAI,CAC9G,CACF,CAAC;AAEF,+BAA+B,CAAC,WAAW,GAAG,iCAAiC,CAAC"}

package/components/DualListSelector/DualListSelectorList.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+/** Acts as the container for DualListSelectorListItem sub-components. */
+export interface DualListSelectorListProps extends React.HTMLProps<HTMLUListElement> {
+    /** Content rendered inside the dual list selector list */
+    children?: React.ReactNode;
+}
+export declare const DualListSelectorList: React.FunctionComponent<DualListSelectorListProps>;
+//# sourceMappingURL=DualListSelectorList.d.ts.map

package/components/DualListSelector/DualListSelectorList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorList.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,yEAAyE;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA2DnF,CAAC"}

package/components/DualListSelector/DualListSelectorList.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
+import { DualListSelectorListItem } from './DualListSelectorListItem';
+import * as React from 'react';
+import { DualListSelectorListContext } from './DualListSelectorContext';
+export const DualListSelectorList = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const { setFocusedOption, isTree, ariaLabelledBy, focusedOption, displayOption, selectedOptions, id, onOptionSelect, options, isDisabled } = React.useContext(DualListSelectorListContext);
+    // only called when options are passed via options prop
+    const onOptionClick = (e, index, id) => {
+        setFocusedOption(id);
+        onOptionSelect(e, index, id);
+    };
+    const hasOptions = () => options.length !== 0 || (children !== undefined && children.length !== 0);
+    return (React.createElement("ul", Object.assign({ className: css(styles.dualListSelectorList) }, (hasOptions() && {
+        role: isTree ? 'tree' : 'listbox',
+        'aria-multiselectable': true,
+        'aria-labelledby': ariaLabelledBy,
+        'aria-activedescendant': focusedOption
+    }), { "aria-disabled": isDisabled ? 'true' : undefined }, props), options.length === 0
+        ? children
+        : options.map((option, index) => {
+            if (displayOption(option)) {
+                return (React.createElement(DualListSelectorListItem, { key: index, isSelected: selectedOptions.indexOf(index) !== -1, id: `${id}-option-${index}`, onOptionSelect: (e, id) => onOptionClick(e, index, id), orderIndex: index, isDisabled: isDisabled }, option));
+            }
+            return;
+        })));
+};
+DualListSelectorList.displayName = 'DualListSelectorList';
+//# sourceMappingURL=DualListSelectorList.js.map

package/components/DualListSelector/DualListSelectorList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,6EAA6E,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AASxE,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAG7D,EAAE,EAAE;QAHyD,EACvF,QAAQ,OAEkB,EADvB,KAAK,cAF+E,YAGxF,CADS;IAER,MAAM,EACJ,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAa,EACb,aAAa,EACb,eAAe,EACf,EAAE,EACF,cAAc,EACd,OAAO,EACP,UAAU,EACX,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAElD,uDAAuD;IACvD,MAAM,aAAa,GAAG,CAAC,CAA6D,EAAE,KAAa,EAAE,EAAU,EAAE,EAAE;QACjH,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACrB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC1C,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;gBACzB,OAAO,CACL,oBAAC,wBAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EACtD,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;aACH;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/components/DualListSelector/DualListSelectorListItem.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+/** Creates an individual option that can be selected and moved between the
+ * dual list selector panes. This is contained within the DualListSelectorList sub-component.
+ */
+export interface DualListSelectorListItemProps 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 the list item is currently selected. */
+    isSelected?: boolean;
+    /** Callback fired when an option is selected.  */
+    onOptionSelect?: (e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, id?: string) => void;
+    /** ID of the option. */
+    id?: string;
+    /** @hide Internal field used to keep track of order of unfiltered options. */
+    orderIndex?: number;
+    /** @hide Forwarded ref */
+    innerRef?: React.RefObject<HTMLLIElement>;
+    /** Flag indicating this item is draggable for reordring */
+    isDraggable?: boolean;
+    /** Accessible label for the draggable button on draggable list items */
+    draggableButtonAriaLabel?: string;
+    /** Flag indicating if the dual list selector is in a disabled state */
+    isDisabled?: boolean;
+}
+export declare const DualListSelectorListItemBase: React.FunctionComponent<DualListSelectorListItemProps>;
+export declare const DualListSelectorListItem: React.ForwardRefExoticComponent<Pick<DualListSelectorListItemProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerRef" | "isDisabled" | "isSelected" | "onOptionSelect" | "orderIndex" | "isDraggable" | "draggableButtonAriaLabel"> & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=DualListSelectorListItem.d.ts.map

package/components/DualListSelector/DualListSelectorListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AAEH,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,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtG,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC1C,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA6D/F,CAAC;AAGF,eAAO,MAAM,wBAAwB,m8LAIpC,CAAC"}

package/components/DualListSelector/DualListSelectorListItem.js

@@ -0,0 +1,38 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
+import { css } from '@patternfly/react-styles';
+import { getUniqueId } from '../../helpers';
+import GripVerticalIcon from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
+import { Button, ButtonVariant } from '../Button';
+import { DualListSelectorListContext } from './DualListSelectorContext';
+export const DualListSelectorListItemBase = (_a) => {
+    var { onOptionSelect, orderIndex, children, className, id = getUniqueId('dual-list-selector-list-item'), isSelected, innerRef, isDraggable = false, isDisabled, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    draggableButtonAriaLabel = 'Reorder option' } = _a, props = __rest(_a, ["onOptionSelect", "orderIndex", "children", "className", "id", "isSelected", "innerRef", "isDraggable", "isDisabled", "draggableButtonAriaLabel"]);
+    const privateRef = React.useRef(null);
+    const ref = innerRef || privateRef;
+    const { setFocusedOption } = React.useContext(DualListSelectorListContext);
+    return (React.createElement("li", Object.assign({ className: css(styles.dualListSelectorListItem, className, isDisabled && styles.modifiers.disabled), key: orderIndex, onClick: isDisabled
+            ? undefined
+            : (e) => {
+                setFocusedOption(id);
+                onOptionSelect(e, id);
+            }, onKeyDown: (e) => {
+            if (e.key === ' ' || e.key === 'Enter') {
+                document.activeElement.click();
+                e.preventDefault();
+            }
+        }, "aria-selected": isSelected, id: id, ref: ref, role: "option", tabIndex: -1 }, props),
+        React.createElement("div", { className: css(styles.dualListSelectorListItemRow, isSelected && styles.modifiers.selected) },
+            isDraggable && !isDisabled && (React.createElement("div", { className: css(styles.dualListSelectorDraggable) },
+                React.createElement(Button, { variant: ButtonVariant.plain, component: "span" },
+                    React.createElement(GripVerticalIcon, { style: { verticalAlign: '-0.3em' } })))),
+            React.createElement("span", { className: css(styles.dualListSelectorItem) },
+                React.createElement("span", { className: css(styles.dualListSelectorItemMain) },
+                    React.createElement("span", { className: css(styles.dualListSelectorItemText) }, children))))));
+};
+DualListSelectorListItemBase.displayName = 'DualListSelectorListItemBase';
+export const DualListSelectorListItem = React.forwardRef((props, ref) => (React.createElement(DualListSelectorListItemBase, Object.assign({ innerRef: ref }, props))));
+DualListSelectorListItem.displayName = 'DualListSelectorListItem';
+//# sourceMappingURL=DualListSelectorListItem.js.map

package/components/DualListSelector/DualListSelectorListItem.js.map

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

package/components/DualListSelector/DualListSelectorListWrapper.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface DualListSelectorListWrapperProps extends React.HTMLProps<HTMLDivElement> {
+    /** Additional classes applied to the dual list selector. */
+    className?: string;
+    /** Anything that can be rendered inside of the list */
+    children?: React.ReactNode;
+    /** Id of the dual list selector list */
+    id?: string;
+    /** Accessibly label for the list */
+    'aria-labelledby': string;
+    /** @hide forwarded ref */
+    innerRef?: React.RefObject<HTMLDivElement>;
+    /** @hide Options to list in the pane. */
+    options?: React.ReactNode[];
+    /** @hide Options currently selected in the pane. */
+    selectedOptions?: string[] | number[];
+    /** @hide Callback for when an option is selected. Optionally used only when options prop is provided. */
+    onOptionSelect?: (e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, index: number, id: string) => void;
+    /** @hide Function to determine if an option should be displayed depending on a dynamically built filter value */
+    displayOption?: (option: React.ReactNode) => boolean;
+    /** Flag indicating whether the component is disabled. */
+    isDisabled?: boolean;
+}
+export declare const DualListSelectorListWrapperBase: React.FunctionComponent<DualListSelectorListWrapperProps>;
+export declare const DualListSelectorListWrapper: React.ForwardRefExoticComponent<Pick<DualListSelectorListWrapperProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerRef" | "options" | "isDisabled" | "onOptionSelect" | "displayOption" | "selectedOptions"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DualListSelectorListWrapper.d.ts.map

package/components/DualListSelector/DualListSelectorListWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorListWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,yGAAyG;IACzG,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpH,iHAAiH;IACjH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACrD,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAwFrG,CAAC;AAGF,eAAO,MAAM,2BAA2B,86LAIvC,CAAC"}

package/components/DualListSelector/DualListSelectorListWrapper.js

@@ -0,0 +1,60 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
+import { css } from '@patternfly/react-styles';
+import { getUniqueId, handleArrows } from '../../helpers';
+import { DualListSelectorList } from './DualListSelectorList';
+import { DualListSelectorContext, DualListSelectorListContext } from './DualListSelectorContext';
+export const DualListSelectorListWrapperBase = (_a) => {
+    var { className, children, 'aria-labelledby': ariaLabelledBy, innerRef, options = [], selectedOptions = [], onOptionSelect, displayOption, id = getUniqueId('dual-list-selector-list'), isDisabled = false } = _a, props = __rest(_a, ["className", "children", 'aria-labelledby', "innerRef", "options", "selectedOptions", "onOptionSelect", "displayOption", "id", "isDisabled"]);
+    const [focusedOption, setFocusedOption] = React.useState('');
+    const ref = React.useRef(null);
+    const menuRef = innerRef || ref;
+    const { isTree } = React.useContext(DualListSelectorContext);
+    // sets up keyboard focus handling for the dual list selector menu child of the pane. This keyboard
+    // handling is applied whether the pane is dynamically built or passed via the children prop.
+    const handleKeys = (event) => {
+        if (!menuRef.current ||
+            (menuRef.current !== event.target.closest('.pf-c-dual-list-selector__menu') &&
+                !Array.from(menuRef.current.getElementsByClassName('pf-c-dual-list-selector__menu')).includes(event.target.closest('.pf-c-dual-list-selector__menu')))) {
+            return;
+        }
+        event.stopImmediatePropagation();
+        const validOptions = isTree
+            ? Array.from(menuRef.current.querySelectorAll('.pf-c-dual-list-selector__item-toggle, .pf-c-dual-list-selector__item-check > input'))
+            : Array.from(menuRef.current.getElementsByTagName('LI')).filter(el => !el.classList.contains('pf-m-disabled'));
+        const activeElement = document.activeElement;
+        handleArrows(event, validOptions, (element) => activeElement.contains(element), (element) => {
+            if (element.classList.contains('.pf-c-dual-list-selector__list-item')) {
+                setFocusedOption(element.id);
+            }
+            else {
+                setFocusedOption(element.closest('.pf-c-dual-list-selector__list-item').id);
+            }
+            return element;
+        }, ['.pf-c-dual-list-selector__item-toggle', '.pf-c-dual-list-selector__item-check > input'], undefined, false, false, false);
+    };
+    React.useEffect(() => {
+        window.addEventListener('keydown', handleKeys);
+        return () => {
+            window.removeEventListener('keydown', handleKeys);
+        };
+    }, [menuRef.current]);
+    return (React.createElement("div", Object.assign({ className: css(styles.dualListSelectorMenu, className), ref: menuRef, tabIndex: 0 }, props),
+        React.createElement(DualListSelectorListContext.Provider, { value: {
+                setFocusedOption,
+                isTree,
+                focusedOption,
+                ariaLabelledBy,
+                displayOption,
+                selectedOptions,
+                id,
+                options,
+                onOptionSelect,
+                isDisabled
+            } }, children ? children : React.createElement(DualListSelectorList, null))));
+};
+DualListSelectorListWrapperBase.displayName = 'DualListSelectorListWrapperBase';
+export const DualListSelectorListWrapper = React.forwardRef((props, ref) => (React.createElement(DualListSelectorListWrapperBase, Object.assign({ innerRef: ref }, props))));
+DualListSelectorListWrapper.displayName = 'DualListSelectorListWrapper';
+//# sourceMappingURL=DualListSelectorListWrapper.js.map

package/components/DualListSelector/DualListSelectorListWrapper.js.map

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

package/components/DualListSelector/DualListSelectorPane.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { DualListSelectorTreeItemData } from './DualListSelectorTree';
+/** Acts as the container for a list of options that are either available or chosen,
+ * depending on the pane type (available or chosen). A search input and other actions,
+ * such as sorting, can also be passed into this sub-component.
+ */
+export interface DualListSelectorPaneProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
+    /** Additional classes applied to the dual list selector pane. */
+    className?: string;
+    /** A dual list selector list or dual list selector tree to be rendered in the pane. */
+    children?: React.ReactNode;
+    /** Flag indicating if this pane is the chosen pane. */
+    isChosen?: boolean;
+    /** Status to display above the pane. */
+    status?: string;
+    /** Title of the pane. */
+    title?: React.ReactNode;
+    /** A search input placed above the list at the top of the pane, before actions. */
+    searchInput?: React.ReactNode;
+    /** Actions to place above the pane. */
+    actions?: React.ReactNode[];
+    /** Id of the pane. */
+    id?: string;
+    /** @hide Options to list in the pane. */
+    options?: React.ReactNode[];
+    /** @hide Options currently selected in the pane. */
+    selectedOptions?: string[] | number[];
+    /** @hide Callback for when an option is selected. Optionally used only when options prop is provided. */
+    onOptionSelect?: (e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, index: number, isChosen: boolean, id?: string, itemData?: any, parentData?: any) => void;
+    /** @hide Callback for when a tree option is checked. Optionally used only when options prop is provided. */
+    onOptionCheck?: (evt: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
+    /** @hide Flag indicating a dynamically built search bar should be included above the pane. */
+    isSearchable?: boolean;
+    /** Flag indicating whether the component is disabled. */
+    isDisabled?: boolean;
+    /** Callback for search input. To be used when isSearchable is true. */
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** @hide A callback for when the search input value for changes.  To be used when isSearchable is true. */
+    onSearchInputChanged?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
+    /** @hide Callback for search input clear button */
+    onSearchInputClear?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
+    /** @hide Filter function for custom filtering based on search string. To be used when isSearchable is true. */
+    filterOption?: (option: React.ReactNode, input: string) => boolean;
+    /** @hide Accessible label for the search input. To be used when isSearchable is true. */
+    searchInputAriaLabel?: string;
+    /** @hide Callback for updating the filtered options in DualListSelector. To be used when isSearchable is true. */
+    onFilterUpdate?: (newFilteredOptions: React.ReactNode[], paneType: string, isSearchReset: boolean) => void;
+    /** Minimum height of the list of options rendered in the pane. **/
+    listMinHeight?: string;
+}
+export declare const DualListSelectorPane: React.FunctionComponent<DualListSelectorPaneProps>;
+//# sourceMappingURL=DualListSelectorPane.d.ts.map

package/components/DualListSelector/DualListSelectorPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAwB,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAO5F;;;GAGG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,yGAAyG;IACzG,cAAc,CAAC,EAAE,CACf,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAC7D,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,OAAO,EACjB,EAAE,CAAC,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,GAAG,EACd,UAAU,CAAC,EAAE,GAAG,KACb,IAAI,CAAC;IACV,4GAA4G;IAC5G,aAAa,CAAC,EAAE,CACd,GAAG,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACjF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,8FAA8F;IAC9F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,2GAA2G;IAC3G,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzF,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9E,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnE,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kHAAkH;IAClH,cAAc,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3G,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA4KnF,CAAC"}

package/components/DualListSelector/DualListSelectorPane.js

@@ -0,0 +1,86 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
+import { css } from '@patternfly/react-styles';
+import { DualListSelectorTree } from './DualListSelectorTree';
+import { getUniqueId } from '../../helpers';
+import { DualListSelectorListWrapper } from './DualListSelectorListWrapper';
+import { DualListSelectorContext, DualListSelectorPaneContext } from './DualListSelectorContext';
+import { DualListSelectorList } from './DualListSelectorList';
+import { SearchInput } from '../SearchInput';
+export const DualListSelectorPane = (_a) => {
+    var { isChosen = false, className = '', status = '', actions, searchInput, children, onOptionSelect, onOptionCheck, title = '', options = [], selectedOptions = [], isSearchable = false, searchInputAriaLabel = '', onFilterUpdate, onSearchInputChanged, onSearchInputClear, filterOption, id = getUniqueId('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = __rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "onOptionSelect", "onOptionCheck", "title", "options", "selectedOptions", "isSearchable", "searchInputAriaLabel", "onFilterUpdate", "onSearchInputChanged", "onSearchInputClear", "filterOption", "id", "isDisabled", "listMinHeight"]);
+    const [input, setInput] = React.useState('');
+    const { isTree } = React.useContext(DualListSelectorContext);
+    // only called when search input is dynamically built
+    const onChange = (e, newValue) => {
+        let filtered;
+        if (isTree) {
+            filtered = options
+                .map(opt => Object.assign({}, opt))
+                .filter(item => filterInput(item, newValue));
+        }
+        else {
+            filtered = options.filter(option => {
+                if (displayOption(option)) {
+                    return option;
+                }
+            });
+        }
+        onFilterUpdate(filtered, isChosen ? 'chosen' : 'available', newValue === '');
+        if (onSearchInputChanged) {
+            onSearchInputChanged(newValue, e);
+        }
+        setInput(newValue);
+    };
+    // only called when options are passed via options prop and isTree === true
+    const filterInput = (item, input) => {
+        if (filterOption) {
+            return filterOption(item, input);
+        }
+        else {
+            if (item.text.toLowerCase().includes(input.toLowerCase()) || input === '') {
+                return true;
+            }
+        }
+        if (item.children) {
+            return ((item.children = item.children.map(opt => Object.assign({}, opt)).filter(child => filterInput(child, input)))
+                .length > 0);
+        }
+    };
+    // only called when options are passed via options prop and isTree === false
+    const displayOption = (option) => {
+        if (filterOption) {
+            return filterOption(option, input);
+        }
+        else {
+            return option
+                .toString()
+                .toLowerCase()
+                .includes(input.toLowerCase());
+        }
+    };
+    return (React.createElement("div", Object.assign({ className: css(styles.dualListSelectorPane, isChosen ? styles.modifiers.chosen : 'pf-m-available', className) }, props),
+        title && (React.createElement("div", { className: css(styles.dualListSelectorHeader) },
+            React.createElement("div", { className: "pf-c-dual-list-selector__title" },
+                React.createElement("div", { className: css(styles.dualListSelectorTitleText) }, title)))),
+        (actions || searchInput || isSearchable) && (React.createElement("div", { className: css(styles.dualListSelectorTools) },
+            (isSearchable || searchInput) && (React.createElement("div", { className: css(styles.dualListSelectorToolsFilter) }, searchInput ? (searchInput) : (React.createElement(SearchInput, { onChange: isDisabled ? undefined : onChange, onClear: onSearchInputClear ? onSearchInputClear : e => onChange(e, ''), isDisabled: isDisabled, "aria-label": searchInputAriaLabel, type: "search" })))),
+            actions && React.createElement("div", { className: css(styles.dualListSelectorToolsActions) }, actions))),
+        status && (React.createElement("div", { className: css(styles.dualListSelectorStatus) },
+            React.createElement("div", { className: css(styles.dualListSelectorStatusText), id: `${id}-status` }, status))),
+        React.createElement(DualListSelectorPaneContext.Provider, { value: { isChosen } },
+            !isTree && (React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, options: options, selectedOptions: selectedOptions, onOptionSelect: (e, index, id) => onOptionSelect(e, index, isChosen, id), displayOption: displayOption, id: `${id}-list`, isDisabled: isDisabled }, (listMinHeight && {
+                style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
+            })), children)),
+            isTree && (React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
+                style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
+            })), options.length > 0 ? (React.createElement(DualListSelectorList, null,
+                React.createElement(DualListSelectorTree, { data: isSearchable
+                        ? options
+                            .map(opt => Object.assign({}, opt))
+                            .filter(item => filterInput(item, input))
+                        : options, onOptionCheck: onOptionCheck, id: `${id}-tree`, isDisabled: isDisabled }))) : (children))))));
+};
+DualListSelectorPane.displayName = 'DualListSelectorPane';
+//# sourceMappingURL=DualListSelectorPane.js.map

package/components/DualListSelector/DualListSelectorPane.js.map

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

package/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/components/DualListSelector/DualListSelectorTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../src/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,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,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,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,wDAAwD;IACxD,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,4BAA4B;IAC5B,IAAI,EAAE,4BAA4B,EAAE,GAAG,CAAC,MAAM,4BAA4B,EAAE,CAAC,CAAC;IAC9E,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,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/components/DualListSelector/DualListSelectorTree.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
+import { DualListSelectorTreeItem } from './DualListSelectorTreeItem';
+export const DualListSelectorTree = (_a) => {
+    var { data, hasBadges = false, isNested = false, defaultAllExpanded = false, onOptionCheck, isDisabled = false } = _a, props = __rest(_a, ["data", "hasBadges", "isNested", "defaultAllExpanded", "onOptionCheck", "isDisabled"]);
+    const dataToRender = typeof data === 'function' ? data() : data;
+    const tree = dataToRender.map(item => (React.createElement(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(DualListSelectorTree, { isNested: true, data: item.children, hasBadges: hasBadges, defaultAllExpanded: defaultAllExpanded, onOptionCheck: onOptionCheck, isDisabled: isDisabled }))
+    })))));
+    return isNested ? (React.createElement("ul", Object.assign({ className: css(styles.dualListSelectorList), role: "group" }, props), tree)) : (React.createElement(React.Fragment, null, tree));
+};
+DualListSelectorTree.displayName = 'DualListSelectorTree';
+//# sourceMappingURL=DualListSelectorTree.js.map

package/components/DualListSelector/DualListSelectorTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualListSelectorTree.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,6EAA6E,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AA2DtE,MAAM,CAAC,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,cAP+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,IAAI,CAAC,EAAE,CAAC,CACpC,oBAAC,wBAAwB,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,oBAAoB,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,GAAG,CAAC,MAAM,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;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}