npm - @hitachivantara/uikit-react-core - Versions diffs - 3.52.5 → 3.53.0 - Mend

@hitachivantara/uikit-react-core 3.52.5 → 3.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (858) hide show

package/dist/modern/FileUploader/DropZone/DropZone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/FileUploader/DropZone/DropZone.js"],"names":["React","useRef","useState","PropTypes","uniqueId","clsx","accept","withStyles","Doc","isKeypress","KeyboardCodes","HvTypography","convertUnits","setId","HvLabel","HvInfoMessage","withId","styles","DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","inputProps","hideLabels","dragState","setDrag","inputRef","leaveDropArea","enterDropArea","onChangeHandler","evt","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","name","errorMessage","fileTypeError","status","fileSizeError","push","dropZoneLabelsGroup","dropzone","dropZoneLabel","Number","isInteger","sizeWarning","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func"],"mappings":"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","sourcesContent":["import React, { useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport clsx from \"clsx\";\nimport accept from \"attr-accept\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport { convertUnits } from \"../utils\";\nimport { setId, HvLabel, HvInfoMessage } from \"../..\";\nimport withId from \"../../withId\";\nimport styles from \"./styles\";\n\nconst DropZone = ({\n id,\n classes,\n labels,\n multiple = true,\n disabled = false,\n acceptedFiles,\n maxFileSize,\n onFilesAdded,\n inputProps,\n hideLabels,\n}) => {\n const [dragState, setDrag] = useState(false);\n const inputRef = useRef();\n\n const leaveDropArea = () => {\n setDrag(false);\n };\n\n const enterDropArea = () => {\n setDrag(true);\n };\n\n const onChangeHandler = (evt) => {\n const filesToProcess = Object.keys(evt).map((e) => evt[e]);\n\n const newFiles = [];\n\n filesToProcess.forEach((file) => {\n const newFile = file;\n\n const isSizeAllowed = file.size <= maxFileSize;\n const isFileAccepted =\n !acceptedFiles.length \|\|\n acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 \|\|\n acceptedFiles.some((acceptExtension) =>\n accept({ name: file.name, type: file.type }, acceptExtension)\n );\n\n if (!isFileAccepted) {\n newFile.errorMessage = labels.fileTypeError;\n newFile.status = \"fail\";\n } else if (!isSizeAllowed) {\n newFile.errorMessage = labels.fileSizeError;\n newFile.status = \"fail\";\n }\n\n newFile.id = uniqueId(\"uploaded-file-data-\");\n newFiles.push(newFile);\n });\n\n onFilesAdded?.(newFiles);\n };\n\n return (\n <>\n {!hideLabels && (\n <div id={id} className={classes.dropZoneLabelsGroup} aria-label=\"File Dropzone\">\n <HvLabel\n id={setId(id, \"input-file-label\")}\n htmlFor={setId(id, \"input-file\")}\n label={labels.dropzone}\n className={classes.dropZoneLabel}\n />\n <HvInfoMessage id={setId(id, \"description\")}>\n {Number.isInteger(maxFileSize) && `${labels.sizeWarning} ${convertUnits(maxFileSize)}`}\n {labels.acceptedFiles && labels.acceptedFiles}\n {!labels.acceptedFiles &&\n acceptedFiles.length > 0 &&\n `\\u00A0(${acceptedFiles.join(\", \")})`}\n </HvInfoMessage>\n </div>\n )}\n <div\n id={setId(id, \"button\")}\n className={clsx(classes.dropZoneContainer, {\n [classes.dragAction]: dragState,\n [classes.dropZoneContainerDisabled]: disabled,\n })}\n role=\"button\"\n tabIndex={0}\n onDragEnter={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDragLeave={leaveDropArea}\n onDropCapture={leaveDropArea}\n onDragOver={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDrop={(event) => {\n if (!disabled) {\n const { files } = event.dataTransfer;\n if (multiple === true \|\| files.length === 1) {\n event.stopPropagation();\n event.preventDefault();\n onChangeHandler(files);\n }\n }\n }}\n onKeyDown={(e) => {\n if (isKeypress(e, KeyboardCodes.Enter) \|\| isKeypress(e, 32)) {\n inputRef.current.click();\n }\n }}\n >\n <input\n id={setId(id, \"input-file\")}\n tabIndex={-1}\n className={classes.inputArea}\n type=\"file\"\n multiple={multiple}\n disabled={disabled}\n title={!disabled ? `${labels.drag}\\xa0${labels.selectFiles}` : \"\"}\n onClick={() => {\n inputRef.current.value = null;\n }}\n onChange={() => {\n if (!disabled) {\n onChangeHandler(inputRef.current.files);\n }\n }}\n ref={inputRef}\n accept={acceptedFiles.join(\",\")}\n {...inputProps}\n />\n\n <div className={classes.dropArea}>\n {dragState ? (\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>{labels.dropFiles}</HvTypography>\n </div>\n ) : (\n <>\n <Doc\n iconSize=\"M\"\n className={classes.dropZoneAreaIcon}\n color={disabled ? \"atmo4\" : \"acce1\"}\n />\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>\n {labels.drag}\n <span className={classes.selectFilesText}>{`\\xa0${labels.selectFiles}`}</span>\n </HvTypography>\n </div>\n </>\n )}\n </div>\n </div>\n </>\n );\n};\n\nDropZone.propTypes = {\n /*\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the Switch Component.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the container element.\n /\n dropZoneContainer: PropTypes.string,\n /\n Styles applied to the labels group.\n /\n dropZoneLabelsGroup: PropTypes.string,\n /\n Style applied when dragging.\n /\n dragAction: PropTypes.string,\n /\n Style applied when the component is disabled.\n /\n dropZoneContainerDisabled: PropTypes.string,\n /\n Style applied to the input area.\n /\n inputArea: PropTypes.string,\n /\n Style applied to the drop area.\n /\n dropArea: PropTypes.string,\n /\n Style applied to the labels area.\n /\n dropZoneAreaLabels: PropTypes.string,\n /\n Style applied to the icon area.\n /\n dropZoneAreaIcon: PropTypes.string,\n /\n Style applied to the dropzone label.\n /\n dropZoneLabel: PropTypes.string,\n /\n Style applied to the typography when dragging.\n /\n dragText: PropTypes.string,\n /\n Style applied to the selected files.\n /\n selectFilesText: PropTypes.string,\n }).isRequired,\n /\n Labels to present in Fileuploader.\n /\n labels: PropTypes.instanceOf(Object),\n /\n Whether the Dropzone should accept multiple files at once.\n /\n multiple: PropTypes.bool,\n /\n If the input is disabled or not\n /\n disabled: PropTypes.bool,\n /\n Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n /\n acceptedFiles: PropTypes.arrayOf(PropTypes.string).isRequired,\n /\n Max upload size\n * /\n maxFileSize: PropTypes.number.isRequired,\n /\n Function responsible for processing files added to the drop zone.\n /\n onFilesAdded: PropTypes.func,\n /\n Whether the DropZone should show labels or not.\n /\n hideLabels: PropTypes.bool,\n /\n Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderDropZone\" })(withId(DropZone));\n"],"file":"DropZone.js"}
1	+ {"version":3,"sources":["../../../../src/FileUploader/DropZone/DropZone.js"],"names":["React","useRef","useState","PropTypes","uniqueId","clsx","accept","withStyles","Doc","isKeypress","KeyboardCodes","HvTypography","convertUnits","setId","HvLabel","HvInfoMessage","withId","styles","DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","inputProps","hideLabels","dragState","setDrag","inputRef","leaveDropArea","enterDropArea","onChangeHandler","evt","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","name","errorMessage","fileTypeError","status","fileSizeError","push","dropZoneLabelsGroup","dropzone","dropZoneLabel","Number","isInteger","sizeWarning","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func"],"mappings":"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","sourcesContent":["import React, { useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport clsx from \"clsx\";\nimport accept from \"attr-accept\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport { convertUnits } from \"../utils\";\nimport { setId, HvLabel, HvInfoMessage } from \"../..\";\nimport withId from \"../../withId\";\nimport styles from \"./styles\";\n\nconst DropZone = ({\n id,\n classes,\n labels,\n multiple = true,\n disabled = false,\n acceptedFiles,\n maxFileSize,\n onFilesAdded,\n inputProps,\n hideLabels,\n}) => {\n const [dragState, setDrag] = useState(false);\n const inputRef = useRef();\n\n const leaveDropArea = () => {\n setDrag(false);\n };\n\n const enterDropArea = () => {\n setDrag(true);\n };\n\n const onChangeHandler = (evt) => {\n const filesToProcess = Object.keys(evt).map((e) => evt[e]);\n\n const newFiles = [];\n\n filesToProcess.forEach((file) => {\n const newFile = file;\n\n const isSizeAllowed = file.size <= maxFileSize;\n const isFileAccepted =\n !acceptedFiles.length \|\|\n acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 \|\|\n acceptedFiles.some((acceptExtension) =>\n accept({ name: file.name, type: file.type }, acceptExtension)\n );\n\n if (!isFileAccepted) {\n newFile.errorMessage = labels.fileTypeError;\n newFile.status = \"fail\";\n } else if (!isSizeAllowed) {\n newFile.errorMessage = labels.fileSizeError;\n newFile.status = \"fail\";\n }\n\n newFile.id = uniqueId(\"uploaded-file-data-\");\n newFiles.push(newFile);\n });\n\n onFilesAdded?.(newFiles);\n };\n\n return (\n <>\n {!hideLabels && (\n <div id={id} className={classes.dropZoneLabelsGroup} aria-label=\"File Dropzone\">\n <HvLabel\n id={setId(id, \"input-file-label\")}\n htmlFor={setId(id, \"input-file\")}\n label={labels.dropzone}\n className={classes.dropZoneLabel}\n />\n <HvInfoMessage id={setId(id, \"description\")}>\n {Number.isInteger(maxFileSize) && `${labels.sizeWarning} ${convertUnits(maxFileSize)}`}\n {labels.acceptedFiles && labels.acceptedFiles}\n {!labels.acceptedFiles &&\n acceptedFiles.length > 0 &&\n `\\u00A0(${acceptedFiles.join(\", \")})`}\n </HvInfoMessage>\n </div>\n )}\n <div\n id={setId(id, \"button\")}\n className={clsx(classes.dropZoneContainer, {\n [classes.dragAction]: dragState,\n [classes.dropZoneContainerDisabled]: disabled,\n })}\n role=\"button\"\n tabIndex={0}\n onDragEnter={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDragLeave={leaveDropArea}\n onDropCapture={leaveDropArea}\n onDragOver={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDrop={(event) => {\n if (!disabled) {\n const { files } = event.dataTransfer;\n if (multiple === true \|\| files.length === 1) {\n event.stopPropagation();\n event.preventDefault();\n onChangeHandler(files);\n }\n }\n }}\n onKeyDown={(e) => {\n if (isKeypress(e, KeyboardCodes.Enter) \|\| isKeypress(e, 32)) {\n inputRef.current.click();\n }\n }}\n >\n <input\n id={setId(id, \"input-file\")}\n tabIndex={-1}\n className={classes.inputArea}\n type=\"file\"\n multiple={multiple}\n disabled={disabled}\n title={!disabled ? `${labels.drag}\\xa0${labels.selectFiles}` : \"\"}\n onClick={() => {\n inputRef.current.value = null;\n }}\n onChange={() => {\n if (!disabled) {\n onChangeHandler(inputRef.current.files);\n }\n }}\n ref={inputRef}\n accept={acceptedFiles.join(\",\")}\n {...inputProps}\n />\n\n <div className={classes.dropArea}>\n {dragState ? (\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>{labels.dropFiles}</HvTypography>\n </div>\n ) : (\n <>\n <Doc\n iconSize=\"M\"\n className={classes.dropZoneAreaIcon}\n color={disabled ? \"atmo4\" : \"acce1\"}\n />\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>\n {labels.drag}\n <span className={classes.selectFilesText}>{`\\xa0${labels.selectFiles}`}</span>\n </HvTypography>\n </div>\n </>\n )}\n </div>\n </div>\n </>\n );\n};\n\nDropZone.propTypes = {\n /*\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the Switch Component.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the container element.\n /\n dropZoneContainer: PropTypes.string,\n /\n Styles applied to the labels group.\n /\n dropZoneLabelsGroup: PropTypes.string,\n /\n Style applied when dragging.\n /\n dragAction: PropTypes.string,\n /\n Style applied when the component is disabled.\n /\n dropZoneContainerDisabled: PropTypes.string,\n /\n Style applied to the input area.\n /\n inputArea: PropTypes.string,\n /\n Style applied to the drop area.\n /\n dropArea: PropTypes.string,\n /\n Style applied to the labels area.\n /\n dropZoneAreaLabels: PropTypes.string,\n /\n Style applied to the icon area.\n /\n dropZoneAreaIcon: PropTypes.string,\n /\n Style applied to the dropzone label.\n /\n dropZoneLabel: PropTypes.string,\n /\n Style applied to the typography when dragging.\n /\n dragText: PropTypes.string,\n /\n Style applied to the selected files.\n /\n selectFilesText: PropTypes.string,\n }).isRequired,\n /\n Labels to present in Fileuploader.\n /\n labels: PropTypes.instanceOf(Object),\n /\n Whether the Dropzone should accept multiple files at once.\n /\n multiple: PropTypes.bool,\n /\n If the input is disabled or not\n /\n disabled: PropTypes.bool,\n /\n Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n /\n acceptedFiles: PropTypes.arrayOf(PropTypes.string).isRequired,\n /\n Max upload size\n * /\n maxFileSize: PropTypes.number.isRequired,\n /\n Function responsible for processing files added to the drop zone.\n /\n onFilesAdded: PropTypes.func,\n /\n Whether the DropZone should show labels or not.\n /\n hideLabels: PropTypes.bool,\n /\n Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderDropZone\" })(withId(DropZone));\n"],"file":"DropZone.js"}

package/dist/modern/FileUploader/File/File.js CHANGED Viewed

@@ -1,3 +1,5 @@
+var _Close;
 import React from "react";
 import PropTypes from "prop-types";
 import { IconButton, withStyles } from "@material-ui/core";
@@ -82,12 +84,12 @@ const File = ({
     className: classes.removeButton,
     category: "ghost",
     onClick: () => onFileRemoved === null || onFileRemoved === void 0 ? void 0 : onFileRemoved(data)
-  }, /*#__PURE__*/React.createElement(Close, {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
     iconSize: "XS"
-  })));
+  }))));
 };
-File.propTypes = {
+process.env.NODE_ENV !== "production" ? File.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -162,7 +164,7 @@ File.propTypes = {
    * Value of aria-label to apply to remove file button in filelist
    * */
   removeFileButtonLabel: PropTypes.string.isRequired
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvFileUploaderFile"
 })(File);

package/dist/modern/FileUploader/File/File.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/FileUploader/File/File.js"],"names":["React","PropTypes","IconButton","withStyles","Fail","Close","Success","HvTypography","setId","convertUnits","styles","getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","removeButton","propTypes","string","shape","isRequired","oneOf","node","func"],"mappings":"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~~kBAOE~~,oBAAC,KAAD;AAAO,IAAA,QAAQ,EAAC;AAAhB,IAPF,~~CAvBF~~,CADF;AAmCD,CA3CD;;~~AA6CAW~~,IAAI,CAACgB,SAAL,GAAiB;AACf;AACF;AACA;AACEf,EAAAA,EAAE,EAAE3B,SAAS,CAAC2C,MAJC;;AAKf;AACF;AACA;AACEhC,EAAAA,OAAO,EAAEX,SAAS,CAAC4C,KAAV,CAAgB;AACvB;AACJ;AACA;AACIT,IAAAA,WAAW,EAAEnC,SAAS,CAAC2C,MAJA;;AAKvB;AACJ;AACA;AACIT,IAAAA,eAAe,EAAElC,SAAS,CAAC2C,MARJ;;AASvB;AACJ;AACA;AACIP,IAAAA,QAAQ,EAAEpC,SAAS,CAAC2C,MAZG;;AAavB;AACJ;AACA;AACIL,IAAAA,qBAAqB,EAAEtC,SAAS,CAAC2C,MAhBV;;AAiBvB;AACJ;AACA;AACIF,IAAAA,YAAY,EAAEzC,SAAS,CAAC2C,MApBD;;AAqBvB;AACJ;AACA;AACIH,IAAAA,gBAAgB,EAAExC,SAAS,CAAC2C;AAxBL,GAAhB,EAyBNE,UAjCY;;AAkCf;AACF;AACA;AACE9B,EAAAA,IAAI,EAAEf,SAAS,CAAC4C,KAAV,CAAgB;AACpB;AACJ;AACA;AACIjB,IAAAA,EAAE,EAAE3B,SAAS,CAAC2C,MAJM;;AAKpB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAErC,SAAS,CAAC2C,MARI;;AASpB;AACJ;AACA;AACI/B,IAAAA,MAAM,EAAEZ,SAAS,CAAC8C,KAAV,CAAgB,CAAC,UAAD,EAAa,SAAb,EAAwB,MAAxB,CAAhB,CAZY;;AAapB;AACJ;AACA;AACIP,IAAAA,OAAO,EAAEvC,SAAS,CAAC+C;AAhBC,GAAhB,EAiBHF,UAtDY;;AAuDf;AACF;AACA;AACEjB,EAAAA,aAAa,EAAE5B,SAAS,CAACgD,IAAV,CAAeH,UA1Df;;AA2Df;AACF;AACA;AACEhB,EAAAA,qBAAqB,EAAE7B,SAAS,CAAC2C,MAAV,CAAiBE;AA9DzB,CAAjB;AAiEA,eAAe3C,UAAU,CAACO,MAAD,EAAS;AAAE4B,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDX,IAAnD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IconButton, withStyles } from \"@material-ui/core\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n switch (status) {\n case \"success\":\n return <Success className={classes.icon} color=\"sema1\" />;\n case \"fail\":\n return <Fail className={classes.icon} color=\"sema4\" />;\n default:\n return <div className={classes.icon} />;\n }\n};\n\nconst getProgressText = (classes, data) => {\n const hasFailed = data.status === \"fail\";\n const inProgress = data.status === \"progress\";\n\n return (\n <>\n {data.progress \|\| data.size \|\| data.errorMessage ? `\\xa0\|\\xa0` : null}\n\n {inProgress && data.progress != null && (\n <HvTypography variant=\"highlightText\">\n {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n </HvTypography>\n )}\n\n {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n {hasFailed && data.errorMessage && (\n <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n )}\n </>\n );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n const width = Math.round((progress * 100) / size);\n\n return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n const hasError = data.status === \"fail\";\n const inProgress = data.status === \"progress\";\n const progressText = getProgressText(classes, data);\n const statusIcon = getStatusIcon(classes, data.status);\n\n const currentProgress = getProgressBarWith(data);\n\n return (\n <li>\n {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n {!hasError && inProgress && (\n <progress\n className={classes.progressbar}\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n aria-valuenow={currentProgress}\n style={{ width: `${currentProgress}%` }}\n />\n )}\n\n {statusIcon}\n\n <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n {data.name}\n </HvTypography>\n\n <span className={classes.progressTextContainer}>{progressText}</span>\n\n {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n <IconButton\n id={setId(id, \"remove-button\")}\n aria-label={removeFileButtonLabel}\n className={classes.removeButton}\n category=\"ghost\"\n onClick={() => onFileRemoved?.(data)}\n >\n <Close iconSize=\"XS\" />\n </IconButton>\n </li>\n );\n};\n\nFile.propTypes = {\n /*\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the Switch Component.\n /\n classes: PropTypes.shape({\n /\n Style applied to the progress bar.\n /\n progressbar: PropTypes.string,\n /\n Style applied to the progress bar background.\n /\n progressbarBack: PropTypes.string,\n /\n Style applied to the file name.\n /\n nameText: PropTypes.string,\n /\n Style applied to the container of the progress bar.\n /\n progressTextContainer: PropTypes.string,\n /\n Style applied to the remove button.\n /\n removeButton: PropTypes.string,\n /\n Style applied to the file preview container.\n /\n previewContainer: PropTypes.string,\n }).isRequired,\n /\n File information to be displayed\n /\n data: PropTypes.shape({\n /\n The file id.\n /\n id: PropTypes.string,\n /\n The file name.\n /\n name: PropTypes.string,\n /\n The upload status.\n /\n status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n /\n Optional node representing a preview of the uploaded file.\n /\n preview: PropTypes.node,\n }).isRequired,\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved: PropTypes.func.isRequired,\n /\n Value of aria-label to apply to remove file button in filelist\n * */\n removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"file":"File.js"}
1	+ {"version":3,"sources":["../../../../src/FileUploader/File/File.js"],"names":["React","PropTypes","IconButton","withStyles","Fail","Close","Success","HvTypography","setId","convertUnits","styles","getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","removeButton","propTypes","string","shape","isRequired","oneOf","node","func"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IconButton, withStyles } from \"@material-ui/core\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n switch (status) {\n case \"success\":\n return <Success className={classes.icon} color=\"sema1\" />;\n case \"fail\":\n return <Fail className={classes.icon} color=\"sema4\" />;\n default:\n return <div className={classes.icon} />;\n }\n};\n\nconst getProgressText = (classes, data) => {\n const hasFailed = data.status === \"fail\";\n const inProgress = data.status === \"progress\";\n\n return (\n <>\n {data.progress \|\| data.size \|\| data.errorMessage ? `\\xa0\|\\xa0` : null}\n\n {inProgress && data.progress != null && (\n <HvTypography variant=\"highlightText\">\n {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n </HvTypography>\n )}\n\n {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n {hasFailed && data.errorMessage && (\n <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n )}\n </>\n );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n const width = Math.round((progress * 100) / size);\n\n return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n const hasError = data.status === \"fail\";\n const inProgress = data.status === \"progress\";\n const progressText = getProgressText(classes, data);\n const statusIcon = getStatusIcon(classes, data.status);\n\n const currentProgress = getProgressBarWith(data);\n\n return (\n <li>\n {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n {!hasError && inProgress && (\n <progress\n className={classes.progressbar}\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n aria-valuenow={currentProgress}\n style={{ width: `${currentProgress}%` }}\n />\n )}\n\n {statusIcon}\n\n <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n {data.name}\n </HvTypography>\n\n <span className={classes.progressTextContainer}>{progressText}</span>\n\n {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n <IconButton\n id={setId(id, \"remove-button\")}\n aria-label={removeFileButtonLabel}\n className={classes.removeButton}\n category=\"ghost\"\n onClick={() => onFileRemoved?.(data)}\n >\n <Close iconSize=\"XS\" />\n </IconButton>\n </li>\n );\n};\n\nFile.propTypes = {\n /*\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the Switch Component.\n /\n classes: PropTypes.shape({\n /\n Style applied to the progress bar.\n /\n progressbar: PropTypes.string,\n /\n Style applied to the progress bar background.\n /\n progressbarBack: PropTypes.string,\n /\n Style applied to the file name.\n /\n nameText: PropTypes.string,\n /\n Style applied to the container of the progress bar.\n /\n progressTextContainer: PropTypes.string,\n /\n Style applied to the remove button.\n /\n removeButton: PropTypes.string,\n /\n Style applied to the file preview container.\n /\n previewContainer: PropTypes.string,\n }).isRequired,\n /\n File information to be displayed\n /\n data: PropTypes.shape({\n /\n The file id.\n /\n id: PropTypes.string,\n /\n The file name.\n /\n name: PropTypes.string,\n /\n The upload status.\n /\n status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n /\n Optional node representing a preview of the uploaded file.\n /\n preview: PropTypes.node,\n }).isRequired,\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved: PropTypes.func.isRequired,\n /\n Value of aria-label to apply to remove file button in filelist\n * */\n removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"file":"File.js"}

package/dist/modern/FileUploader/FileList/FileList.js CHANGED Viewed

@@ -26,7 +26,7 @@ const FileList = ({
   })));
 };
-FileList.propTypes = {
+process.env.NODE_ENV !== "production" ? FileList.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -51,7 +51,7 @@ FileList.propTypes = {
    * Value of aria-label to apply to remove file button in filelist
    * */
   removeFileButtonLabel: PropTypes.string.isRequired
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvFileUploaderFileList"
 })(FileList);

package/dist/modern/FileUploader/FileList/FileList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/FileUploader/FileList/FileList.js"],"names":["React","PropTypes","withStyles","setUid","File","styles","FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","hasFiles","length","map","data","propTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,MAAT,QAAuB,OAAvB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,OAAN;AAAeC,EAAAA,IAAI,GAAG,EAAtB;AAA0BC,EAAAA,qBAA1B;AAAiDC,EAAAA;AAAjD,CAAD,KAAsE;AACrF,QAAMC,QAAQ,GAAGH,IAAI,CAACI,MAAL,GAAc,CAA/B;AACA,MAAI,CAACD,QAAL,EAAe,OAAO,IAAP;AAEf,sBACE;AAAI,IAAA,EAAE,EAAEL,EAAR;AAAY,IAAA,SAAS,EAAEC,OAAO,CAACC;AAA/B,KACGA,IAAI,CAACK,GAAL,CAAUC,IAAD,iBACR,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACR,EADZ;AAEE,IAAA,EAAE,EAAEJ,MAAM,CAACI,EAAD,EAAKQ,IAAI,CAACR,EAAV,CAFZ;AAGE,IAAA,IAAI,EAAEQ,IAHR;AAIE,IAAA,aAAa,EAAEJ,aAJjB;AAKE,IAAA,qBAAqB,EAAED;AALzB,IADD,CADH,CADF;AAaD,CAjBD;;~~AAmBAJ~~,QAAQ,CAACU,SAAT,GAAqB;AACnB;AACF;AACA;AACET,EAAAA,EAAE,EAAEN,SAAS,CAACgB,MAJK;;AAKnB;AACF;AACA;AACET,EAAAA,OAAO,EAAEP,SAAS,CAACiB,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;AASnB;AACF;AACA;AACEX,EAAAA,IAAI,EAAER,SAAS,CAACoB,OAAV,CAAkBpB,SAAS,CAACqB,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;AAanB;AACF;AACA;AACEX,EAAAA,aAAa,EAAEV,SAAS,CAACsB,IAhBN;;AAiBnB;AACF;AACA;AACEb,EAAAA,qBAAqB,EAAET,SAAS,CAACgB,MAAV,CAAiBG;AApBrB,CAArB;AAuBA,eAAelB,UAAU,CAACG,MAAD,EAAS;AAAEmB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDlB,QAAvD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setUid } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n const hasFiles = list.length > 0;\n if (!hasFiles) return null;\n\n return (\n <ul id={id} className={classes.list}>\n {list.map((data) => (\n <File\n key={data.id}\n id={setUid(id, data.id)}\n data={data}\n onFileRemoved={onFileRemoved}\n removeFileButtonLabel={removeFileButtonLabel}\n />\n ))}\n </ul>\n );\n};\n\nFileList.propTypes = {\n /*\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the Switch Component.\n /\n classes: PropTypes.instanceOf(Object).isRequired,\n /\n The files to upload.\n /\n list: PropTypes.arrayOf(PropTypes.shape({})),\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved: PropTypes.func,\n /\n Value of aria-label to apply to remove file button in filelist\n * */\n removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"file":"FileList.js"}
1	+ {"version":3,"sources":["../../../../src/FileUploader/FileList/FileList.js"],"names":["React","PropTypes","withStyles","setUid","File","styles","FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","hasFiles","length","map","data","propTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,MAAT,QAAuB,OAAvB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,OAAN;AAAeC,EAAAA,IAAI,GAAG,EAAtB;AAA0BC,EAAAA,qBAA1B;AAAiDC,EAAAA;AAAjD,CAAD,KAAsE;AACrF,QAAMC,QAAQ,GAAGH,IAAI,CAACI,MAAL,GAAc,CAA/B;AACA,MAAI,CAACD,QAAL,EAAe,OAAO,IAAP;AAEf,sBACE;AAAI,IAAA,EAAE,EAAEL,EAAR;AAAY,IAAA,SAAS,EAAEC,OAAO,CAACC;AAA/B,KACGA,IAAI,CAACK,GAAL,CAAUC,IAAD,iBACR,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACR,EADZ;AAEE,IAAA,EAAE,EAAEJ,MAAM,CAACI,EAAD,EAAKQ,IAAI,CAACR,EAAV,CAFZ;AAGE,IAAA,IAAI,EAAEQ,IAHR;AAIE,IAAA,aAAa,EAAEJ,aAJjB;AAKE,IAAA,qBAAqB,EAAED;AALzB,IADD,CADH,CADF;AAaD,CAjBD;;AAmBA,wCAAAJ,QAAQ,CAACU,SAAT,GAAqB;AACnB;AACF;AACA;AACET,EAAAA,EAAE,EAAEN,SAAS,CAACgB,MAJK;;AAKnB;AACF;AACA;AACET,EAAAA,OAAO,EAAEP,SAAS,CAACiB,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;AASnB;AACF;AACA;AACEX,EAAAA,IAAI,EAAER,SAAS,CAACoB,OAAV,CAAkBpB,SAAS,CAACqB,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;AAanB;AACF;AACA;AACEX,EAAAA,aAAa,EAAEV,SAAS,CAACsB,IAhBN;;AAiBnB;AACF;AACA;AACEb,EAAAA,qBAAqB,EAAET,SAAS,CAACgB,MAAV,CAAiBG;AApBrB,CAArB;AAuBA,eAAelB,UAAU,CAACG,MAAD,EAAS;AAAEmB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDlB,QAAvD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setUid } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n const hasFiles = list.length > 0;\n if (!hasFiles) return null;\n\n return (\n <ul id={id} className={classes.list}>\n {list.map((data) => (\n <File\n key={data.id}\n id={setUid(id, data.id)}\n data={data}\n onFileRemoved={onFileRemoved}\n removeFileButtonLabel={removeFileButtonLabel}\n />\n ))}\n </ul>\n );\n};\n\nFileList.propTypes = {\n /*\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the Switch Component.\n /\n classes: PropTypes.instanceOf(Object).isRequired,\n /\n The files to upload.\n /\n list: PropTypes.arrayOf(PropTypes.shape({})),\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved: PropTypes.func,\n /\n Value of aria-label to apply to remove file button in filelist\n * */\n removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"file":"FileList.js"}

package/dist/modern/FileUploader/FileUploader.js CHANGED Viewed

@@ -65,7 +65,7 @@ const FileUploader = _ref => {
   }));
 };
-FileUploader.propTypes = {
+process.env.NODE_ENV !== "production" ? FileUploader.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -196,7 +196,7 @@ FileUploader.propTypes = {
    * Attributes applied to the input element.
    */
   inputProps: PropTypes.instanceOf(Object)
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvFileUploader"
 })(FileUploader);

package/dist/modern/FileUploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/FileUploader/FileUploader.js"],"names":["React","PropTypes","withStyles","setId","useLabels","DropZone","FileList","styles","DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","propTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,EAAgBC,SAAhB,QAAiC,UAAjC;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,cAAc,GAAG;AACrBC,EAAAA,QAAQ,EAAE,OADW;AAErBC,EAAAA,WAAW,EAAE,iBAFQ;AAGrBC,EAAAA,IAAI,EAAE,oBAHe;AAIrBC,EAAAA,WAAW,EAAE,iBAJQ;AAKrBC,EAAAA,SAAS,EAAE,iBALU;AAMrBC,EAAAA,aAAa,EAAE,0CANM;AAOrBC,EAAAA,aAAa,EAAE,kCAPM;AAQrBC,EAAAA,qBAAqB,EAAE;AARF,CAAvB;AAWA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,QAef;AAAA,MAfgB;AACpBC,IAAAA,EADoB;AAEpBC,IAAAA,SAFoB;AAGpBC,IAAAA,MAAM,EAAEC,UAHY;AAIpBC,IAAAA,QAJoB;AAKpBC,IAAAA,QAAQ,GAAG,IALS;AAMpBC,IAAAA,QAAQ,GAAG,KANS;AAOpBC,IAAAA,WAAW,GAAGC,QAPM;AAQpBC,IAAAA,aAAa,GAAG,EARI;AASpBC,IAAAA,YAToB;AAUpBC,IAAAA,aAVoB;AAYpBC,IAAAA,UAAU,GAAG,KAZO;AAapBC,IAAAA,UAAU,GAAG;AAbO,GAehB;AAAA,MADDC,MACC;;AACJ,QAAMZ,MAAM,GAAGhB,SAAS,CAACI,cAAD,EAAiBa,UAAjB,CAAxB;AAEA,sBACE;AAAK,IAAA,EAAE,EAAEH,EAAT;AAAa,IAAA,SAAS,EAAEC;AAAxB,KAAuCa,MAAvC,gBACE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAE7B,KAAK,CAACe,EAAD,EAAK,UAAL,CADX;AAEE,IAAA,MAAM,EAAEE,MAFV;AAGE,IAAA,QAAQ,EAAEG,QAHZ;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,aAAa,EAAEG,aALjB;AAME,IAAA,WAAW,EAAEF,WANf;AAOE,IAAA,YAAY,EAAEG,YAPhB;AAQE,IAAA,UAAU,EAAEG,UARd;AASE,IAAA,UAAU,EAAED;AATd,IADF,eAYE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAE3B,KAAK,CAACe,EAAD,EAAK,UAAL,CADX;AAEE,IAAA,IAAI,EAAEI,QAFR;AAGE,IAAA,aAAa,EAAEO,aAHjB;AAIE,IAAA,qBAAqB,EAAET,MAAM,CAACJ;AAJhC,IAZF,CADF;AAqBD,CAvCD;;~~AAyCAC~~,YAAY,CAACgB,SAAb,GAAyB;AACvB;AACF;AACA;AACEf,EAAAA,EAAE,EAAEjB,SAAS,CAACiC,MAJS;;AAKvB;AACF;AACA;AACEf,EAAAA,SAAS,EAAElB,SAAS,CAACiC,MARE;;AASvB;AACF;AACA;AACA;AACEd,EAAAA,MAAM,EAAEnB,SAAS,CAACkC,KAAV,CAAgB;AACtB;AACJ;AACA;AACIR,IAAAA,aAAa,EAAE1B,SAAS,CAACiC,MAJH;;AAKtB;AACJ;AACA;AACIzB,IAAAA,QAAQ,EAAER,SAAS,CAACiC,MARE;;AAStB;AACJ;AACA;AACIxB,IAAAA,WAAW,EAAET,SAAS,CAACiC,MAZD;;AAatB;AACJ;AACA;AACIvB,IAAAA,IAAI,EAAEV,SAAS,CAACiC,MAhBM;;AAiBtB;AACJ;AACA;AACItB,IAAAA,WAAW,EAAEX,SAAS,CAACiC,MApBD;;AAqBtB;AACJ;AACA;AACIrB,IAAAA,SAAS,EAAEZ,SAAS,CAACiC,MAxBC;;AAyBtB;AACJ;AACA;AACIpB,IAAAA,aAAa,EAAEb,SAAS,CAACiC,MA5BH;;AA6BtB;AACJ;AACA;AACInB,IAAAA,aAAa,EAAEd,SAAS,CAACiC,MAhCH;;AAiCtB;AACJ;AACA;AACIlB,IAAAA,qBAAqB,EAAEf,SAAS,CAACiC;AApCX,GAAhB,CAbe;;AAmDvB;AACF;AACA;AACEZ,EAAAA,QAAQ,EAAErB,SAAS,CAACmC,OAAV,CACRnC,SAAS,CAACkC,KAAV,CAAgB;AACd;AACN;AACA;AACME,IAAAA,IAAI,EAAEpC,SAAS,CAACiC,MAJF;;AAKd;AACN;AACA;AACMI,IAAAA,IAAI,EAAErC,SAAS,CAACsC,MARF;;AASd;AACN;AACA;AACMC,IAAAA,QAAQ,EAAEvC,SAAS,CAACsC,MAZN;;AAad;AACN;AACA;AACME,IAAAA,MAAM,EAAExC,SAAS,CAACyC,KAAV,CAAgB,CAAC,UAAD,EAAa,SAAb,EAAwB,MAAxB,CAAhB,CAhBM;;AAiBd;AACN;AACA;AACMC,IAAAA,OAAO,EAAE1C,SAAS,CAAC2C;AApBL,GAAhB,CADQ,EAuBRC,UA7EqB;;AA8EvB;AACF;AACA;AACEtB,EAAAA,QAAQ,EAAEtB,SAAS,CAAC6C,IAjFG;;AAkFvB;AACF;AACA;AACEtB,EAAAA,QAAQ,EAAEvB,SAAS,CAAC6C,IArFG;;AAsFvB;AACF;AACA;AACErB,EAAAA,WAAW,EAAExB,SAAS,CAACsC,MAzFA;;AA0FvB;AACF;AACA;AACEZ,EAAAA,aAAa,EAAE1B,SAAS,CAACmC,OAAV,CAAkBnC,SAAS,CAACiC,MAA5B,CA7FQ;;AA8FvB;AACF;AACA;AACEN,EAAAA,YAAY,EAAE3B,SAAS,CAAC8C,IAjGD;;AAkGvB;AACF;AACA;AACElB,EAAAA,aAAa,EAAE5B,SAAS,CAAC8C,IArGF;;AAsGvB;AACF;AACA;AACEjB,EAAAA,UAAU,EAAE7B,SAAS,CAAC6C,IAzGC;;AA0GvB;AACF;AACA;AACEf,EAAAA,UAAU,EAAE9B,SAAS,CAAC+C,UAAV,CAAqBC,MAArB;AA7GW,CAAzB;AAgHA,eAAe/C,UAAU,CAACK,MAAD,EAAS;AAAE8B,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CpB,YAA/C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\n// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS = {\n dropzone: \"Label\",\n sizeWarning: \"Max. file size:\",\n drag: \"Drop files here or\",\n selectFiles: \"click to upload\",\n dropFiles: \"Drop files here\",\n fileSizeError: \"The file exceeds the maximum upload size\",\n fileTypeError: \"File type not allowed for upload\",\n removeFileButtonLabel: \"Remove File\",\n};\n\n/*\n Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n \n Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n /\nconst FileUploader = ({\n id,\n className,\n labels: labelsProp,\n fileList,\n multiple = true,\n disabled = false,\n maxFileSize = Infinity,\n acceptedFiles = [],\n onFilesAdded,\n onFileRemoved,\n\n hideLabels = false,\n inputProps = {},\n ...others\n}) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n return (\n <div id={id} className={className} {...others}>\n <DropZone\n id={setId(id, \"dropzone\")}\n labels={labels}\n multiple={multiple}\n disabled={disabled}\n acceptedFiles={acceptedFiles}\n maxFileSize={maxFileSize}\n onFilesAdded={onFilesAdded}\n inputProps={inputProps}\n hideLabels={hideLabels}\n />\n <FileList\n id={setId(id, \"filelist\")}\n list={fileList}\n onFileRemoved={onFileRemoved}\n removeFileButtonLabel={labels.removeFileButtonLabel}\n />\n </div>\n );\n};\n\nFileUploader.propTypes = {\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n An object containing all the labels.\n \n /\n labels: PropTypes.shape({\n /*\n Accepted file list label\n /\n acceptedFiles: PropTypes.string,\n /\n DropZone area label.\n /\n dropzone: PropTypes.string,\n /\n Size file warning label.\n /\n sizeWarning: PropTypes.string,\n /\n Size file warning label.\n /\n drag: PropTypes.string,\n /\n Size file warning label.\n /\n selectFiles: PropTypes.string,\n /\n Theming sheet used to style components\n * /\n dropFiles: PropTypes.string,\n /\n Message to display when file size is greater than allowed\n * /\n fileSizeError: PropTypes.string,\n /\n Message to display when file type is greater than allowed\n * /\n fileTypeError: PropTypes.string,\n /\n Value of aria-label to apply to remove file button in filelist\n * /\n removeFileButtonLabel: PropTypes.string,\n }),\n /\n The files to upload.\n /\n fileList: PropTypes.arrayOf(\n PropTypes.shape({\n /\n The file name.\n /\n name: PropTypes.string,\n /\n The file size in bytes.\n /\n size: PropTypes.number,\n /\n Upload progress in bytes.\n /\n progress: PropTypes.number,\n /\n Upload status.\n /\n status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n /\n Optional node representing a preview of the uploaded file.\n /\n preview: PropTypes.node,\n })\n ).isRequired,\n /\n Whether the DropZone should accept multiple files at once.\n /\n multiple: PropTypes.bool,\n /\n If the input is disabled or not\n /\n disabled: PropTypes.bool,\n /\n Max upload size\n * /\n maxFileSize: PropTypes.number,\n /\n Files extensions accepted for upload.\n /\n acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n /\n Callback fired when files are added.\n /\n onFilesAdded: PropTypes.func,\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved: PropTypes.func,\n /\n Whether the DropZone should hide labels or not.\n /\n hideLabels: PropTypes.bool,\n /\n Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploader\" })(FileUploader);\n"],"file":"FileUploader.js"}
1	+ {"version":3,"sources":["../../../src/FileUploader/FileUploader.js"],"names":["React","PropTypes","withStyles","setId","useLabels","DropZone","FileList","styles","DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","propTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,EAAgBC,SAAhB,QAAiC,UAAjC;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,cAAc,GAAG;AACrBC,EAAAA,QAAQ,EAAE,OADW;AAErBC,EAAAA,WAAW,EAAE,iBAFQ;AAGrBC,EAAAA,IAAI,EAAE,oBAHe;AAIrBC,EAAAA,WAAW,EAAE,iBAJQ;AAKrBC,EAAAA,SAAS,EAAE,iBALU;AAMrBC,EAAAA,aAAa,EAAE,0CANM;AAOrBC,EAAAA,aAAa,EAAE,kCAPM;AAQrBC,EAAAA,qBAAqB,EAAE;AARF,CAAvB;AAWA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,QAef;AAAA,MAfgB;AACpBC,IAAAA,EADoB;AAEpBC,IAAAA,SAFoB;AAGpBC,IAAAA,MAAM,EAAEC,UAHY;AAIpBC,IAAAA,QAJoB;AAKpBC,IAAAA,QAAQ,GAAG,IALS;AAMpBC,IAAAA,QAAQ,GAAG,KANS;AAOpBC,IAAAA,WAAW,GAAGC,QAPM;AAQpBC,IAAAA,aAAa,GAAG,EARI;AASpBC,IAAAA,YAToB;AAUpBC,IAAAA,aAVoB;AAYpBC,IAAAA,UAAU,GAAG,KAZO;AAapBC,IAAAA,UAAU,GAAG;AAbO,GAehB;AAAA,MADDC,MACC;;AACJ,QAAMZ,MAAM,GAAGhB,SAAS,CAACI,cAAD,EAAiBa,UAAjB,CAAxB;AAEA,sBACE;AAAK,IAAA,EAAE,EAAEH,EAAT;AAAa,IAAA,SAAS,EAAEC;AAAxB,KAAuCa,MAAvC,gBACE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAE7B,KAAK,CAACe,EAAD,EAAK,UAAL,CADX;AAEE,IAAA,MAAM,EAAEE,MAFV;AAGE,IAAA,QAAQ,EAAEG,QAHZ;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,aAAa,EAAEG,aALjB;AAME,IAAA,WAAW,EAAEF,WANf;AAOE,IAAA,YAAY,EAAEG,YAPhB;AAQE,IAAA,UAAU,EAAEG,UARd;AASE,IAAA,UAAU,EAAED;AATd,IADF,eAYE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAE3B,KAAK,CAACe,EAAD,EAAK,UAAL,CADX;AAEE,IAAA,IAAI,EAAEI,QAFR;AAGE,IAAA,aAAa,EAAEO,aAHjB;AAIE,IAAA,qBAAqB,EAAET,MAAM,CAACJ;AAJhC,IAZF,CADF;AAqBD,CAvCD;;AAyCA,wCAAAC,YAAY,CAACgB,SAAb,GAAyB;AACvB;AACF;AACA;AACEf,EAAAA,EAAE,EAAEjB,SAAS,CAACiC,MAJS;;AAKvB;AACF;AACA;AACEf,EAAAA,SAAS,EAAElB,SAAS,CAACiC,MARE;;AASvB;AACF;AACA;AACA;AACEd,EAAAA,MAAM,EAAEnB,SAAS,CAACkC,KAAV,CAAgB;AACtB;AACJ;AACA;AACIR,IAAAA,aAAa,EAAE1B,SAAS,CAACiC,MAJH;;AAKtB;AACJ;AACA;AACIzB,IAAAA,QAAQ,EAAER,SAAS,CAACiC,MARE;;AAStB;AACJ;AACA;AACIxB,IAAAA,WAAW,EAAET,SAAS,CAACiC,MAZD;;AAatB;AACJ;AACA;AACIvB,IAAAA,IAAI,EAAEV,SAAS,CAACiC,MAhBM;;AAiBtB;AACJ;AACA;AACItB,IAAAA,WAAW,EAAEX,SAAS,CAACiC,MApBD;;AAqBtB;AACJ;AACA;AACIrB,IAAAA,SAAS,EAAEZ,SAAS,CAACiC,MAxBC;;AAyBtB;AACJ;AACA;AACIpB,IAAAA,aAAa,EAAEb,SAAS,CAACiC,MA5BH;;AA6BtB;AACJ;AACA;AACInB,IAAAA,aAAa,EAAEd,SAAS,CAACiC,MAhCH;;AAiCtB;AACJ;AACA;AACIlB,IAAAA,qBAAqB,EAAEf,SAAS,CAACiC;AApCX,GAAhB,CAbe;;AAmDvB;AACF;AACA;AACEZ,EAAAA,QAAQ,EAAErB,SAAS,CAACmC,OAAV,CACRnC,SAAS,CAACkC,KAAV,CAAgB;AACd;AACN;AACA;AACME,IAAAA,IAAI,EAAEpC,SAAS,CAACiC,MAJF;;AAKd;AACN;AACA;AACMI,IAAAA,IAAI,EAAErC,SAAS,CAACsC,MARF;;AASd;AACN;AACA;AACMC,IAAAA,QAAQ,EAAEvC,SAAS,CAACsC,MAZN;;AAad;AACN;AACA;AACME,IAAAA,MAAM,EAAExC,SAAS,CAACyC,KAAV,CAAgB,CAAC,UAAD,EAAa,SAAb,EAAwB,MAAxB,CAAhB,CAhBM;;AAiBd;AACN;AACA;AACMC,IAAAA,OAAO,EAAE1C,SAAS,CAAC2C;AApBL,GAAhB,CADQ,EAuBRC,UA7EqB;;AA8EvB;AACF;AACA;AACEtB,EAAAA,QAAQ,EAAEtB,SAAS,CAAC6C,IAjFG;;AAkFvB;AACF;AACA;AACEtB,EAAAA,QAAQ,EAAEvB,SAAS,CAAC6C,IArFG;;AAsFvB;AACF;AACA;AACErB,EAAAA,WAAW,EAAExB,SAAS,CAACsC,MAzFA;;AA0FvB;AACF;AACA;AACEZ,EAAAA,aAAa,EAAE1B,SAAS,CAACmC,OAAV,CAAkBnC,SAAS,CAACiC,MAA5B,CA7FQ;;AA8FvB;AACF;AACA;AACEN,EAAAA,YAAY,EAAE3B,SAAS,CAAC8C,IAjGD;;AAkGvB;AACF;AACA;AACElB,EAAAA,aAAa,EAAE5B,SAAS,CAAC8C,IArGF;;AAsGvB;AACF;AACA;AACEjB,EAAAA,UAAU,EAAE7B,SAAS,CAAC6C,IAzGC;;AA0GvB;AACF;AACA;AACEf,EAAAA,UAAU,EAAE9B,SAAS,CAAC+C,UAAV,CAAqBC,MAArB;AA7GW,CAAzB;AAgHA,eAAe/C,UAAU,CAACK,MAAD,EAAS;AAAE8B,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CpB,YAA/C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\n// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS = {\n dropzone: \"Label\",\n sizeWarning: \"Max. file size:\",\n drag: \"Drop files here or\",\n selectFiles: \"click to upload\",\n dropFiles: \"Drop files here\",\n fileSizeError: \"The file exceeds the maximum upload size\",\n fileTypeError: \"File type not allowed for upload\",\n removeFileButtonLabel: \"Remove File\",\n};\n\n/*\n Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n \n Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n /\nconst FileUploader = ({\n id,\n className,\n labels: labelsProp,\n fileList,\n multiple = true,\n disabled = false,\n maxFileSize = Infinity,\n acceptedFiles = [],\n onFilesAdded,\n onFileRemoved,\n\n hideLabels = false,\n inputProps = {},\n ...others\n}) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n return (\n <div id={id} className={className} {...others}>\n <DropZone\n id={setId(id, \"dropzone\")}\n labels={labels}\n multiple={multiple}\n disabled={disabled}\n acceptedFiles={acceptedFiles}\n maxFileSize={maxFileSize}\n onFilesAdded={onFilesAdded}\n inputProps={inputProps}\n hideLabels={hideLabels}\n />\n <FileList\n id={setId(id, \"filelist\")}\n list={fileList}\n onFileRemoved={onFileRemoved}\n removeFileButtonLabel={labels.removeFileButtonLabel}\n />\n </div>\n );\n};\n\nFileUploader.propTypes = {\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n An object containing all the labels.\n \n /\n labels: PropTypes.shape({\n /*\n Accepted file list label\n /\n acceptedFiles: PropTypes.string,\n /\n DropZone area label.\n /\n dropzone: PropTypes.string,\n /\n Size file warning label.\n /\n sizeWarning: PropTypes.string,\n /\n Size file warning label.\n /\n drag: PropTypes.string,\n /\n Size file warning label.\n /\n selectFiles: PropTypes.string,\n /\n Theming sheet used to style components\n * /\n dropFiles: PropTypes.string,\n /\n Message to display when file size is greater than allowed\n * /\n fileSizeError: PropTypes.string,\n /\n Message to display when file type is greater than allowed\n * /\n fileTypeError: PropTypes.string,\n /\n Value of aria-label to apply to remove file button in filelist\n * /\n removeFileButtonLabel: PropTypes.string,\n }),\n /\n The files to upload.\n /\n fileList: PropTypes.arrayOf(\n PropTypes.shape({\n /\n The file name.\n /\n name: PropTypes.string,\n /\n The file size in bytes.\n /\n size: PropTypes.number,\n /\n Upload progress in bytes.\n /\n progress: PropTypes.number,\n /\n Upload status.\n /\n status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n /\n Optional node representing a preview of the uploaded file.\n /\n preview: PropTypes.node,\n })\n ).isRequired,\n /\n Whether the DropZone should accept multiple files at once.\n /\n multiple: PropTypes.bool,\n /\n If the input is disabled or not\n /\n disabled: PropTypes.bool,\n /\n Max upload size\n * /\n maxFileSize: PropTypes.number,\n /\n Files extensions accepted for upload.\n /\n acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n /\n Callback fired when files are added.\n /\n onFilesAdded: PropTypes.func,\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved: PropTypes.func,\n /\n Whether the DropZone should hide labels or not.\n /\n hideLabels: PropTypes.bool,\n /\n Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploader\" })(FileUploader);\n"],"file":"FileUploader.js"}

package/dist/modern/FileUploader/Preview/Preview.js CHANGED Viewed

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _PreviewIcon;
 const _excluded = ["children", "classes", "onClick", "onUnload", "disableOverlay"];
 import React, { useEffect } from "react";
 import PropTypes from "prop-types";
@@ -36,13 +39,13 @@ const Preview = props => {
     }, others), children, !disableOverlay && /*#__PURE__*/React.createElement("div", {
       className: classes.overlay,
       "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement(PreviewIcon, null)));
+    }, _PreviewIcon || (_PreviewIcon = /*#__PURE__*/React.createElement(PreviewIcon, null))));
   }
   return children;
 };
-Preview.propTypes = {
+process.env.NODE_ENV !== "production" ? Preview.propTypes = {
   /**
    * Content that represents the preview of an uploaded file.
    */
@@ -85,7 +88,7 @@ Preview.propTypes = {
      */
     overlay: PropTypes.string
   }).isRequired
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvFileUploaderPreview"
 })(Preview);

package/dist/modern/FileUploader/Preview/Preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/FileUploader/Preview/Preview.js"],"names":["React","useEffect","PropTypes","withStyles","Preview","PreviewIcon","HvButton","styles","props","children","classes","onClick","onUnload","disableOverlay","others","previewButton","overlay","propTypes","node","isRequired","func","bool","shape","string","name"],"mappings":"~~;;;~~AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,OAAO,IAAIC,WAApB,QAAuC,mCAAvC;AAEA,SAASC,QAAT,QAAyB,OAAzB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;;AACA,MAAMH,OAAO,GAAII,KAAD,IAAW;AACzB,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,OAAZ;AAAqBC,IAAAA,OAArB;AAA8BC,IAAAA,QAA9B;AAAwCC,IAAAA,cAAc,GAAG;AAAzD,MAA8EL,KAApF;AAAA,QAAyEM,MAAzE,4BAAoFN,KAApF;;AAEAP,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAM;AACXW,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;AACT,KAFD;AAGD,GAJQ,EAIN,CAACA,QAAD,CAJM,CAAT;;AAMA,MAAID,OAAJ,EAAa;AACX,wBACE,oBAAC,QAAD;AAAU,MAAA,IAAI,MAAd;AAAe,MAAA,SAAS,EAAED,OAAO,CAACK,aAAlC;AAAiD,MAAA,OAAO,EAAEJ;AAA1D,OAAuEG,MAAvE,GACGL,QADH,EAEG,CAACI,cAAD,iBACC;AAAK,MAAA,SAAS,EAAEH,OAAO,CAACM,OAAxB;AAAiC,qBAAY;AAA7C,~~oBACE~~,oBAAC,WAAD,OADF,~~CAHJ~~,CADF;AAUD;;AAED,SAAOP,QAAP;AACD,CAvBD;;~~AAyBAL~~,OAAO,CAACa,SAAR,GAAoB;AAClB;AACF;AACA;AACER,EAAAA,QAAQ,EAAEP,SAAS,CAACgB,IAAV,CAAeC,UAJP;;AAKlB;AACF;AACA;AACA;AACA;AACA;AACA;AACER,EAAAA,OAAO,EAAET,SAAS,CAACkB,IAZD;;AAalB;AACF;AACA;AACA;AACA;AACER,EAAAA,QAAQ,EAAEV,SAAS,CAACkB,IAlBF;;AAmBlB;AACF;AACA;AACA;AACA;AACEP,EAAAA,cAAc,EAAEX,SAAS,CAACmB,IAxBR;;AAyBlB;AACF;AACA;AACEX,EAAAA,OAAO,EAAER,SAAS,CAACoB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,aAAa,EAAEb,SAAS,CAACqB,MAJF;;AAKvB;AACJ;AACA;AACIP,IAAAA,OAAO,EAAEd,SAAS,CAACqB;AARI,GAAhB,EASNJ;AArCe,CAApB;AAwCA,eAAehB,UAAU,CAACI,MAAD,EAAS;AAAEiB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsDpB,OAAtD,CAAf","sourcesContent":["import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Preview as PreviewIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../..\";\n\nimport styles from \"./styles\";\n\n/*\n The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n /\nconst Preview = (props) => {\n const { children, classes, onClick, onUnload, disableOverlay = false, ...others } = props;\n\n useEffect(() => {\n return () => {\n onUnload?.();\n };\n }, [onUnload]);\n\n if (onClick) {\n return (\n <HvButton icon className={classes.previewButton} onClick={onClick} {...others}>\n {children}\n {!disableOverlay && (\n <div className={classes.overlay} aria-hidden=\"true\">\n <PreviewIcon />\n </div>\n )}\n </HvButton>\n );\n }\n\n return children;\n};\n\nPreview.propTypes = {\n /\n Content that represents the preview of an uploaded file.\n /\n children: PropTypes.node.isRequired,\n /\n Callback executed when the preview is clicked.\n \n When not null, the preview content will be enclosed in a button.\n \n @param event React.MouseEvent<HTMLButtonElement>\n /\n onClick: PropTypes.func,\n /\n Callback executed when the preview is unmounted.\n \n Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n /\n onUnload: PropTypes.func,\n /\n If `true`, doesn't show an overlay on top of the preview when hovering.\n \n Only applies when `onClick` is set.\n /\n disableOverlay: PropTypes.bool,\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes: PropTypes.shape({\n /\n Styles to apply to the button when present.\n /\n previewButton: PropTypes.string,\n /\n Styles to apply to the overlay shown on hover.\n */\n overlay: PropTypes.string,\n }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderPreview\" })(Preview);\n"],"file":"Preview.js"}
1	+ {"version":3,"sources":["../../../../src/FileUploader/Preview/Preview.js"],"names":["React","useEffect","PropTypes","withStyles","Preview","PreviewIcon","HvButton","styles","props","children","classes","onClick","onUnload","disableOverlay","others","previewButton","overlay","propTypes","node","isRequired","func","bool","shape","string","name"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,OAAO,IAAIC,WAApB,QAAuC,mCAAvC;AAEA,SAASC,QAAT,QAAyB,OAAzB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;;AACA,MAAMH,OAAO,GAAII,KAAD,IAAW;AACzB,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,OAAZ;AAAqBC,IAAAA,OAArB;AAA8BC,IAAAA,QAA9B;AAAwCC,IAAAA,cAAc,GAAG;AAAzD,MAA8EL,KAApF;AAAA,QAAyEM,MAAzE,4BAAoFN,KAApF;;AAEAP,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAM;AACXW,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;AACT,KAFD;AAGD,GAJQ,EAIN,CAACA,QAAD,CAJM,CAAT;;AAMA,MAAID,OAAJ,EAAa;AACX,wBACE,oBAAC,QAAD;AAAU,MAAA,IAAI,MAAd;AAAe,MAAA,SAAS,EAAED,OAAO,CAACK,aAAlC;AAAiD,MAAA,OAAO,EAAEJ;AAA1D,OAAuEG,MAAvE,GACGL,QADH,EAEG,CAACI,cAAD,iBACC;AAAK,MAAA,SAAS,EAAEH,OAAO,CAACM,OAAxB;AAAiC,qBAAY;AAA7C,oDACE,oBAAC,WAAD,OADF,EAHJ,CADF;AAUD;;AAED,SAAOP,QAAP;AACD,CAvBD;;AAyBA,wCAAAL,OAAO,CAACa,SAAR,GAAoB;AAClB;AACF;AACA;AACER,EAAAA,QAAQ,EAAEP,SAAS,CAACgB,IAAV,CAAeC,UAJP;;AAKlB;AACF;AACA;AACA;AACA;AACA;AACA;AACER,EAAAA,OAAO,EAAET,SAAS,CAACkB,IAZD;;AAalB;AACF;AACA;AACA;AACA;AACER,EAAAA,QAAQ,EAAEV,SAAS,CAACkB,IAlBF;;AAmBlB;AACF;AACA;AACA;AACA;AACEP,EAAAA,cAAc,EAAEX,SAAS,CAACmB,IAxBR;;AAyBlB;AACF;AACA;AACEX,EAAAA,OAAO,EAAER,SAAS,CAACoB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,aAAa,EAAEb,SAAS,CAACqB,MAJF;;AAKvB;AACJ;AACA;AACIP,IAAAA,OAAO,EAAEd,SAAS,CAACqB;AARI,GAAhB,EASNJ;AArCe,CAApB;AAwCA,eAAehB,UAAU,CAACI,MAAD,EAAS;AAAEiB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsDpB,OAAtD,CAAf","sourcesContent":["import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Preview as PreviewIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../..\";\n\nimport styles from \"./styles\";\n\n/*\n The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n /\nconst Preview = (props) => {\n const { children, classes, onClick, onUnload, disableOverlay = false, ...others } = props;\n\n useEffect(() => {\n return () => {\n onUnload?.();\n };\n }, [onUnload]);\n\n if (onClick) {\n return (\n <HvButton icon className={classes.previewButton} onClick={onClick} {...others}>\n {children}\n {!disableOverlay && (\n <div className={classes.overlay} aria-hidden=\"true\">\n <PreviewIcon />\n </div>\n )}\n </HvButton>\n );\n }\n\n return children;\n};\n\nPreview.propTypes = {\n /\n Content that represents the preview of an uploaded file.\n /\n children: PropTypes.node.isRequired,\n /\n Callback executed when the preview is clicked.\n \n When not null, the preview content will be enclosed in a button.\n \n @param event React.MouseEvent<HTMLButtonElement>\n /\n onClick: PropTypes.func,\n /\n Callback executed when the preview is unmounted.\n \n Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n /\n onUnload: PropTypes.func,\n /\n If `true`, doesn't show an overlay on top of the preview when hovering.\n \n Only applies when `onClick` is set.\n /\n disableOverlay: PropTypes.bool,\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes: PropTypes.shape({\n /\n Styles to apply to the button when present.\n /\n previewButton: PropTypes.string,\n /\n Styles to apply to the overlay shown on hover.\n */\n overlay: PropTypes.string,\n }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderPreview\" })(Preview);\n"],"file":"Preview.js"}

package/dist/modern/FilterGroup/Counter/Counter.js CHANGED Viewed

@@ -27,9 +27,9 @@ const Counter = ({
   }, partialCounter > 0 ? /*#__PURE__*/React.createElement("b", null, partialCounter) : partialCounter, ` / ${totalCounter}`);
 };
-Counter.propTypes = {
+process.env.NODE_ENV !== "production" ? Counter.propTypes = {
   className: PropTypes.string,
   id: PropTypes.string
-};
+} : void 0;
 export default Counter;
 //# sourceMappingURL=Counter.js.map

package/dist/modern/FilterGroup/Counter/Counter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,KAAuB;AAAA;;AACrC,QAAMC,OAAO,GAAGJ,SAAS,EAAzB;AACA,QAAM;AAAEK,IAAAA,aAAF;AAAiBC,IAAAA,YAAjB;AAA+BC,IAAAA;AAA/B,MAAkDX,UAAU,CAACG,kBAAD,CAAlE;AAEA,QAAMS,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAoBC,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAA7C,CAAD,CAAH,GAAwDE,aAA1E;AACA,QAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAyBF,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAAlD,CAAlB;AAEA,QAAMU,aAAa,GAAGN,cAAc,CAACO,IAAf,GAAsBC,MAAtB,CAA8BC,IAAD,IAAUA,IAAI,KAAKC,SAAhD,EAA2DC,MAA3D,IAAqE,CAA3F;AACA,QAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;AACA,QAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,CAACC,GAAD,EAAMZ,MAAN,KAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAlD,EAA0D,CAA1D,CAArB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;AAApB,KACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,EAEI,MAAKC,YAAa,EAFtB,CADF;AAMD,CAjBD;;~~AAmBAnB~~,OAAO,CAACwB,SAAR,GAAoB;AAClBvB,EAAAA,SAAS,EAAEJ,SAAS,CAAC4B,MADH;AAElBvB,EAAAA,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf","sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues, appliedFilters } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters.flat().filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"file":"Counter.js"}
1	+ {"version":3,"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,KAAuB;AAAA;;AACrC,QAAMC,OAAO,GAAGJ,SAAS,EAAzB;AACA,QAAM;AAAEK,IAAAA,aAAF;AAAiBC,IAAAA,YAAjB;AAA+BC,IAAAA;AAA/B,MAAkDX,UAAU,CAACG,kBAAD,CAAlE;AAEA,QAAMS,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAoBC,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAA7C,CAAD,CAAH,GAAwDE,aAA1E;AACA,QAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAyBF,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAAlD,CAAlB;AAEA,QAAMU,aAAa,GAAGN,cAAc,CAACO,IAAf,GAAsBC,MAAtB,CAA8BC,IAAD,IAAUA,IAAI,KAAKC,SAAhD,EAA2DC,MAA3D,IAAqE,CAA3F;AACA,QAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;AACA,QAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,CAACC,GAAD,EAAMZ,MAAN,KAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAlD,EAA0D,CAA1D,CAArB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;AAApB,KACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,EAEI,MAAKC,YAAa,EAFtB,CADF;AAMD,CAjBD;;AAmBA,wCAAAnB,OAAO,CAACwB,SAAR,GAAoB;AAClBvB,EAAAA,SAAS,EAAEJ,SAAS,CAAC4B,MADH;AAElBvB,EAAAA,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf","sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues, appliedFilters } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters.flat().filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"file":"Counter.js"}

package/dist/modern/FilterGroup/FilterContent/FilterContent.js CHANGED Viewed

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _Filters, _Counter;
 const _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.unscopables.flat.js";
@@ -78,7 +81,7 @@ const FilterContent = _ref => {
     if (!open) onCancelHandler === null || onCancelHandler === void 0 ? void 0 : onCancelHandler(evt);
   };
-  const Header = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Filters, null), /*#__PURE__*/React.createElement(HvTypography, {
+  const Header = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, _Filters || (_Filters = /*#__PURE__*/React.createElement(Filters, null)), /*#__PURE__*/React.createElement(HvTypography, {
     variant: "highlightText"
   }, labels.placeholder)), [labels.placeholder]);
   return /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
@@ -99,7 +102,7 @@ const FilterContent = _ref => {
     onClickOutside: onCancelHandler,
     onContainerCreation: focusOnContainer,
     placeholder: Header,
-    adornment: /*#__PURE__*/React.createElement(Counter, null),
+    adornment: _Counter || (_Counter = /*#__PURE__*/React.createElement(Counter, null)),
     popperProps: {
       modifiers: [{
         name: "preventOverflow",
@@ -149,7 +152,7 @@ const FilterContent = _ref => {
   }, labels.cancelLabel)));
 };
-FilterContent.propTypes = {
+process.env.NODE_ENV !== "production" ? FilterContent.propTypes = {
   id: PropTypes.string,
   "aria-label": PropTypes.string,
   "aria-labelledby": PropTypes.string,
@@ -173,6 +176,6 @@ FilterContent.propTypes = {
   disablePortal: PropTypes.bool,
   escapeWithReference: PropTypes.bool,
   height: PropTypes.any
-};
+} : void 0;
 export default FilterContent;
 //# sourceMappingURL=FilterContent.js.map

package/dist/modern/FilterGroup/FilterContent/FilterContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/FilterGroup/FilterContent/FilterContent.js"],"names":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"mappings":"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","sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n id,\n status,\n disabled = false,\n\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n\n labels,\n\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n\n height,\n\n ...others\n}) => {\n const classes = useStyles();\n const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n const { filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n useContext(FilterGroupContext);\n\n const focusTarget = useRef();\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const onApplyHandler = (evt) => {\n applyFilters();\n onChange?.(evt, filterValues);\n setFilterGroupOpen(false);\n };\n\n const onCancelHandler = (evt) => {\n rollbackFilters();\n onCancel?.(evt);\n setFilterGroupOpen(false);\n };\n\n const onClearHandler = (evt) => {\n clearFilters();\n onClear?.(evt);\n };\n\n const handleToggle = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n */\n if (evt === null) return;\n setFilterGroupOpen(open);\n if (!open) onCancelHandler?.(evt);\n };\n\n const Header = useMemo(\n () => (\n <>\n <Filters />\n <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n </>\n ),\n [labels.placeholder]\n );\n\n return (\n <HvBaseDropdown\n id={setId(id, \"dropdown\")}\n role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n selection: classes.baseDropdownSelection,\n header: classes.header,\n }}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={filterGroupOpen}\n onToggle={handleToggle}\n onClickOutside={onCancelHandler}\n onContainerCreation={focusOnContainer}\n placeholder={Header}\n adornment={<Counter />}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-invalid={status === \"invalid\" ? true : undefined}\n aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n aria-describedby={\n [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() \|\| undefined\n }\n {...others}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <div className={classes.root} style={{ height }}>\n <LeftPanel id={id} className={classes.leftSidePanel} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\n </div>\n <HvActionBar className={classes.actionBar}>\n <HvButton\n id={setId(id, \"clearFilters-button\")}\n disabled={filterValues.flat().length === 0}\n category=\"ghost\"\n onClick={onClearHandler}\n >\n {labels.clearLabel}\n </HvButton>\n <div aria-hidden=\"true\" className={classes.space}>\n  \n </div>\n <HvButton\n id={setId(id, \"apply-button\")}\n disabled={applyDisabled}\n category=\"ghost\"\n onClick={onApplyHandler}\n >\n {labels.applyLabel}\n </HvButton>\n <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n {labels.cancelLabel}\n </HvButton>\n </HvActionBar>\n </HvBaseDropdown>\n );\n};\n\nFilterContent.propTypes = {\n id: PropTypes.string,\n\n \"aria-label\": PropTypes.string,\n \"aria-labelledby\": PropTypes.string,\n description: PropTypes.node,\n \"aria-describedby\": PropTypes.string,\n disabled: PropTypes.bool,\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n onChange: PropTypes.func,\n onCancel: PropTypes.func,\n onClear: PropTypes.func,\n\n labels: PropTypes.shape({\n applyLabel: PropTypes.string,\n cancelLabel: PropTypes.string,\n clearLabel: PropTypes.string,\n placeholder: PropTypes.string,\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n disablePortal: PropTypes.bool,\n escapeWithReference: PropTypes.bool,\n height: PropTypes.any,\n};\n\nexport default FilterContent;\n"],"file":"FilterContent.js"}
1	+ {"version":3,"sources":["../../../../src/FilterGroup/FilterContent/FilterContent.js"],"names":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"mappings":"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","sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n id,\n status,\n disabled = false,\n\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n\n labels,\n\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n\n height,\n\n ...others\n}) => {\n const classes = useStyles();\n const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n const { filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n useContext(FilterGroupContext);\n\n const focusTarget = useRef();\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const onApplyHandler = (evt) => {\n applyFilters();\n onChange?.(evt, filterValues);\n setFilterGroupOpen(false);\n };\n\n const onCancelHandler = (evt) => {\n rollbackFilters();\n onCancel?.(evt);\n setFilterGroupOpen(false);\n };\n\n const onClearHandler = (evt) => {\n clearFilters();\n onClear?.(evt);\n };\n\n const handleToggle = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n */\n if (evt === null) return;\n setFilterGroupOpen(open);\n if (!open) onCancelHandler?.(evt);\n };\n\n const Header = useMemo(\n () => (\n <>\n <Filters />\n <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n </>\n ),\n [labels.placeholder]\n );\n\n return (\n <HvBaseDropdown\n id={setId(id, \"dropdown\")}\n role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n selection: classes.baseDropdownSelection,\n header: classes.header,\n }}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={filterGroupOpen}\n onToggle={handleToggle}\n onClickOutside={onCancelHandler}\n onContainerCreation={focusOnContainer}\n placeholder={Header}\n adornment={<Counter />}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-invalid={status === \"invalid\" ? true : undefined}\n aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n aria-describedby={\n [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() \|\| undefined\n }\n {...others}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <div className={classes.root} style={{ height }}>\n <LeftPanel id={id} className={classes.leftSidePanel} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\n </div>\n <HvActionBar className={classes.actionBar}>\n <HvButton\n id={setId(id, \"clearFilters-button\")}\n disabled={filterValues.flat().length === 0}\n category=\"ghost\"\n onClick={onClearHandler}\n >\n {labels.clearLabel}\n </HvButton>\n <div aria-hidden=\"true\" className={classes.space}>\n  \n </div>\n <HvButton\n id={setId(id, \"apply-button\")}\n disabled={applyDisabled}\n category=\"ghost\"\n onClick={onApplyHandler}\n >\n {labels.applyLabel}\n </HvButton>\n <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n {labels.cancelLabel}\n </HvButton>\n </HvActionBar>\n </HvBaseDropdown>\n );\n};\n\nFilterContent.propTypes = {\n id: PropTypes.string,\n\n \"aria-label\": PropTypes.string,\n \"aria-labelledby\": PropTypes.string,\n description: PropTypes.node,\n \"aria-describedby\": PropTypes.string,\n disabled: PropTypes.bool,\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n onChange: PropTypes.func,\n onCancel: PropTypes.func,\n onClear: PropTypes.func,\n\n labels: PropTypes.shape({\n applyLabel: PropTypes.string,\n cancelLabel: PropTypes.string,\n clearLabel: PropTypes.string,\n placeholder: PropTypes.string,\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n disablePortal: PropTypes.bool,\n escapeWithReference: PropTypes.bool,\n height: PropTypes.any,\n};\n\nexport default FilterContent;\n"],"file":"FilterContent.js"}

package/dist/modern/FilterGroup/FilterGroup.js CHANGED Viewed

@@ -99,7 +99,7 @@ const HvFilterGroup = _ref => {
   }, validationMessage)));
 };
-HvFilterGroup.propTypes = {
+process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -269,6 +269,6 @@ HvFilterGroup.propTypes = {
    * If `true` the filter group starts opened if `false` it starts closed.
    */
   expanded: PropTypes.bool
-};
+} : void 0;
 export default HvFilterGroup;
 //# sourceMappingURL=FilterGroup.js.map

package/dist/modern/FilterGroup/FilterGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n setId,\n useLabels,\n useUniqueId,\n useControlled,\n HvFormElement,\n HvLabel,\n HvWarningText,\n HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear Filters\",\n placeholder: \"Filters\",\n searchBoxPlaceholder: \"Search\",\n selectAll: \"All\",\n multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n\n status,\n statusMessage,\n\n labels: labelsProp,\n\n value,\n filters,\n\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n\n height = 350,\n filterContentProps,\n\n ...others\n}) => {\n const classes = useStyles();\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // error message area will only be needed if the status is being controlled\n // or if required is true\n const canShowError = status !== undefined \|\| required;\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={value}\n status={status}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n {...others}\n >\n {(hasLabel \|\| hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={classes.label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <FilterGroupProvider value={value} filters={filters}>\n <FilterContent\n id={elementId}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n escapeWithReference={escapeWithReference}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n status={status}\n onChange={onChange}\n onCancel={onCancel}\n onClear={onClear}\n labels={labels}\n height={height}\n {...filterContentProps}\n />\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </FilterGroupProvider>\n </HvFormElement>\n );\n};\n\nHvFilterGroup.propTypes = {\n /*\n Class names to be applied.\n /\n className: PropTypes.string,\n\n /\n Id to be applied to the form element root node.\n /\n id: PropTypes.string,\n\n /\n The form element name.\n /\n name: PropTypes.string,\n\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label: PropTypes.node,\n /\n @ignore\n /\n \"aria-label\": PropTypes.string,\n /\n @ignore\n /\n \"aria-labelledby\": PropTypes.string,\n /\n Provide additional descriptive text for the form element.\n /\n description: PropTypes.node,\n /\n @ignore\n /\n \"aria-describedby\": PropTypes.string,\n\n /\n Indicates that the form element is disabled.\n /\n disabled: PropTypes.bool,\n /\n Indicates that user input is required on the form element.\n /\n required: PropTypes.bool,\n\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /\n The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n /\n statusMessage: PropTypes.node,\n\n /\n The callback fired when the value changes.\n /\n onChange: PropTypes.func,\n\n /\n The callback fired when the cancel button is clicked.\n /\n onCancel: PropTypes.func,\n\n /\n The callback fired when the clear filters button is clicked.\n /\n onClear: PropTypes.func,\n\n /\n An object containing all the labels for the Filter Group.\n /\n labels: PropTypes.shape({\n /\n Apply button label.\n /\n applyLabel: PropTypes.string,\n /\n Cancel button label.\n /\n cancelLabel: PropTypes.string,\n /\n Clear Filters button label.\n /\n clearLabel: PropTypes.string,\n /\n Placeholder label.\n /\n placeholder: PropTypes.string,\n /\n SearchBox placeholder label.\n /\n searchBoxPlaceholder: PropTypes.string,\n /\n Select All placeholder label.\n /\n selectAll: PropTypes.string,\n /\n Multi selection conjunction placeholder label.\n /\n multiSelectionConjunction: PropTypes.string,\n }),\n\n /\n The options of the filter group.\n /\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n name: PropTypes.string.isRequired,\n })\n ).isRequired,\n })\n ).isRequired,\n\n /\n The value of the filter group.\n /\n value: PropTypes.arrayOf(\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n ),\n /\n The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n /\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n /\n Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n /\n disablePortal: PropTypes.bool,\n /\n Sets if the filter container should be out of the screen or stay visible.\n /\n escapeWithReference: PropTypes.bool,\n\n /\n The Height of the filter panel, between 295 and 425. Defaults to 350\n /\n height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n /\n The filter content props\n /\n filterContentProps: PropTypes.object,\n\n /\n If `true` the filter group starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}
1	+ {"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n setId,\n useLabels,\n useUniqueId,\n useControlled,\n HvFormElement,\n HvLabel,\n HvWarningText,\n HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear Filters\",\n placeholder: \"Filters\",\n searchBoxPlaceholder: \"Search\",\n selectAll: \"All\",\n multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n\n status,\n statusMessage,\n\n labels: labelsProp,\n\n value,\n filters,\n\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n\n height = 350,\n filterContentProps,\n\n ...others\n}) => {\n const classes = useStyles();\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // error message area will only be needed if the status is being controlled\n // or if required is true\n const canShowError = status !== undefined \|\| required;\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={value}\n status={status}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n {...others}\n >\n {(hasLabel \|\| hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={classes.label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <FilterGroupProvider value={value} filters={filters}>\n <FilterContent\n id={elementId}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n escapeWithReference={escapeWithReference}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n status={status}\n onChange={onChange}\n onCancel={onCancel}\n onClear={onClear}\n labels={labels}\n height={height}\n {...filterContentProps}\n />\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </FilterGroupProvider>\n </HvFormElement>\n );\n};\n\nHvFilterGroup.propTypes = {\n /*\n Class names to be applied.\n /\n className: PropTypes.string,\n\n /\n Id to be applied to the form element root node.\n /\n id: PropTypes.string,\n\n /\n The form element name.\n /\n name: PropTypes.string,\n\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label: PropTypes.node,\n /\n @ignore\n /\n \"aria-label\": PropTypes.string,\n /\n @ignore\n /\n \"aria-labelledby\": PropTypes.string,\n /\n Provide additional descriptive text for the form element.\n /\n description: PropTypes.node,\n /\n @ignore\n /\n \"aria-describedby\": PropTypes.string,\n\n /\n Indicates that the form element is disabled.\n /\n disabled: PropTypes.bool,\n /\n Indicates that user input is required on the form element.\n /\n required: PropTypes.bool,\n\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /\n The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n /\n statusMessage: PropTypes.node,\n\n /\n The callback fired when the value changes.\n /\n onChange: PropTypes.func,\n\n /\n The callback fired when the cancel button is clicked.\n /\n onCancel: PropTypes.func,\n\n /\n The callback fired when the clear filters button is clicked.\n /\n onClear: PropTypes.func,\n\n /\n An object containing all the labels for the Filter Group.\n /\n labels: PropTypes.shape({\n /\n Apply button label.\n /\n applyLabel: PropTypes.string,\n /\n Cancel button label.\n /\n cancelLabel: PropTypes.string,\n /\n Clear Filters button label.\n /\n clearLabel: PropTypes.string,\n /\n Placeholder label.\n /\n placeholder: PropTypes.string,\n /\n SearchBox placeholder label.\n /\n searchBoxPlaceholder: PropTypes.string,\n /\n Select All placeholder label.\n /\n selectAll: PropTypes.string,\n /\n Multi selection conjunction placeholder label.\n /\n multiSelectionConjunction: PropTypes.string,\n }),\n\n /\n The options of the filter group.\n /\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n name: PropTypes.string.isRequired,\n })\n ).isRequired,\n })\n ).isRequired,\n\n /\n The value of the filter group.\n /\n value: PropTypes.arrayOf(\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n ),\n /\n The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n /\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n /\n Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n /\n disablePortal: PropTypes.bool,\n /\n Sets if the filter container should be out of the screen or stay visible.\n /\n escapeWithReference: PropTypes.bool,\n\n /\n The Height of the filter panel, between 295 and 425. Defaults to 350\n /\n height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n /\n The filter content props\n /\n filterContentProps: PropTypes.object,\n\n /\n If `true` the filter group starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}

package/dist/modern/FilterGroup/FilterGroupContext.js CHANGED Viewed

@@ -51,7 +51,7 @@ export const FilterGroupProvider = ({
     value: contextValue
   }, children);
 };
-FilterGroupProvider.propTypes = {
+process.env.NODE_ENV !== "production" ? FilterGroupProvider.propTypes = {
   value: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
   filters: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string.isRequired,
@@ -62,5 +62,5 @@ FilterGroupProvider.propTypes = {
     })).isRequired
   })),
   children: PropTypes.node.isRequired
-};
+} : void 0;
 //# sourceMappingURL=FilterGroupContext.js.map