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

package/components/Slider/Slider.js

@@ -0,0 +1,237 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { useState } from 'react';
+import styles from '@patternfly/react-styles/css/components/Slider/slider';
+import { css } from '@patternfly/react-styles';
+import { SliderStep } from './SliderStep';
+import { InputGroup, InputGroupText } from '../InputGroup';
+import { TextInput } from '../TextInput';
+import { Tooltip } from '../Tooltip';
+const getPercentage = (current, max) => (100 * current) / max;
+export const Slider = (_a) => {
+    var { className, value = 0, customSteps, areCustomStepsContinuous = false, isDisabled = false, isInputVisible = false, inputValue = 0, inputLabel, inputAriaLabel = 'Slider value input', thumbAriaLabel = 'Value', hasTooltipOverThumb = false, inputPosition = 'right', onChange, leftActions, rightActions, step = 1, min = 0, max = 100, showTicks = false, showBoundaries = true, 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = _a, props = __rest(_a, ["className", "value", "customSteps", "areCustomStepsContinuous", "isDisabled", "isInputVisible", "inputValue", "inputLabel", "inputAriaLabel", "thumbAriaLabel", "hasTooltipOverThumb", "inputPosition", "onChange", "leftActions", "rightActions", "step", "min", "max", "showTicks", "showBoundaries", 'aria-describedby', 'aria-labelledby']);
+    const sliderRailRef = React.useRef();
+    const thumbRef = React.useRef();
+    const [localValue, setValue] = useState(value);
+    const [localInputValue, setLocalInputValue] = useState(inputValue);
+    React.useEffect(() => {
+        setValue(value);
+    }, [value]);
+    React.useEffect(() => {
+        setLocalInputValue(inputValue);
+    }, [inputValue]);
+    let diff = 0;
+    let snapValue;
+    // calculate style value percentage
+    const stylePercent = ((localValue - min) * 100) / (max - min);
+    const style = { '--pf-c-slider--value': `${stylePercent}%` };
+    const widthChars = React.useMemo(() => localInputValue.toString().length, [localInputValue]);
+    const inputStyle = { '--pf-c-slider__value--c-form-control--width-chars': widthChars };
+    const onChangeHandler = (value) => {
+        setLocalInputValue(Number(value));
+    };
+    const handleKeyPressOnInput = (event) => {
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            if (onChange) {
+                onChange(localValue, localInputValue, setLocalInputValue);
+            }
+        }
+    };
+    const onInputFocus = (e) => {
+        e.stopPropagation();
+    };
+    const onThumbClick = () => {
+        thumbRef.current.focus();
+    };
+    const onBlur = () => {
+        if (onChange) {
+            onChange(localValue, localInputValue, setLocalInputValue);
+        }
+    };
+    const findAriaTextValue = () => {
+        if (!areCustomStepsContinuous && customSteps) {
+            const matchingStep = customSteps.find(stepObj => stepObj.value === localValue);
+            if (matchingStep) {
+                return matchingStep.label;
+            }
+        }
+        // For continuous steps default to showing 2 decimals in tooltip
+        // Consider making it configurable via a property
+        return Number(Number(localValue).toFixed(2)).toString();
+    };
+    const handleThumbDragEnd = () => {
+        document.removeEventListener('mousemove', callbackThumbMove);
+        document.removeEventListener('mouseup', callbackThumbUp);
+        document.removeEventListener('touchmove', callbackThumbMove);
+        document.removeEventListener('touchend', callbackThumbUp);
+        document.removeEventListener('touchcancel', callbackThumbUp);
+    };
+    const handleMouseDown = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        diff = e.clientX - thumbRef.current.getBoundingClientRect().left;
+        document.addEventListener('mousemove', callbackThumbMove);
+        document.addEventListener('mouseup', callbackThumbUp);
+    };
+    const handleTouchStart = (e) => {
+        e.stopPropagation();
+        diff = e.touches[0].clientX - thumbRef.current.getBoundingClientRect().left;
+        document.addEventListener('touchmove', callbackThumbMove, { passive: false });
+        document.addEventListener('touchend', callbackThumbUp);
+        document.addEventListener('touchcancel', callbackThumbUp);
+    };
+    const onSliderRailClick = (e) => {
+        handleThumbMove(e);
+        if (snapValue && !areCustomStepsContinuous) {
+            thumbRef.current.style.setProperty('--pf-c-slider--value', `${snapValue}%`);
+            setValue(snapValue);
+            if (onChange) {
+                onChange(snapValue);
+            }
+        }
+    };
+    const handleThumbMove = (e) => {
+        if (e.type === 'touchmove') {
+            e.preventDefault();
+            e.stopImmediatePropagation();
+        }
+        const clientPosition = e.touches && e.touches.length ? e.touches[0].clientX : e.clientX;
+        let newPosition = clientPosition - diff - sliderRailRef.current.getBoundingClientRect().left;
+        const end = sliderRailRef.current.offsetWidth - thumbRef.current.offsetWidth;
+        const start = 0;
+        if (newPosition < start) {
+            newPosition = 0;
+        }
+        if (newPosition > end) {
+            newPosition = end;
+        }
+        const newPercentage = getPercentage(newPosition, end);
+        thumbRef.current.style.setProperty('--pf-c-slider--value', `${newPercentage}%`);
+        // convert percentage to value
+        const newValue = Math.round(((newPercentage * (max - min)) / 100 + min) * 100) / 100;
+        setValue(newValue);
+        if (!customSteps) {
+            // snap to new value if not custom steps
+            snapValue = Math.round((Math.round((newValue - min) / step) * step + min) * 100) / 100;
+            thumbRef.current.style.setProperty('--pf-c-slider--value', `${snapValue}%`);
+            setValue(snapValue);
+        }
+        /* If custom steps are discrete, snap to closest step value */
+        if (!areCustomStepsContinuous && customSteps) {
+            let percentage = newPercentage;
+            if (customSteps[customSteps.length - 1].value !== 100) {
+                percentage = (newPercentage * (max - min)) / 100 + min;
+            }
+            const stepIndex = customSteps.findIndex(stepObj => stepObj.value >= percentage);
+            if (customSteps[stepIndex].value === percentage) {
+                snapValue = customSteps[stepIndex].value;
+            }
+            else {
+                const midpoint = (customSteps[stepIndex].value + customSteps[stepIndex - 1].value) / 2;
+                if (midpoint > percentage) {
+                    snapValue = customSteps[stepIndex - 1].value;
+                }
+                else {
+                    snapValue = customSteps[stepIndex].value;
+                }
+            }
+            setValue(snapValue);
+        }
+        // Call onchange callback
+        if (onChange) {
+            if (snapValue !== undefined) {
+                onChange(snapValue);
+            }
+            else {
+                onChange(newValue);
+            }
+        }
+    };
+    const callbackThumbMove = React.useCallback(handleThumbMove, [min, max, customSteps, onChange]);
+    const callbackThumbUp = React.useCallback(handleThumbDragEnd, [min, max, customSteps, onChange]);
+    const handleThumbKeys = (e) => {
+        const key = e.key;
+        if (key !== 'ArrowLeft' && key !== 'ArrowRight') {
+            return;
+        }
+        e.preventDefault();
+        let newValue = localValue;
+        if (!areCustomStepsContinuous && customSteps) {
+            const stepIndex = customSteps.findIndex(stepObj => stepObj.value === localValue);
+            if (key === 'ArrowRight') {
+                if (stepIndex + 1 < customSteps.length) {
+                    {
+                        newValue = customSteps[stepIndex + 1].value;
+                    }
+                }
+            }
+            else if (key === 'ArrowLeft') {
+                if (stepIndex - 1 >= 0) {
+                    newValue = customSteps[stepIndex - 1].value;
+                }
+            }
+        }
+        else {
+            if (key === 'ArrowRight') {
+                newValue = localValue + step <= max ? localValue + step : max;
+            }
+            else if (key === 'ArrowLeft') {
+                newValue = localValue - step >= min ? localValue - step : min;
+            }
+        }
+        if (newValue !== localValue) {
+            thumbRef.current.style.setProperty('--pf-c-slider--value', `${newValue}%`);
+            setValue(newValue);
+            if (onChange) {
+                onChange(newValue);
+            }
+        }
+    };
+    const displayInput = () => {
+        const textInput = (React.createElement(TextInput, { className: css(styles.formControl), isDisabled: isDisabled, type: "number", value: localInputValue, "aria-label": inputAriaLabel, onKeyDown: handleKeyPressOnInput, onChange: onChangeHandler, onClick: onInputFocus, onFocus: onInputFocus, onBlur: onBlur }));
+        if (inputLabel) {
+            return (React.createElement(InputGroup, null,
+                textInput,
+                React.createElement(InputGroupText, Object.assign({}, (isDisabled && { className: css(styles.modifiers.disabled) })),
+                    ' ',
+                    inputLabel)));
+        }
+        else {
+            return textInput;
+        }
+    };
+    const getStepValue = (val, min, max) => ((val - min) * 100) / (max - min);
+    const buildSteps = () => {
+        const builtSteps = [];
+        for (let i = min; i <= max; i = i + step) {
+            const stepValue = getStepValue(i, min, max);
+            // If we boundaries but not ticks just generate the needed steps
+            // so that we don't pullute them DOM with empty divs
+            if (!showTicks && showBoundaries && i !== min && i !== max) {
+                continue;
+            }
+            builtSteps.push(React.createElement(SliderStep, { key: i, value: stepValue, label: i.toString(), isTickHidden: !showTicks, isLabelHidden: (i === min || i === max) && showBoundaries ? false : true, isActive: i <= localValue }));
+        }
+        return builtSteps;
+    };
+    const thumbComponent = (React.createElement("div", { className: css(styles.sliderThumb), ref: thumbRef, tabIndex: isDisabled ? -1 : 0, role: "slider", "aria-valuemin": customSteps ? customSteps[0].value : min, "aria-valuemax": customSteps ? customSteps[customSteps.length - 1].value : max, "aria-valuenow": localValue, "aria-valuetext": findAriaTextValue(), "aria-label": thumbAriaLabel, "aria-disabled": isDisabled, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, onMouseDown: !isDisabled ? handleMouseDown : null, onTouchStart: !isDisabled ? handleTouchStart : null, onKeyDown: !isDisabled ? handleThumbKeys : null, onClick: !isDisabled ? onThumbClick : null }));
+    return (React.createElement("div", Object.assign({ className: css(styles.slider, className, isDisabled && styles.modifiers.disabled), style: Object.assign(Object.assign({}, style), inputStyle) }, props),
+        leftActions && React.createElement("div", { className: css(styles.sliderActions) }, leftActions),
+        React.createElement("div", { className: css(styles.sliderMain) },
+            React.createElement("div", { className: css(styles.sliderRail), ref: sliderRailRef, onClick: !isDisabled ? onSliderRailClick : null },
+                React.createElement("div", { className: css(styles.sliderRailTrack) })),
+            customSteps && (React.createElement("div", { className: css(styles.sliderSteps), "aria-hidden": "true" }, customSteps.map(stepObj => {
+                const minValue = customSteps[0].value;
+                const maxValue = customSteps[customSteps.length - 1].value;
+                const stepValue = getStepValue(stepObj.value, minValue, maxValue);
+                return (React.createElement(SliderStep, { key: stepObj.value, value: stepValue, label: stepObj.label, isLabelHidden: stepObj.isLabelHidden, isActive: stepObj.value <= localValue }));
+            }))),
+            !customSteps && (showTicks || showBoundaries) && (React.createElement("div", { className: css(styles.sliderSteps), "aria-hidden": "true" }, buildSteps())),
+            isInputVisible && inputPosition === 'aboveThumb' && (React.createElement("div", { className: css(styles.sliderValue, styles.modifiers.floating) }, displayInput())),
+            hasTooltipOverThumb ? (React.createElement(Tooltip, { entryDelay: 0, content: findAriaTextValue() }, thumbComponent)) : (thumbComponent)),
+        isInputVisible && inputPosition === 'right' && React.createElement("div", { className: css(styles.sliderValue) }, displayInput()),
+        rightActions && React.createElement("div", { className: css(styles.sliderActions) }, rightActions)));
+};
+Slider.displayName = 'Slider';
+//# sourceMappingURL=Slider.js.map

package/components/Slider/Slider.js.map

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

package/components/Slider/SliderStep.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface SliderStepProps extends Omit<React.HTMLProps<HTMLDivElement>, 'label'> {
+    /** Additional classes added to the slider step. */
+    className?: string;
+    /** Flag indicating the step is active. */
+    isActive?: boolean;
+    /** Flag indicating that the label should be hidden. */
+    isLabelHidden?: boolean;
+    /** Flag indicating that the tick should be hidden. */
+    isTickHidden?: boolean;
+    /** Step label. **/
+    label?: string;
+    /** Step value. **/
+    value?: number;
+}
+export declare const SliderStep: React.FunctionComponent<SliderStepProps>;
+//# sourceMappingURL=SliderStep.d.ts.map

package/components/Slider/SliderStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderStep.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAgB/D,CAAC"}

package/components/Slider/SliderStep.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Slider/slider';
+import { css } from '@patternfly/react-styles';
+export const SliderStep = (_a) => {
+    var { className, label, value, isTickHidden = false, isLabelHidden = false, isActive = false } = _a, props = __rest(_a, ["className", "label", "value", "isTickHidden", "isLabelHidden", "isActive"]);
+    const style = { '--pf-c-slider__step--Left': `${value}%` };
+    return (React.createElement("div", Object.assign({ className: css(styles.sliderStep, isActive && styles.modifiers.active, className), style: style }, props),
+        !isTickHidden && React.createElement("div", { className: css(styles.sliderStepTick) }),
+        !isLabelHidden && label && React.createElement("div", { className: css(styles.sliderStepLabel) }, label)));
+};
+SliderStep.displayName = 'SliderStep';
+//# sourceMappingURL=SliderStep.js.map

package/components/Slider/SliderStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderStep.js","sourceRoot":"","sources":["../../../../src/components/Slider/SliderStep.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAiB/C,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAQnD,EAAE,EAAE;QAR+C,EACnE,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,KAAK,OAEA,EADb,KAAK,cAP2D,4EAQpE,CADS;IAER,MAAM,KAAK,GAAG,EAAE,2BAA2B,EAAE,GAAG,KAAK,GAAG,EAAyB,CAAC;IAClF,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK;QAC5G,CAAC,YAAY,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,GAAI;QAC/D,CAAC,aAAa,IAAI,KAAK,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAO,CAClF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/components/Slider/index.d.ts

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

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

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

package/components/Slider/index.js

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

package/components/Slider/index.js.map

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

package/components/Spinner/Spinner.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export declare enum spinnerSize {
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl"
+}
+export interface SpinnerProps extends Omit<React.HTMLProps<HTMLSpanElement>, 'size'> {
+    /** Additional classes added to the Spinner. */
+    className?: string;
+    /** Size variant of progress. */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Text describing that current loading status or progress */
+    'aria-valuetext'?: string;
+    /** Whether to use an SVG (new) rather than a span (old) */
+    isSVG?: boolean;
+    /** Diameter of spinner set as CSS variable */
+    diameter?: string;
+    /** @beta Indicates the spinner is inline and the size should inherit the text font size. This will override the size prop. */
+    isInline?: boolean;
+    /** Accessible label to describe what is loading */
+    'aria-label'?: string;
+    /** Id of element which describes what is being loaded */
+    'aria-labelledBy'?: string;
+}
+export declare const Spinner: React.FunctionComponent<SpinnerProps>;
+//# sourceMappingURL=Spinner.d.ts.map

package/components/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,WAAW;IACrB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClF,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8HAA8H;IAC9H,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAqCzD,CAAC"}

package/components/Spinner/Spinner.js

@@ -0,0 +1,23 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Spinner/spinner';
+import { css } from '@patternfly/react-styles';
+export var spinnerSize;
+(function (spinnerSize) {
+    spinnerSize["sm"] = "sm";
+    spinnerSize["md"] = "md";
+    spinnerSize["lg"] = "lg";
+    spinnerSize["xl"] = "xl";
+})(spinnerSize || (spinnerSize = {}));
+export const Spinner = (_a) => {
+    var { 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    className = '', size = 'xl', 'aria-valuetext': ariaValueText = 'Loading...', isSVG = true, diameter, isInline = false, 'aria-label': ariaLabel, 'aria-labelledBy': ariaLabelledBy } = _a, props = __rest(_a, ["className", "size", 'aria-valuetext', "isSVG", "diameter", "isInline", 'aria-label', 'aria-labelledBy']);
+    const Component = isSVG ? 'svg' : 'span';
+    return (React.createElement(Component, Object.assign({ className: css(styles.spinner, isInline ? styles.modifiers.inline : styles.modifiers[size], className), role: "progressbar", "aria-valuetext": ariaValueText }, (isSVG && { viewBox: '0 0 100 100' }), (diameter && { style: { '--pf-c-spinner--diameter': diameter } }), (ariaLabel && { 'aria-label': ariaLabel }), (ariaLabelledBy && { 'aria-labelledBy': ariaLabelledBy }), (!ariaLabel && !ariaLabelledBy && { 'aria-label': 'Contents' }), props), isSVG ? (React.createElement("circle", { className: styles.spinnerPath, cx: "50", cy: "50", r: "45", fill: "none" })) : (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: css(styles.spinnerClipper) }),
+        React.createElement("span", { className: css(styles.spinnerLeadBall) }),
+        React.createElement("span", { className: css(styles.spinnerTailBall) })))));
+};
+Spinner.displayName = 'Spinner';
+//# sourceMappingURL=Spinner.js.map

package/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;AACX,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAqBD,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAWhD,EAAE,EAAE;QAX4C;IAC7D,6DAA6D;IAC7D,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,EACX,gBAAgB,EAAE,aAAa,GAAG,YAAY,EAC9C,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,OAEpB,EADV,KAAK,cAVqD,yGAW9D,CADS;IAER,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,MAAc,CAAC;IAElD,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EACtG,IAAI,EAAC,aAAa,oBACF,aAAa,IACzB,CAAC,KAAK,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EACrC,CAAC,QAAQ,IAAI,EAAE,KAAK,EAAE,EAAE,0BAA0B,EAAE,QAAQ,EAAE,EAAE,CAAC,EACjE,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAC1C,CAAC,cAAc,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,EACzD,CAAC,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,GAER,KAAK,CAAC,CAAC,CAAC,CACP,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG,CAC7E,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,QAAQ;QACb,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,GAAI;QAC/C,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,GAAI;QAChD,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,GAAI,CACjC,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/components/Spinner/index.d.ts

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

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

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

package/components/Spinner/index.js

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

package/components/Spinner/index.js.map

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

package/components/Switch/Switch.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export interface SwitchProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
+    /** id for the label. */
+    id?: string;
+    /** Additional classes added to the switch */
+    className?: string;
+    /** Text value for the visible label when on */
+    label?: React.ReactNode;
+    /** Text value for the visible label when off */
+    labelOff?: React.ReactNode;
+    /** Flag to show if the switch is checked when it is controlled by React state.
+     * To make the switch uncontrolled instead use the defaultChecked prop, but do not use both.
+     */
+    isChecked?: boolean;
+    /** Flag to set the default checked value of the switch when it is uncontrolled by React state.
+     * To make the switch controlled instead use the isChecked prop, but do not use both.
+     */
+    defaultChecked?: boolean;
+    /** Flag to show if the switch has a check icon. */
+    hasCheckIcon?: boolean;
+    /** Flag to show if the switch is disabled. */
+    isDisabled?: boolean;
+    /** A callback for when the switch selection changes. (isChecked, event) => {} */
+    onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
+    /** Adds accessible text to the switch, and should describe the isChecked="true" state. When label is defined, aria-label should be set to the text string that is visible when isChecked is true. */
+    'aria-label'?: string;
+    /** Flag to reverse the layout of toggle and label (toggle on right). */
+    isReversed?: boolean;
+    /** 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 class Switch extends React.Component<SwitchProps & OUIAProps, {
+    ouiaStateId: string;
+}> {
+    static displayName: string;
+    id: string;
+    static defaultProps: SwitchProps;
+    constructor(props: SwitchProps & OUIAProps);
+    render(): JSX.Element;
+}
+//# sourceMappingURL=Switch.d.ts.map

package/components/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,qMAAqM;IACrM,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,SAAS,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IAC3F,MAAM,CAAC,WAAW,SAAY;IAC9B,EAAE,EAAE,MAAM,CAAC;IAEX,MAAM,CAAC,YAAY,EAAE,WAAW,CAM9B;gBAEU,KAAK,EAAE,WAAW,GAAG,SAAS;IAa1C,MAAM;CAqEP"}

package/components/Switch/Switch.js

@@ -0,0 +1,44 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Switch/switch';
+import { css } from '@patternfly/react-styles';
+import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
+import { getUniqueId } from '../../helpers/util';
+import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
+export class Switch extends React.Component {
+    constructor(props) {
+        super(props);
+        if (!props.label && !props['aria-label']) {
+            // eslint-disable-next-line no-console
+            console.error('Switch: Switch requires either a label or an aria-label to be specified');
+        }
+        this.id = props.id || getUniqueId();
+        this.state = {
+            ouiaStateId: getDefaultOUIAId(Switch.displayName)
+        };
+    }
+    render() {
+        const _a = this.props, { 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        id, className, label, labelOff, isChecked, defaultChecked, hasCheckIcon, isDisabled, onChange, isReversed, ouiaId, ouiaSafe } = _a, props = __rest(_a, ["id", "className", "label", "labelOff", "isChecked", "defaultChecked", "hasCheckIcon", "isDisabled", "onChange", "isReversed", "ouiaId", "ouiaSafe"]);
+        const isAriaLabelledBy = props['aria-label'] === '';
+        return (React.createElement("label", Object.assign({ className: css(styles.switch, isReversed && styles.modifiers.reverse, className), htmlFor: this.id }, getOUIAProps(Switch.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe)),
+            React.createElement("input", Object.assign({ id: this.id, className: css(styles.switchInput), type: "checkbox", onChange: event => onChange(event.target.checked, event) }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), { disabled: isDisabled, "aria-labelledby": !isAriaLabelledBy ? null : `${this.id}-${isChecked !== true ? 'off' : 'on'}` }, props)),
+            label !== undefined ? (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: css(styles.switchToggle) }, hasCheckIcon && (React.createElement("span", { className: css(styles.switchToggleIcon), "aria-hidden": "true" },
+                    React.createElement(CheckIcon, { noVerticalAlign: true })))),
+                React.createElement("span", { className: css(styles.switchLabel, styles.modifiers.on), id: isAriaLabelledBy ? `${this.id}-on` : null, "aria-hidden": "true" }, label),
+                React.createElement("span", { className: css(styles.switchLabel, styles.modifiers.off), id: isAriaLabelledBy ? `${this.id}-off` : null, "aria-hidden": "true" }, labelOff !== undefined ? labelOff : label))) : (React.createElement("span", { className: css(styles.switchToggle) },
+                React.createElement("div", { className: css(styles.switchToggleIcon), "aria-hidden": "true" },
+                    React.createElement(CheckIcon, { noVerticalAlign: true }))))));
+    }
+}
+Switch.displayName = 'Switch';
+Switch.defaultProps = {
+    isChecked: true,
+    isDisabled: false,
+    isReversed: false,
+    'aria-label': '',
+    onChange: () => undefined
+};
+//# sourceMappingURL=Switch.js.map

package/components/Switch/Switch.js.map

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

package/components/Switch/index.d.ts

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

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

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

package/components/Switch/index.js

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

package/components/Switch/index.js.map

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

package/components/Tabs/OverflowTab.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TabProps } from './Tab';
+export interface OverflowTabProps extends React.HTMLProps<HTMLLIElement> {
+    /** Additional classes added to the overflow tab */
+    className?: string;
+    /** The tabs that should be displayed in the menu */
+    overflowingTabs?: TabProps[];
+    /** Flag which shows the count of overflowing tabs when enabled */
+    showTabCount?: boolean;
+    /** The text which displays when an overflowing tab isn't selected */
+    defaultTitleText?: string;
+    /** The aria label applied to the button which toggles the tab overflow menu */
+    toggleAriaLabel?: string;
+    /** z-index of the overflow tab */
+    zIndex?: number;
+}
+export declare const OverflowTab: React.FunctionComponent<OverflowTabProps>;
+//# sourceMappingURL=OverflowTab.d.ts.map

package/components/Tabs/OverflowTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA0HjE,CAAC"}

package/components/Tabs/OverflowTab.js

@@ -0,0 +1,76 @@
+import { __rest } from "tslib";
+import React from 'react';
+import styles from '@patternfly/react-styles/css/components/Tabs/tabs';
+import { css } from '@patternfly/react-styles';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import { Popper } from '../../helpers';
+import { Menu, MenuContent, MenuList, MenuItem } from '../Menu';
+import { TabsContext } from './TabsContext';
+import { TabTitleText } from './TabTitleText';
+export const OverflowTab = (_a) => {
+    var { className, overflowingTabs = [], showTabCount, defaultTitleText = 'More', toggleAriaLabel, zIndex = 9999 } = _a, props = __rest(_a, ["className", "overflowingTabs", "showTabCount", "defaultTitleText", "toggleAriaLabel", "zIndex"]);
+    const menuRef = React.useRef();
+    const overflowTabRef = React.useRef();
+    const overflowLIRef = React.useRef();
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const { localActiveKey, handleTabClick } = React.useContext(TabsContext);
+    const closeMenu = () => {
+        setIsExpanded(false);
+        overflowTabRef.current.focus();
+    };
+    const handleMenuKeys = (ev) => {
+        var _a;
+        const menuContainsEventTarget = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(ev.target);
+        if (isExpanded && menuContainsEventTarget && ev.key === 'Escape') {
+            closeMenu();
+        }
+    };
+    const handleClick = (ev) => {
+        var _a, _b;
+        const clickIsOutsideMenu = !((_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(ev.target));
+        const clickIsOutsideOverflowTab = !((_b = overflowTabRef === null || overflowTabRef === void 0 ? void 0 : overflowTabRef.current) === null || _b === void 0 ? void 0 : _b.contains(ev.target));
+        if (isExpanded && clickIsOutsideMenu && clickIsOutsideOverflowTab) {
+            closeMenu();
+        }
+    };
+    React.useEffect(() => {
+        window.addEventListener('click', handleClick);
+        window.addEventListener('keydown', handleMenuKeys);
+        return () => {
+            window.removeEventListener('click', handleClick);
+            window.removeEventListener('keydown', handleMenuKeys);
+        };
+    }, [isExpanded, menuRef, overflowTabRef]);
+    const selectedTab = overflowingTabs.find(tab => tab.eventKey === localActiveKey);
+    const tabTitle = (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.title) ? selectedTab.title : defaultTitleText;
+    const toggleMenu = () => {
+        setIsExpanded(prevIsExpanded => !prevIsExpanded);
+        setTimeout(() => {
+            if (menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) {
+                const firstElement = menuRef.current.querySelector('li > button,input:not(:disabled)');
+                firstElement && firstElement.focus();
+            }
+        }, 0);
+    };
+    const overflowTab = (React.createElement("li", Object.assign({ className: css(styles.tabsItem, 'pf-m-overflow', selectedTab && styles.modifiers.current, className), role: "presentation", ref: overflowLIRef }, props),
+        React.createElement("button", { type: "button", className: css(styles.tabsLink, isExpanded && styles.modifiers.expanded), onClick: () => toggleMenu(), "aria-label": toggleAriaLabel, "aria-haspopup": "menu", "aria-expanded": isExpanded, role: "tab", ref: overflowTabRef },
+            React.createElement(TabTitleText, null,
+                tabTitle,
+                showTabCount && tabTitle === defaultTitleText && ` (${overflowingTabs.length})`),
+            React.createElement("span", { className: styles.tabsLinkToggleIcon },
+                React.createElement(AngleRightIcon, null)))));
+    const tabs = overflowingTabs.map(tab => (React.createElement(MenuItem, { key: tab.eventKey, itemId: tab.eventKey, isSelected: localActiveKey === tab.eventKey }, tab.title)));
+    const onTabSelect = (event, key) => {
+        closeMenu();
+        const selectedTabRef = overflowingTabs.find(tab => tab.eventKey === key).tabContentRef;
+        handleTabClick(event, key, selectedTabRef);
+    };
+    const overflowMenu = (React.createElement(Menu, { ref: menuRef, onSelect: (ev, itemId) => onTabSelect(ev, itemId) },
+        React.createElement(MenuContent, null,
+            React.createElement(MenuList, null, tabs))));
+    return (React.createElement(React.Fragment, null,
+        overflowTab,
+        React.createElement(Popper, { reference: overflowTabRef, popper: overflowMenu, popperRef: menuRef, isVisible: isExpanded, popperMatchesTriggerWidth: false, appendTo: overflowLIRef.current, zIndex: zIndex })));
+};
+OverflowTab.displayName = 'OverflowTab';
+//# sourceMappingURL=OverflowTab.js.map