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

package/components/Modal/ModalContent.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export interface ModalContentProps extends OUIAProps {
+    /** Action buttons to add to the standard modal footer. Ignored if the footer property
+     * is passed in.
+     */
+    actions?: any;
+    /** Id to use for the modal box descriptor. */
+    'aria-describedby'?: string;
+    /** Accessible descriptor of the modal. */
+    'aria-label'?: string;
+    /** Id to use for the modal box label. */
+    'aria-labelledby'?: string | null;
+    /** Accessible label applied to the modal box body. This should be used to communicate
+     * important information about the modal box body div element if needed, such as that it
+     * is scrollable.
+     */
+    bodyAriaLabel?: string;
+    /** Accessible role applied to the modal box body. This will default to "region" if the
+     * bodyAriaLabel property is passed in. Set to a more appropriate role as applicable
+     * based on the modal content and context.
+     */
+    bodyAriaRole?: string;
+    /** Id of the modal box container. */
+    boxId: string;
+    /** Content rendered inside the modal. */
+    children: React.ReactNode;
+    /** Additional classes added to the modal box. */
+    className?: string;
+    /** Description of the modal. */
+    description?: React.ReactNode;
+    /** Id of the modal box description. */
+    descriptorId: string;
+    /** Flag to disable focus trap. */
+    disableFocusTrap?: boolean;
+    /** Custom footer. */
+    footer?: React.ReactNode;
+    /** Flag indicating if modal content should be placed in a modal box body wrapper. */
+    hasNoBodyWrapper?: boolean;
+    /** Complex header (more than just text), supersedes the title property for header content. */
+    header?: React.ReactNode;
+    /** Optional help section for the modal header. */
+    help?: React.ReactNode;
+    /** Flag to show the modal. */
+    isOpen?: boolean;
+    /** Id of the modal box title. */
+    labelId: string;
+    /** A callback for when the close button is clicked. */
+    onClose?: () => void;
+    /** Alternate position of the modal. */
+    position?: 'top';
+    /** Offset from alternate position. Can be any valid CSS length/percentage. */
+    positionOffset?: string;
+    /** Flag to show the close button in the header area of the modal. */
+    showClose?: boolean;
+    /** Simple text content of the modal header. Also used for the aria-label on the body. */
+    title?: string;
+    /** Optional alert icon (or other) to show before the title of the modal header. When the
+     * predefined alert types are used the default styling will be automatically applied.
+     */
+    titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'default' | React.ComponentType<any>;
+    /** Optional title label text for screen readers. */
+    titleLabel?: string;
+    /** Variant of the modal. */
+    variant?: 'small' | 'medium' | 'large' | 'default';
+    /** Default width of the modal. */
+    width?: number | string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare const ModalContent: React.FunctionComponent<ModalContentProps>;
+//# sourceMappingURL=ModalContent.d.ts.map

package/components/Modal/ModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpG,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAuHnE,CAAC"}

package/components/Modal/ModalContent.js

@@ -0,0 +1,54 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { FocusTrap } from '../../helpers';
+import modalStyles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
+import bullsEyeStyles from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
+import { css } from '@patternfly/react-styles';
+import { getOUIAProps } from '../../helpers';
+import { Backdrop } from '../Backdrop/Backdrop';
+import { ModalBoxBody } from './ModalBoxBody';
+import { ModalBoxCloseButton } from './ModalBoxCloseButton';
+import { ModalBox } from './ModalBox';
+import { ModalBoxFooter } from './ModalBoxFooter';
+import { ModalBoxDescription } from './ModalBoxDescription';
+import { ModalBoxHeader } from './ModalBoxHeader';
+import { ModalBoxTitle, isVariantIcon } from './ModalBoxTitle';
+export const ModalContent = (_a) => {
+    var { children, className = '', isOpen = false, header = null, help = null, description = null, title = '', titleIconVariant = null, titleLabel = '', 'aria-label': ariaLabel = '', 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, bodyAriaLabel, bodyAriaRole, showClose = true, footer = null, actions = [], onClose = () => undefined, variant = 'default', position, positionOffset, width = -1, boxId, labelId, descriptorId, disableFocusTrap = false, hasNoBodyWrapper = false, ouiaId, ouiaSafe = true } = _a, props = __rest(_a, ["children", "className", "isOpen", "header", "help", "description", "title", "titleIconVariant", "titleLabel", 'aria-label', 'aria-describedby', 'aria-labelledby', "bodyAriaLabel", "bodyAriaRole", "showClose", "footer", "actions", "onClose", "variant", "position", "positionOffset", "width", "boxId", "labelId", "descriptorId", "disableFocusTrap", "hasNoBodyWrapper", "ouiaId", "ouiaSafe"]);
+    if (!isOpen) {
+        return null;
+    }
+    const modalBoxHeader = header ? (React.createElement(ModalBoxHeader, { help: help }, header)) : (title && (React.createElement(ModalBoxHeader, { help: help },
+        React.createElement(ModalBoxTitle, { title: title, titleIconVariant: titleIconVariant, titleLabel: titleLabel, id: labelId }),
+        description && React.createElement(ModalBoxDescription, { id: descriptorId }, description))));
+    const modalBoxFooter = footer ? (React.createElement(ModalBoxFooter, null, footer)) : (actions.length > 0 && React.createElement(ModalBoxFooter, null, actions));
+    const defaultModalBodyAriaRole = bodyAriaLabel ? 'region' : undefined;
+    const modalBody = hasNoBodyWrapper ? (children) : (React.createElement(ModalBoxBody, Object.assign({ "aria-label": bodyAriaLabel, role: bodyAriaRole || defaultModalBodyAriaRole }, props, (!description && !ariaDescribedby && { id: descriptorId })), children));
+    const boxStyle = width === -1 ? {} : { width };
+    const ariaLabelledbyFormatted = () => {
+        if (ariaLabelledby === null) {
+            return null;
+        }
+        const idRefList = [];
+        if ((ariaLabel && boxId) !== '') {
+            idRefList.push(ariaLabel && boxId);
+        }
+        if (ariaLabelledby) {
+            idRefList.push(ariaLabelledby);
+        }
+        if (title) {
+            idRefList.push(labelId);
+        }
+        return idRefList.join(' ');
+    };
+    const modalBox = (React.createElement(ModalBox, Object.assign({ id: boxId, style: boxStyle, className: css(className, isVariantIcon(titleIconVariant) &&
+            modalStyles.modifiers[titleIconVariant]), variant: variant, position: position, positionOffset: positionOffset, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledbyFormatted(), "aria-describedby": ariaDescribedby || (hasNoBodyWrapper ? null : descriptorId) }, getOUIAProps(ModalContent.displayName, ouiaId, ouiaSafe)),
+        showClose && React.createElement(ModalBoxCloseButton, { onClose: onClose, ouiaId: ouiaId }),
+        modalBoxHeader,
+        modalBody,
+        modalBoxFooter));
+    return (React.createElement(Backdrop, null,
+        React.createElement(FocusTrap, { active: !disableFocusTrap, focusTrapOptions: { clickOutsideDeactivates: true, tabbableOptions: { displayCheck: 'none' } }, className: css(bullsEyeStyles.bullseye) }, modalBox)));
+};
+ModalContent.displayName = 'ModalContent';
+//# sourceMappingURL=ModalContent.js.map

package/components/Modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,cAAc,MAAM,wDAAwD,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAyE/D,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EA+BrD,EAAE,EAAE;QA/BiD,EACvE,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,IAAI,EAClB,KAAK,GAAG,EAAE,EACV,gBAAgB,GAAG,IAAI,EACvB,UAAU,GAAG,EAAE,EACf,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,kBAAkB,EAAE,eAAe,EACnC,iBAAiB,EAAE,cAAc,EACjC,aAAa,EACb,YAAY,EACZ,SAAS,GAAG,IAAI,EAChB,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,CAAC,CAAC,EACV,KAAK,EACL,OAAO,EACP,YAAY,EACZ,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,MAAM,EACN,QAAQ,GAAG,IAAI,OAEG,EADf,KAAK,cA9B+D,sYA+BxE,CADS;IAER,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAC9B,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,IAAG,MAAM,CAAkB,CACtD,CAAC,CAAC,CAAC,CACF,KAAK,IAAI,CACP,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;QACxB,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,GAAI;QACvG,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,YAAY,IAAG,WAAW,CAAuB,CAC3E,CAClB,CACF,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAC9B,oBAAC,cAAc,QAAE,MAAM,CAAkB,CAC1C,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAC,cAAc,QAAE,OAAO,CAAkB,CACjE,CAAC;IAEF,MAAM,wBAAwB,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtE,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,CACnC,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,gCACC,aAAa,EACzB,IAAI,EAAE,YAAY,IAAI,wBAAwB,IAC1C,KAAK,EACL,CAAC,CAAC,WAAW,IAAI,CAAC,eAAe,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,GAE7D,QAAQ,CACI,CAChB,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;IAC/C,MAAM,uBAAuB,GAAG,GAAkB,EAAE;QAClD,IAAI,cAAc,KAAK,IAAI,EAAE;YAC3B,OAAO,IAAI,CAAC;SACb;QACD,MAAM,SAAS,GAAa,EAAE,CAAC;QAC/B,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE;YAC/B,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC;SACpC;QACD,IAAI,cAAc,EAAE;YAClB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAChC;QACD,IAAI,KAAK,EAAE;YACT,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACzB;QACD,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,oBAAC,QAAQ,kBACP,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,GAAG,CACZ,SAAS,EACT,aAAa,CAAC,gBAAgB,CAAC;YAC7B,WAAW,CAAC,SAAS,CAAC,gBAAyE,CAAC,CACnG,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,gBAClB,SAAS,qBACJ,uBAAuB,EAAE,sBACxB,eAAe,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IACzE,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC;QAE3D,SAAS,IAAI,oBAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI;QACtE,cAAc;QACd,SAAS;QACT,cAAc,CACN,CACZ,CAAC;IACF,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,SAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAC9F,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,IAEtC,QAAQ,CACC,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/components/Modal/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Modal';
+export * from './ModalBox';
+export * from './ModalBoxBody';
+export * from './ModalBoxCloseButton';
+export * from './ModalBoxHeader';
+export * from './ModalBoxFooter';
+export * from './ModalContent';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/components/Modal/index.js

@@ -0,0 +1,8 @@
+export * from './Modal';
+export * from './ModalBox';
+export * from './ModalBoxBody';
+export * from './ModalBoxCloseButton';
+export * from './ModalBoxHeader';
+export * from './ModalBoxFooter';
+export * from './ModalContent';
+//# sourceMappingURL=index.js.map

package/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/components/MultipleFileUpload/MultipleFileUpload.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+/** Acts as a container for all other MultipleFileUpload sub-components. This sub-component
+ * also provides the functionality for file uploads, and access to the uploaded files via
+ * a callback.
+ */
+export interface MultipleFileUploadProps extends Omit<React.HTMLProps<HTMLDivElement>, 'value'> {
+    /** Content rendered inside the multi upload field */
+    children?: React.ReactNode;
+    /** Class to add to outer div */
+    className?: string;
+    /** Optional extra props to customize react-dropzone. */
+    dropzoneProps?: DropzoneOptions;
+    /** Flag setting the component to horizontal styling mode */
+    isHorizontal?: boolean;
+    /** When files are dropped or uploaded this callback will be called with all accepted files */
+    onFileDrop?: (data: File[]) => void;
+}
+export declare const MultipleFileUploadContext: React.Context<{
+    open: () => void;
+}>;
+export declare const MultipleFileUpload: React.FunctionComponent<MultipleFileUploadProps>;
+//# sourceMappingURL=MultipleFileUpload.d.ts.map

package/components/MultipleFileUpload/MultipleFileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUpload.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAIzE;;;GAGG;AAEH,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,yBAAyB;;EAEpC,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CA6C/E,CAAC"}

package/components/MultipleFileUpload/MultipleFileUpload.js

@@ -0,0 +1,25 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { useDropzone } from 'react-dropzone';
+import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
+import { css } from '@patternfly/react-styles';
+export const MultipleFileUploadContext = React.createContext({
+    open: () => { }
+});
+export const MultipleFileUpload = (_a) => {
+    var { className, children, dropzoneProps = {}, isHorizontal, onFileDrop = () => { } } = _a, props = __rest(_a, ["className", "children", "dropzoneProps", "isHorizontal", "onFileDrop"]);
+    const onDropAccepted = (acceptedFiles, event) => {
+        onFileDrop(acceptedFiles);
+        // allow users to set a custom drop accepted handler rather than using on data change
+        dropzoneProps.onDropAccepted && dropzoneProps.onDropAccepted(acceptedFiles, event);
+    };
+    const { getRootProps, getInputProps, isDragActive, open } = useDropzone(Object.assign(Object.assign({ multiple: true }, dropzoneProps), { onDropAccepted }));
+    const rootProps = getRootProps(Object.assign(Object.assign({}, props), { onClick: event => event.preventDefault() // Prevents clicking TextArea from opening file dialog
+     }));
+    return (React.createElement(MultipleFileUploadContext.Provider, { value: { open } },
+        React.createElement("div", Object.assign({ className: css(styles.multipleFileUpload, isDragActive && styles.modifiers.dragOver, isHorizontal && styles.modifiers.horizontal, className) }, rootProps, props),
+            React.createElement("input", Object.assign({}, getInputProps())),
+            children)));
+};
+MultipleFileUpload.displayName = 'MultipleFileUpload';
+//# sourceMappingURL=MultipleFileUpload.js.map

package/components/MultipleFileUpload/MultipleFileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUpload.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUpload.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA8B,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAoB/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAC;IAC3D,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAO3D,EAAE,EAAE;QAPuD,EACnF,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,YAAY,EACZ,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,OAEG,EADrB,KAAK,cAN2E,wEAOpF,CADS;IAER,MAAM,cAAc,GAAG,CAAC,aAAqB,EAAE,KAAgB,EAAE,EAAE;QACjE,UAAU,CAAC,aAAa,CAAC,CAAC;QAC1B,qFAAqF;QACrF,aAAa,CAAC,cAAc,IAAI,aAAa,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IACrF,CAAC,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,WAAW,+BACrE,QAAQ,EAAE,IAAI,IACX,aAAa,KAChB,cAAc,IACd,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,iCACzB,KAAK,KACR,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,sDAAsD;QAC/F,CAAC;IAEH,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE;QACjD,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,kBAAkB,EACzB,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACzC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,IACG,SAAS,EACT,KAAK;YAET,+CAEM,aAAa,EAAE,EACnB;YACD,QAAQ,CACL,CAC6B,CACtC,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadButton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface MultipleFileUploadButtonProps extends React.HTMLProps<HTMLDivElement> {
+    /** Class to add to outer div */
+    className?: string;
+    /** Aria-label for the button */
+    'aria-label'?: string;
+}
+export declare const MultipleFileUploadButton: React.FunctionComponent<MultipleFileUploadButtonProps>;
+//# sourceMappingURL=MultipleFileUploadButton.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadButton.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAc3F,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadButton.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
+import { css } from '@patternfly/react-styles';
+import { MultipleFileUploadContext } from './MultipleFileUpload';
+import { Button } from '../Button';
+export const MultipleFileUploadButton = (_a) => {
+    var { className, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["className", 'aria-label']);
+    const { open } = React.useContext(MultipleFileUploadContext);
+    return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadUpload, className) }, props),
+        React.createElement(Button, { variant: "secondary", "aria-label": ariaLabel, onClick: open }, "Upload")));
+};
+MultipleFileUploadButton.displayName = 'MultipleFileUploadButton';
+//# sourceMappingURL=MultipleFileUploadButton.js.map

package/components/MultipleFileUpload/MultipleFileUploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadButton.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AASnC,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,SAAS,EACT,YAAY,EAAE,SAAS,OAEO,EAD3B,KAAK,cAHuF,2BAIhG,CADS;IAER,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAE7D,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK;QACxE,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,gBAAa,SAAS,EAAE,OAAO,EAAE,IAAI,aAEvD,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadInfo.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface MultipleFileUploadInfoProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside multiple file upload info */
+    children?: React.ReactNode;
+    /** Class to add to outer div */
+    className?: string;
+}
+export declare const MultipleFileUploadInfo: React.FunctionComponent<MultipleFileUploadInfoProps>;
+//# sourceMappingURL=MultipleFileUploadInfo.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAQvF,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadInfo.js

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

package/components/MultipleFileUpload/MultipleFileUploadInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadInfo.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAI/D,EAAE,EAAE;QAJ2D,EAC3F,SAAS,EACT,QAAQ,OAEoB,EADzB,KAAK,cAHmF,yBAI5F,CADS;IACyB,OAAA,CACjC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAAM,KAAK,GACrE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadMain.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+/** Creates the visual upload interface, including the area to drag and drop files,
+ * an optional upload button, and descriptive instructions.
+ */
+export interface MultipleFileUploadMainProps extends React.HTMLProps<HTMLDivElement> {
+    /** Class to add to outer div */
+    className?: string;
+    /** Content rendered inside the title icon div */
+    titleIcon?: React.ReactNode;
+    /** Content rendered inside the title text div */
+    titleText?: React.ReactNode;
+    /** Content rendered inside the title text separator div */
+    titleTextSeparator?: React.ReactNode;
+    /** Content rendered inside the info div */
+    infoText?: React.ReactNode;
+    /** Flag to prevent the upload button from being rendered */
+    isUploadButtonHidden?: boolean;
+}
+export declare const MultipleFileUploadMain: React.FunctionComponent<MultipleFileUploadMainProps>;
+//# sourceMappingURL=MultipleFileUploadMain.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadMain.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,iDAAiD;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAkBvF,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadMain.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
+import { css } from '@patternfly/react-styles';
+import { MultipleFileUploadTitle } from './MultipleFileUploadTitle';
+import { MultipleFileUploadButton } from './MultipleFileUploadButton';
+import { MultipleFileUploadInfo } from './MultipleFileUploadInfo';
+export const MultipleFileUploadMain = (_a) => {
+    var { className, titleIcon, titleText, titleTextSeparator, infoText, isUploadButtonHidden } = _a, props = __rest(_a, ["className", "titleIcon", "titleText", "titleTextSeparator", "infoText", "isUploadButtonHidden"]);
+    const showTitle = !!titleIcon || !!titleText || !!titleTextSeparator;
+    return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadMain, className) }, props),
+        showTitle && React.createElement(MultipleFileUploadTitle, { icon: titleIcon, text: titleText, textSeparator: titleTextSeparator }),
+        isUploadButtonHidden || React.createElement(MultipleFileUploadButton, null),
+        !!infoText && React.createElement(MultipleFileUploadInfo, null, infoText)));
+};
+MultipleFileUploadMain.displayName = 'MultipleFileUploadMain';
+//# sourceMappingURL=MultipleFileUploadMain.js.map

package/components/MultipleFileUpload/MultipleFileUploadMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadMain.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAoBlE,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAQ/D,EAAE,EAAE;QAR2D,EAC3F,SAAS,EACT,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,OAEQ,EADzB,KAAK,cAPmF,iGAQ5F,CADS;IAER,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,kBAAkB,CAAC;IAErE,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAAM,KAAK;QACrE,SAAS,IAAI,oBAAC,uBAAuB,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,GAAI;QAC7G,oBAAoB,IAAI,oBAAC,wBAAwB,OAAG;QACpD,CAAC,CAAC,QAAQ,IAAI,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CACtE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/** Acts as an expandable container for all uploaded file statuses.
+ * An optional text and/or icon can also be passed into this sub-component.
+ * This sub-component can be conditionally rendered when at least 1 file has been
+ * attempted to be uploaded.
+ */
+export interface MultipleFileUploadStatusProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside multi file upload status list */
+    children?: React.ReactNode;
+    /** Class to add to outer div */
+    className?: string;
+    /** String to show in the status toggle */
+    statusToggleText?: string;
+    /** Icon to show in the status toggle */
+    statusToggleIcon?: 'danger' | 'success' | 'inProgress' | React.ReactNode;
+}
+export declare const MultipleFileUploadStatus: React.FunctionComponent<MultipleFileUploadStatusProps>;
+//# sourceMappingURL=MultipleFileUploadStatus.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;GAIG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1E;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA4C3F,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadStatus.js

@@ -0,0 +1,39 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
+import { css } from '@patternfly/react-styles';
+import { ExpandableSection } from '../ExpandableSection';
+import InProgressIcon from '@patternfly/react-icons/dist/esm/icons/in-progress-icon';
+import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
+import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+export const MultipleFileUploadStatus = (_a) => {
+    var { children, className, statusToggleText, statusToggleIcon } = _a, props = __rest(_a, ["children", "className", "statusToggleText", "statusToggleIcon"]);
+    const [icon, setIcon] = React.useState();
+    const [isOpen, setIsOpen] = React.useState(true);
+    React.useEffect(() => {
+        switch (statusToggleIcon) {
+            case 'danger':
+                setIcon(React.createElement(TimesCircleIcon, null));
+                break;
+            case 'success':
+                setIcon(React.createElement(CheckCircleIcon, null));
+                break;
+            case 'inProgress':
+                setIcon(React.createElement(InProgressIcon, null));
+                break;
+            default:
+                setIcon(statusToggleIcon);
+        }
+    }, [statusToggleIcon]);
+    const toggle = (React.createElement("div", { className: styles.multipleFileUploadStatusProgress },
+        React.createElement("div", { className: styles.multipleFileUploadStatusProgressIcon }, icon),
+        React.createElement("div", { className: styles.multipleFileUploadStatusItemProgressText }, statusToggleText)));
+    const toggleExpandableSection = () => {
+        setIsOpen(!isOpen);
+    };
+    return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadStatus, className) }, props),
+        React.createElement(ExpandableSection, { toggleContent: toggle, isExpanded: isOpen, onToggle: toggleExpandableSection },
+            React.createElement("ul", { className: "pf-c-multiple-file-upload__status-list" }, children))));
+};
+MultipleFileUploadStatus.displayName = 'MultipleFileUploadStatus';
+//# sourceMappingURL=MultipleFileUploadStatus.js.map

package/components/MultipleFileUpload/MultipleFileUploadStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadStatus.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,eAAe,MAAM,0DAA0D,CAAC;AAmBvF,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAMjE,EAAE,EAAE;QAN6D,EAC/F,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,OAEc,EAD3B,KAAK,cALuF,iEAMhG,CADS;IAER,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAmB,CAAC;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,gBAAgB,EAAE;YACxB,KAAK,QAAQ;gBACX,OAAO,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,SAAS;gBACZ,OAAO,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,YAAY;gBACf,OAAO,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC;gBAC5B,MAAM;YACR;gBACE,OAAO,CAAC,gBAAgB,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC;QACrD,6BAAK,SAAS,EAAE,MAAM,CAAC,oCAAoC,IAAG,IAAI,CAAO;QACzE,6BAAK,SAAS,EAAE,MAAM,CAAC,wCAAwC,IAAG,gBAAgB,CAAO,CACrF,CACP,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK;QACxE,oBAAC,iBAAiB,IAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB;YAC7F,4BAAI,SAAS,EAAC,wCAAwC,IAAE,QAAQ,CAAM,CACpD,CAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+/** Automatically reads an uploaded file to render a visual representation of it, including
+ * its name, size, and read status. This sub-component also allows custom reading of files
+ * via various callbacks which will override the automatic reading behavior.
+ */
+export interface MultipleFileUploadStatusItemProps extends React.HTMLProps<HTMLLIElement> {
+    /** Class to add to outer div */
+    className?: string;
+    /** Adds accessibility text to the status item deletion button */
+    buttonAriaLabel?: string;
+    /** The file object being represented by the status item */
+    file?: File;
+    /** A callback for when a selected file starts loading */
+    onReadStarted?: (fileHandle: File) => void;
+    /** A callback for when a selected file finishes loading */
+    onReadFinished?: (fileHandle: File) => void;
+    /** A callback for when the FileReader successfully reads the file */
+    onReadSuccess?: (data: string, file: File) => void;
+    /** A callback for when the FileReader API fails */
+    onReadFail?: (error: DOMException, onReadFail: File) => void;
+    /** Clear button was clicked */
+    onClearClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** A callback to process file reading in a custom way */
+    customFileHandler?: (file: File) => void;
+    /** A custom icon to show in place of the generic file icon */
+    fileIcon?: React.ReactNode;
+    /** A custom name to display for the file rather than using built in functionality to auto-fill it */
+    fileName?: string;
+    /** A custom file size to display for the file rather than using built in functionality to auto-fill it */
+    fileSize?: number;
+    /** A custom value to display for the progress component rather than using built in functionality to auto-fill it */
+    progressValue?: number;
+    /** A custom variant to apply to the progress component rather than using built in functionality to auto-fill it */
+    progressVariant?: 'danger' | 'success' | 'warning';
+    /** Adds accessible text to the progress bar. Required when title not used and there is not any label associated with the progress bar */
+    progressAriaLabel?: string;
+    /** Associates the progress bar with it's label for accessibility purposes. Required when title not used */
+    progressAriaLabelledBy?: string;
+    /** Modifies the text announced by assistive technologies when the progress bar updates. */
+    progressAriaLiveMessage?: string | ((loadPercentage: number) => string);
+    /** Unique identifier for progress. Generated if not specified. */
+    progressId?: string;
+    /** @beta Additional content related to the status item. */
+    progressHelperText?: React.ReactNode;
+}
+export declare const MultipleFileUploadStatusItem: React.FunctionComponent<MultipleFileUploadStatusItemProps>;
+//# sourceMappingURL=MultipleFileUploadStatusItem.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadStatusItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;GAGG;AAEH,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACvF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,qEAAqE;IACrE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnD,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAI1D,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mHAAmH;IACnH,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAInD,yIAAyI;IACzI,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2GAA2G;IAC3G,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,2FAA2F;IAC3F,uBAAuB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACxE,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,iCAAiC,CAkHnG,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadStatusItem.js

@@ -0,0 +1,78 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
+import { css } from '@patternfly/react-styles';
+import { Progress } from '../Progress';
+import { Button } from '../Button';
+import FileIcon from '@patternfly/react-icons/dist/esm/icons/file-icon';
+import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+export const MultipleFileUploadStatusItem = (_a) => {
+    var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, progressId, progressAriaLiveMessage, buttonAriaLabel = 'Remove from list', progressHelperText } = _a, props = __rest(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "progressId", "progressAriaLiveMessage", "buttonAriaLabel", "progressHelperText"]);
+    const [loadPercentage, setLoadPercentage] = React.useState(0);
+    const [loadResult, setLoadResult] = React.useState();
+    function readFile(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = () => reject(reader.error);
+            reader.onprogress = data => {
+                if (data.lengthComputable) {
+                    setLoadPercentage((data.loaded / data.total) * 100);
+                }
+            };
+            reader.readAsDataURL(file);
+        });
+    }
+    React.useEffect(() => {
+        if (customFileHandler) {
+            customFileHandler(file);
+        }
+        else {
+            onReadStarted(file);
+            readFile(file)
+                .then(data => {
+                setLoadResult('success');
+                setLoadPercentage(100);
+                onReadFinished(file);
+                onReadSuccess(data, file);
+            })
+                .catch((error) => {
+                onReadFinished(file);
+                onReadFail(error, file);
+                setLoadResult('danger');
+            });
+        }
+    }, []);
+    const getHumanReadableFileSize = (size) => {
+        const prefixes = ['', 'K', 'M', 'G', 'T'];
+        let prefixUnit = 0;
+        while (size >= 1000) {
+            prefixUnit += 1;
+            size = size / 1000;
+        }
+        if (prefixUnit >= prefixes.length) {
+            return 'File size too large';
+        }
+        return `${Math.round(size)}${prefixes[prefixUnit]}B`;
+    };
+    const value = progressValue || loadPercentage;
+    const variant = progressVariant || loadResult;
+    const title = (React.createElement("span", { className: styles.multipleFileUploadStatusItemProgress },
+        React.createElement("span", { className: styles.multipleFileUploadStatusItemProgressText }, fileName || (file === null || file === void 0 ? void 0 : file.name) || ''),
+        React.createElement("span", { className: styles.multipleFileUploadStatusItemProgressSize }, fileSize || getHumanReadableFileSize((file === null || file === void 0 ? void 0 : file.size) || 0))));
+    return (React.createElement("li", Object.assign({ className: css(styles.multipleFileUploadStatusItem, className) }, props),
+        React.createElement("div", { className: styles.multipleFileUploadStatusItemIcon }, fileIcon || React.createElement(FileIcon, null)),
+        React.createElement("div", { className: styles.multipleFileUploadStatusItemMain },
+            React.createElement("div", { className: "pf-screen-reader", "aria-live": "polite" },
+                progressAriaLiveMessage &&
+                    typeof progressAriaLiveMessage === 'function' &&
+                    progressAriaLiveMessage(+loadPercentage.toFixed(2)),
+                progressAriaLiveMessage && typeof progressAriaLiveMessage === 'string' && progressAriaLiveMessage,
+                !progressAriaLiveMessage && `Progress value is ${progressValue || Math.floor(loadPercentage)}%.`),
+            React.createElement(Progress, { title: title, value: value, variant: variant, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy, id: progressId, helperText: progressHelperText })),
+        React.createElement("div", { className: styles.multipleFileUploadStatusItemClose },
+            React.createElement(Button, { variant: "plain", "aria-label": buttonAriaLabel, onClick: onClearClick },
+                React.createElement(TimesCircleIcon, null)))));
+};
+MultipleFileUploadStatusItem.displayName = 'MultipleFileUploadStatusItem';
+//# sourceMappingURL=MultipleFileUploadStatusItem.js.map

package/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map

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

package/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface MultipleFileUploadTitleProps extends React.HTMLProps<HTMLDivElement> {
+    /** Class to add to outer div */
+    className?: string;
+    /** Content rendered inside the title icon div */
+    icon?: React.ReactNode;
+    /** Content rendered inside the title text div */
+    text?: React.ReactNode;
+    /** Content rendered inside the title text separator div */
+    textSeparator?: React.ReactNode;
+}
+export declare const MultipleFileUploadTitle: React.FunctionComponent<MultipleFileUploadTitleProps>;
+//# sourceMappingURL=MultipleFileUploadTitle.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAgBzF,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadTitle.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
+import { css } from '@patternfly/react-styles';
+import { MultipleFileUploadTitleIcon } from './MultipleFileUploadTitleIcon';
+import { MultipleFileUploadTitleText } from './MultipleFileUploadTitleText';
+import { MultipleFileUploadTitleTextSeparator } from './MultipleFileUploadTitleTextSeparator';
+export const MultipleFileUploadTitle = (_a) => {
+    var { className, icon, text = '', textSeparator = '' } = _a, props = __rest(_a, ["className", "icon", "text", "textSeparator"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadTitle, className) }, props),
+        icon && React.createElement(MultipleFileUploadTitleIcon, null, icon),
+        text && (React.createElement(MultipleFileUploadTitleText, null,
+            `${text} `,
+            textSeparator && React.createElement(MultipleFileUploadTitleTextSeparator, null, textSeparator)))));
+};
+MultipleFileUploadTitle.displayName = 'MultipleFileUploadTitle';
+//# sourceMappingURL=MultipleFileUploadTitle.js.map

package/components/MultipleFileUpload/MultipleFileUploadTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitle.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAY9F,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAMhE,EAAE,EAAE;QAN4D,EAC7F,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,aAAa,GAAG,EAAE,OAEW,EAD1B,KAAK,cALqF,8CAM9F,CADS;IAC0B,OAAA,CAClC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,IAAM,KAAK;QACtE,IAAI,IAAI,oBAAC,2BAA2B,QAAE,IAAI,CAA+B;QACzE,IAAI,IAAI,CACP,oBAAC,2BAA2B;YACzB,GAAG,IAAI,GAAG;YACV,aAAa,IAAI,oBAAC,oCAAoC,QAAE,aAAa,CAAwC,CAClF,CAC/B,CACG,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}