@geneui/components 2.11.2 → 2.12.2

package/{index-135b9d17.js → Uploader/index.js}

@@ -1,35 +1,38 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useCallback, useState, useEffect, forwardRef, useMemo, useRef } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { u as uploaderConfig } from './configs-91c86664.js';
-import { q as getImageDimensions, s as stopEvent, f as fileSizeDisplay, n as noop } from './index-ac59cb10.js';
-import { Row, Col } from './Grid.js';
-import Button from './Button.js';
-import { u as useKeyDown } from './useKeyDown-38102ae7.js';
-import BusyLoader from './BusyLoader.js';
-import Icon from './Icon.js';
-import Image from './Image.js';
-import Tooltip from './Tooltip.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './globalStyling-9c60a159.js';
-import ExtendedInput from './ExtendedInput.js';
-
-const useImgDownload = () => useCallback(function (url, name) {
-  let customHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  fetch(url, {
-    headers: {
-      ...customHeaders
-    }
-  }).then(response => response.blob()).then(blob => {
-    const blobURL = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = blobURL;
-    a.download = name && name.length ? name : 'download';
-    a.click();
-  }).catch(error => console.log(error));
-}, []);
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { useState, useCallback, useEffect, forwardRef, useMemo, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { u as uploaderConfig } from '../configs-fed6ac34.js';
+import { p as getImageDimensions, s as stopEvent, f as fileSizeDisplay, n as noop } from '../index-a0e4e333.js';
+import Button from '../Button/index.js';
+import ExtendedInput from '../ExtendedInput/index.js';
+import { Row, Col } from '../Grid/index.js';
+import useKeyDown from '../hooks/useKeyDown.js';
+import useImgDownload from '../hooks/useImgDownload.js';
+import BusyLoader from '../BusyLoader/index.js';
+import Icon from '../Icon/index.js';
+import Image from '../Image/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useEllipsisDetection.js';
+import '../SuggestionList/index.js';
+import '../hooks/useClickOutside.js';
+import '../config-0ca92874.js';
+import '../Scrollbar/index.js';
+import '../Popover-f4d1cac0.js';
+import '../GeneUIProvider/index.js';
+import '../hooks/useWidth.js';
+import '../Empty/index.js';
+import '../Checkbox/index.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../guid-8ddf77b3.js';
 
+// Helpers
 const typeListReplacer = 'TYPE_LIST';
 const maxFileSizeReplacer = 'MAX_FILE_SIZE';
 const getFileByUrl = async (url, file, isImageUpload, customHeaders) => {
@@ -121,7 +124,7 @@ const getLastMod = (url, cb) => {
   });
 };
 
-var css_248z$3 = "[data-gene-ui-version=\"1.0.0\"] .media-preview-holder{background-color:#000c;color:#fff;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}[data-gene-ui-version=\"1.0.0\"] .media-preview-holder .bc-icon-close{cursor:pointer;position:absolute;right:2.2rem;top:2.2rem}[data-gene-ui-version=\"1.0.0\"] .media-preview{display:flex;flex-direction:column;margin:auto;padding:3rem 0 0;position:relative}[data-gene-ui-version=\"1.0.0\"] .media-preview .mp-title{font:600 1.4rem/1.8rem var(--font-family);left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"1.0.0\"] .mp-details{font:600 1.4rem/2rem var(--font-family);margin:.5rem 0 0}[data-gene-ui-version=\"1.0.0\"] .mp-details>li{margin:1rem 0 0}[data-gene-ui-version=\"1.0.0\"] .mp-details span{opacity:.7}[data-gene-ui-version=\"1.0.0\"] .mp-element{height:auto;max-height:calc(100vh - 20rem);max-width:100%;width:auto}";
+var css_248z$3 = "[data-gene-ui-version=\"2.12.2\"] .media-preview-holder{background-color:#000c;color:#fff;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}[data-gene-ui-version=\"2.12.2\"] .media-preview-holder .bc-icon-close{cursor:pointer;position:absolute;right:2.2rem;top:2.2rem}[data-gene-ui-version=\"2.12.2\"] .media-preview{display:flex;flex-direction:column;margin:auto;padding:3rem 0 0;position:relative}[data-gene-ui-version=\"2.12.2\"] .media-preview .mp-title{font:600 1.4rem/1.8rem var(--font-family);left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.12.2\"] .mp-details{font:600 1.4rem/2rem var(--font-family);margin:.5rem 0 0}[data-gene-ui-version=\"2.12.2\"] .mp-details>li{margin:1rem 0 0}[data-gene-ui-version=\"2.12.2\"] .mp-details span{opacity:.7}[data-gene-ui-version=\"2.12.2\"] .mp-element{height:auto;max-height:calc(100vh - 20rem);max-width:100%;width:auto}";
 styleInject(css_248z$3);
 
 function Preview(_ref) {
@@ -156,18 +159,18 @@ function Preview(_ref) {
   }, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("span", null, "Image size:"), " ", fileSizeDisplay(size), ' '), dimensions && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("span", null, "Image dimensions: "), dimensions.width, " x ", dimensions.height))));
 }
 Preview.propTypes = {
-  previewImage: propTypesExports.object.isRequired,
-  onClose: propTypesExports.func.isRequired,
-  dimensions: propTypesExports.object,
-  name: propTypesExports.string,
-  path: propTypesExports.string,
-  blob: propTypesExports.object
+  previewImage: PropTypes.object.isRequired,
+  onClose: PropTypes.func.isRequired,
+  dimensions: PropTypes.object,
+  name: PropTypes.string,
+  path: PropTypes.string,
+  blob: PropTypes.object
 };
 Preview.defaultProps = {
   dimensions: {}
 };
 
-var css_248z$2 = "[data-gene-ui-version=\"1.0.0\"] .uploaded-item{align-items:center;border-radius:.4rem;display:flex;height:2.8rem;padding:0 1px 0 .8rem;transition:background .4s,color .4s,border-color .4s;width:100%}html[dir=rtl] .uploaded-item{padding:0 .8rem 0 1px}[data-gene-ui-version=\"1.0.0\"] .uploaded-item:not(.error){cursor:pointer}[data-gene-ui-version=\"1.0.0\"] .uploaded-item>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"1.0.0\"] .uploaded-item>li.ui-title{flex:auto;overflow:hidden}[data-gene-ui-version=\"1.0.0\"] .uploaded-item .ui-preview-holder{position:relative}[data-gene-ui-version=\"1.0.0\"] .uploaded-item .ui-preview-holder small{display:block;font:700 .5rem/.9rem var(--font-family);left:0;position:absolute;text-align:center;text-transform:uppercase;top:.8rem;width:100%}[data-gene-ui-version=\"1.0.0\"] .uploaded-item .ui-title{font:600 1.4rem/normal var(--font-family);padding:0 2rem}[data-gene-ui-version=\"1.0.0\"] .uploaded-item .ui-actions-holder small{display:block;font:600 1rem/1.4rem var(--font-family);opacity:.7;padding-inline-end:.8rem;text-transform:uppercase}[data-gene-ui-version=\"1.0.0\"] .uploaded-item .ui-actions-holder .icon{cursor:pointer;transition:opacity .4s}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-light .ui-actions-holder .icon,[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-minimal .ui-actions-holder .icon{opacity:0}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-light .ui-actions-holder .icon:hover,[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-minimal .ui-actions-holder .icon:hover{opacity:1}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-light:hover,[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-minimal:hover{background:rgba(var(--background-sc-rgb),.05)}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-light:hover .ui-actions-holder .icon:not(:hover),[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-minimal:hover .ui-actions-holder .icon:not(:hover){opacity:.5}}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-light.error,[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-minimal.error{color:var(--danger)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-light.error:hover,[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-minimal.error:hover{background:rgba(var(--danger-rgb),.05)}}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-light.error .ui-actions-holder .icon:not(:hover),[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-minimal.error .ui-actions-holder .icon:not(:hover){opacity:.5}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed{border:1px solid rgba(var(--background-sc-rgb),.08);border-radius:.8rem;height:4.2rem;padding:0 .8rem 0 1.4rem}html[dir=rtl] .uploaded-item.ui-detailed{padding:0 1.4rem 0 .8rem}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed img{border-radius:.4rem;height:2.6rem;object-fit:cover;width:2.6rem}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed .ui-title{font-size:1.2rem;padding:0 1.4rem}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed .ui-actions-holder .icon{opacity:.5}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed .ui-actions-holder .icon:hover{opacity:1}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed:hover{border-color:rgba(var(--background-sc-rgb),.38)}}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed.error{border-color:rgba(var(--danger-rgb),.5)}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed.error .ui-actions-holder .icon{color:var(--danger)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed.error:hover{border-color:var(--danger)}[data-gene-ui-version=\"1.0.0\"] .uploaded-item.ui-detailed.error:hover .ui-actions-holder .icon{opacity:1}}";
+var css_248z$2 = "[data-gene-ui-version=\"2.12.2\"] .uploaded-item{align-items:center;border-radius:.4rem;display:flex;height:2.8rem;padding:0 1px 0 .8rem;transition:background .4s,color .4s,border-color .4s;width:100%}html[dir=rtl] .uploaded-item{padding:0 .8rem 0 1px}[data-gene-ui-version=\"2.12.2\"] .uploaded-item:not(.error){cursor:pointer}[data-gene-ui-version=\"2.12.2\"] .uploaded-item>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.12.2\"] .uploaded-item>li.ui-title{flex:auto;overflow:hidden}[data-gene-ui-version=\"2.12.2\"] .uploaded-item .ui-preview-holder{position:relative}[data-gene-ui-version=\"2.12.2\"] .uploaded-item .ui-preview-holder small{display:block;font:700 .5rem/.9rem var(--font-family);left:0;position:absolute;text-align:center;text-transform:uppercase;top:.8rem;width:100%}[data-gene-ui-version=\"2.12.2\"] .uploaded-item .ui-title{font:600 1.4rem/normal var(--font-family);padding:0 2rem}[data-gene-ui-version=\"2.12.2\"] .uploaded-item .ui-actions-holder small{display:block;font:600 1rem/1.4rem var(--font-family);opacity:.7;padding-inline-end:.8rem;text-transform:uppercase}[data-gene-ui-version=\"2.12.2\"] .uploaded-item .ui-actions-holder .icon{cursor:pointer;transition:opacity .4s}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-light .ui-actions-holder .icon,[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-minimal .ui-actions-holder .icon{opacity:0}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-light .ui-actions-holder .icon:hover,[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-minimal .ui-actions-holder .icon:hover{opacity:1}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-light:hover,[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-minimal:hover{background:rgba(var(--background-sc-rgb),.05)}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-light:hover .ui-actions-holder .icon:not(:hover),[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-minimal:hover .ui-actions-holder .icon:not(:hover){opacity:.5}}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-light.error,[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-minimal.error{color:var(--danger)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-light.error:hover,[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-minimal.error:hover{background:rgba(var(--danger-rgb),.05)}}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-light.error .ui-actions-holder .icon:not(:hover),[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-minimal.error .ui-actions-holder .icon:not(:hover){opacity:.5}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed{border:1px solid rgba(var(--background-sc-rgb),.08);border-radius:.8rem;height:4.2rem;padding:0 .8rem 0 1.4rem}html[dir=rtl] .uploaded-item.ui-detailed{padding:0 1.4rem 0 .8rem}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed img{border-radius:.4rem;height:2.6rem;object-fit:cover;width:2.6rem}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed .ui-title{font-size:1.2rem;padding:0 1.4rem}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed .ui-actions-holder .icon{opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed .ui-actions-holder .icon:hover{opacity:1}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed:hover{border-color:rgba(var(--background-sc-rgb),.38)}}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed.error{border-color:rgba(var(--danger-rgb),.5)}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed.error .ui-actions-holder .icon{color:var(--danger)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed.error:hover{border-color:var(--danger)}[data-gene-ui-version=\"2.12.2\"] .uploaded-item.ui-detailed.error:hover .ui-actions-holder .icon{opacity:1}}";
 styleInject(css_248z$2);
 
 function UploadedItem(_ref) {
@@ -321,20 +324,20 @@ function UploadedItem(_ref) {
   })))));
 }
 UploadedItem.propTypes = {
-  file: propTypesExports.object,
-  index: propTypesExports.number,
-  isBusy: propTypesExports.bool,
-  showTrash: propTypesExports.bool,
-  notUploadedFileList: propTypesExports.array,
-  onRemove: propTypesExports.func,
-  onRetry: propTypesExports.func,
-  retryIndex: propTypesExports.number,
-  uploadErrorText: propTypesExports.string,
-  appearance: propTypesExports.oneOf(uploaderConfig.uploadedItemsAppearance),
-  showDownloadButton: propTypesExports.bool,
-  showRemoveButton: propTypesExports.bool,
-  showResetButton: propTypesExports.bool,
-  showPreviewButton: propTypesExports.bool
+  file: PropTypes.object,
+  index: PropTypes.number,
+  isBusy: PropTypes.bool,
+  showTrash: PropTypes.bool,
+  notUploadedFileList: PropTypes.array,
+  onRemove: PropTypes.func,
+  onRetry: PropTypes.func,
+  retryIndex: PropTypes.number,
+  uploadErrorText: PropTypes.string,
+  appearance: PropTypes.oneOf(uploaderConfig.uploadedItemsAppearance),
+  showDownloadButton: PropTypes.bool,
+  showRemoveButton: PropTypes.bool,
+  showResetButton: PropTypes.bool,
+  showPreviewButton: PropTypes.bool
 };
 UploadedItem.defaultProps = {
   appearance: uploaderConfig.uploadedItemsAppearance[0],
@@ -348,7 +351,7 @@ UploadedItem.defaultProps = {
   showPreviewButton: true
 };
 
-var css_248z$1 = "[data-gene-ui-version=\"1.0.0\"] .drop-area-holder{max-width:100%;position:relative;transition:opacity .4s}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder:not(.ua-button){width:100%}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder.ua-input .uploader-chooser-holder{display:grid;grid-template-areas:\"input button\";grid-template-columns:1fr auto;position:relative}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder.ua-input .uploader-chooser-holder .input-holder{grid-area:input}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-top-right-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-top-left-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-bottom-right-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-bottom-left-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-right:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-left:0}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder.ua-input .uploader-chooser-holder .btn{grid-area:button}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-top-left-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-top-right-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-bottom-left-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-bottom-right-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-left:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-right:0}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder.ua-input .uploader-chooser-holder.dirty input[type=file]{grid-area:input}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder.ua-box .uploader-chooser-holder{padding:100% 0 0;position:relative}[data-gene-ui-version=\"1.0.0\"] .uploader-chooser-holder{display:block;transition:opacity .4s}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder.active .uploader-chooser-holder{opacity:0}[data-gene-ui-version=\"1.0.0\"] .uploader-chooser-holder input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}[data-gene-ui-version=\"1.0.0\"] .uploader-chooser-holder input[type=file]::-webkit-file-upload-button{visibility:hidden}[data-gene-ui-version=\"1.0.0\"] .drop-here-element{align-items:center;background:rgba(var(--hero-rgb),.1);border:1px dashed var(--hero);border-radius:1rem;color:var(--hero);display:flex;font:600 1.4rem/1.8rem var(--font-family);height:100%;justify-content:center;left:0;padding:0 1rem;pointer-events:none;position:absolute;top:0;transition:opacity .4s;width:100%;z-index:10}[data-gene-ui-version=\"1.0.0\"] .drop-area-holder:not(.active) .drop-here-element{opacity:0}[data-gene-ui-version=\"1.0.0\"] .ua-button .drop-here-element.cr-round,[data-gene-ui-version=\"1.0.0\"] .ua-input .drop-here-element.cr-round{border-radius:3.6rem}[data-gene-ui-version=\"1.0.0\"] .ua-button .drop-here-element.cr-smooth,[data-gene-ui-version=\"1.0.0\"] .ua-input .drop-here-element.cr-smooth{border-radius:.4rem}[data-gene-ui-version=\"1.0.0\"] .ua-cloud .drop-here-element{border-radius:.8rem}[data-gene-ui-version=\"1.0.0\"] .cloud-box-uploader{align-items:center;border:1px dashed rgba(var(--background-sc-rgb),.2);border-radius:.8rem;display:flex;flex-direction:column;font:600 2rem/2.4rem var(--font-family);justify-content:center;min-height:28rem;text-align:center;transition:background .4s,border-color .4s;width:100%}[data-gene-ui-version=\"1.0.0\"] .uploader-chooser-holder:hover .cloud-box-uploader{background:rgba(var(--hero-rgb),.02);border-color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .s-uploading .cloud-box-uploader{background:rgba(var(--background-sc-rgb),.01)}[data-gene-ui-version=\"1.0.0\"] .cloud-box-uploader.error{background:rgba(var(--danger-rgb),.02);border-color:var(--danger)}[data-gene-ui-version=\"1.0.0\"] .cloud-box-uploader>p{opacity:.8}[data-gene-ui-version=\"1.0.0\"] .cloud-box-uploader>.icon{font-size:9.6rem;margin:1rem 0 .4rem;opacity:.23}[data-gene-ui-version=\"1.0.0\"] .cloud-box-uploader>h5{font:inherit;opacity:.8}[data-gene-ui-version=\"1.0.0\"] .cloud-box-uploader>small{display:block;font:600 1.4rem/1.8rem var(--font-family);margin:1rem 0 1.5rem;opacity:.5}[data-gene-ui-version=\"1.0.0\"] .box-uploader{align-items:center;border:1px dashed rgba(var(--background-sc-rgb),.2);border-radius:1rem;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;transition:background .4s,border-color .4s;width:100%}[data-gene-ui-version=\"1.0.0\"] .uploader-chooser-holder:hover .box-uploader{background:rgba(var(--hero-rgb),.02);border-color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .s-uploading .box-uploader{border-style:solid}[data-gene-ui-version=\"1.0.0\"] .box-uploader.error{background:rgba(var(--danger-rgb),.02);border-color:var(--danger)}[data-gene-ui-version=\"1.0.0\"] .box-uploader h5{font:600 1.4rem/normal var(--font-family);margin:1rem 0 0;opacity:.8}[data-gene-ui-version=\"1.0.0\"] .box-uploader .responsive-plus-icon-holder{max-height:6.4rem;max-width:6.4rem;min-height:3.6rem;min-width:3.6rem;opacity:.2;width:23.2456140351%}[data-gene-ui-version=\"1.0.0\"] .responsive-plus-icon{padding:100% 0 0;position:relative}[data-gene-ui-version=\"1.0.0\"] .responsive-plus-icon:after,[data-gene-ui-version=\"1.0.0\"] .responsive-plus-icon:before{background:var(--background-sc);border-radius:1rem;content:\"\";display:block;left:50%;padding:7.5471698113% 0 0;position:absolute;top:50%;width:88.679245283%}[data-gene-ui-version=\"1.0.0\"] .responsive-plus-icon:before{transform:translate(-50%,-50%)}[data-gene-ui-version=\"1.0.0\"] .responsive-plus-icon:after{transform:translate(-50%,-50%) rotate(90deg)}";
+var css_248z$1 = "[data-gene-ui-version=\"2.12.2\"] .drop-area-holder{max-width:100%;position:relative;transition:opacity .4s}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder:not(.ua-button){width:100%}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder.ua-input .uploader-chooser-holder{display:grid;grid-template-areas:\"input button\";grid-template-columns:1fr auto;position:relative}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder.ua-input .uploader-chooser-holder .input-holder{grid-area:input}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-top-right-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-top-left-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-bottom-right-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-bottom-left-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-right:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back{border-left:0}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder.ua-input .uploader-chooser-holder .btn{grid-area:button}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-top-left-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-top-right-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-bottom-left-radius:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-bottom-right-radius:0}html:not([dir=rtl]) .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-left:0}html[dir=rtl] .drop-area-holder.ua-input .uploader-chooser-holder .btn{border-right:0}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder.ua-input .uploader-chooser-holder.dirty input[type=file]{grid-area:input}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder.ua-box .uploader-chooser-holder{padding:100% 0 0;position:relative}[data-gene-ui-version=\"2.12.2\"] .uploader-chooser-holder{display:block;transition:opacity .4s}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder.active .uploader-chooser-holder{opacity:0}[data-gene-ui-version=\"2.12.2\"] .uploader-chooser-holder input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}[data-gene-ui-version=\"2.12.2\"] .uploader-chooser-holder input[type=file]::-webkit-file-upload-button{visibility:hidden}[data-gene-ui-version=\"2.12.2\"] .drop-here-element{align-items:center;background:rgba(var(--hero-rgb),.1);border:1px dashed var(--hero);border-radius:1rem;color:var(--hero);display:flex;font:600 1.4rem/1.8rem var(--font-family);height:100%;justify-content:center;left:0;padding:0 1rem;pointer-events:none;position:absolute;top:0;transition:opacity .4s;width:100%;z-index:10}[data-gene-ui-version=\"2.12.2\"] .drop-area-holder:not(.active) .drop-here-element{opacity:0}[data-gene-ui-version=\"2.12.2\"] .ua-button .drop-here-element.cr-round,[data-gene-ui-version=\"2.12.2\"] .ua-input .drop-here-element.cr-round{border-radius:3.6rem}[data-gene-ui-version=\"2.12.2\"] .ua-button .drop-here-element.cr-smooth,[data-gene-ui-version=\"2.12.2\"] .ua-input .drop-here-element.cr-smooth{border-radius:.4rem}[data-gene-ui-version=\"2.12.2\"] .ua-cloud .drop-here-element{border-radius:.8rem}[data-gene-ui-version=\"2.12.2\"] .cloud-box-uploader{align-items:center;border:1px dashed rgba(var(--background-sc-rgb),.2);border-radius:.8rem;display:flex;flex-direction:column;font:600 2rem/2.4rem var(--font-family);justify-content:center;min-height:28rem;text-align:center;transition:background .4s,border-color .4s;width:100%}[data-gene-ui-version=\"2.12.2\"] .uploader-chooser-holder:hover .cloud-box-uploader{background:rgba(var(--hero-rgb),.02);border-color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .s-uploading .cloud-box-uploader{background:rgba(var(--background-sc-rgb),.01)}[data-gene-ui-version=\"2.12.2\"] .cloud-box-uploader.error{background:rgba(var(--danger-rgb),.02);border-color:var(--danger)}[data-gene-ui-version=\"2.12.2\"] .cloud-box-uploader>p{opacity:.8}[data-gene-ui-version=\"2.12.2\"] .cloud-box-uploader>.icon{font-size:9.6rem;margin:1rem 0 .4rem;opacity:.23}[data-gene-ui-version=\"2.12.2\"] .cloud-box-uploader>h5{font:inherit;opacity:.8}[data-gene-ui-version=\"2.12.2\"] .cloud-box-uploader>small{display:block;font:600 1.4rem/1.8rem var(--font-family);margin:1rem 0 1.5rem;opacity:.5}[data-gene-ui-version=\"2.12.2\"] .box-uploader{align-items:center;border:1px dashed rgba(var(--background-sc-rgb),.2);border-radius:1rem;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;transition:background .4s,border-color .4s;width:100%}[data-gene-ui-version=\"2.12.2\"] .uploader-chooser-holder:hover .box-uploader{background:rgba(var(--hero-rgb),.02);border-color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .s-uploading .box-uploader{border-style:solid}[data-gene-ui-version=\"2.12.2\"] .box-uploader.error{background:rgba(var(--danger-rgb),.02);border-color:var(--danger)}[data-gene-ui-version=\"2.12.2\"] .box-uploader h5{font:600 1.4rem/normal var(--font-family);margin:1rem 0 0;opacity:.8}[data-gene-ui-version=\"2.12.2\"] .box-uploader .responsive-plus-icon-holder{max-height:6.4rem;max-width:6.4rem;min-height:3.6rem;min-width:3.6rem;opacity:.2;width:23.2456140351%}[data-gene-ui-version=\"2.12.2\"] .responsive-plus-icon{padding:100% 0 0;position:relative}[data-gene-ui-version=\"2.12.2\"] .responsive-plus-icon:after,[data-gene-ui-version=\"2.12.2\"] .responsive-plus-icon:before{background:var(--background-sc);border-radius:1rem;content:\"\";display:block;left:50%;padding:7.5471698113% 0 0;position:absolute;top:50%;width:88.679245283%}[data-gene-ui-version=\"2.12.2\"] .responsive-plus-icon:before{transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.12.2\"] .responsive-plus-icon:after{transform:translate(-50%,-50%) rotate(90deg)}";
 styleInject(css_248z$1);
 
 const UploadView = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -455,23 +458,23 @@ const UploadView = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, dropHereLabel)));
 });
 UploadView.propTypes = {
-  appearance: propTypesExports.oneOf(uploaderConfig.uploaderAppearance),
-  immediatelyUploadAfterSelect: propTypesExports.bool,
-  onUpload: propTypesExports.func.isRequired,
-  draggable: propTypesExports.bool,
-  icon: propTypesExports.string,
+  appearance: PropTypes.oneOf(uploaderConfig.uploaderAppearance),
+  immediatelyUploadAfterSelect: PropTypes.bool,
+  onUpload: PropTypes.func.isRequired,
+  draggable: PropTypes.bool,
+  icon: PropTypes.string,
   cornerRadius: Button.propTypes.cornerRadius,
   inputCornerRadius: ExtendedInput.propTypes.cornerRadius,
-  isDisabled: propTypesExports.bool,
-  isBusy: propTypesExports.bool,
-  chooseFileLabel: propTypesExports.string,
-  browseLabel: propTypesExports.string,
-  startUploadLabel: propTypesExports.string,
-  dropHereLabel: propTypesExports.string,
-  loadingLabel: propTypesExports.string,
-  className: propTypesExports.string,
-  isValid: propTypesExports.bool,
-  typesList: propTypesExports.arrayOf(propTypesExports.string)
+  isDisabled: PropTypes.bool,
+  isBusy: PropTypes.bool,
+  chooseFileLabel: PropTypes.string,
+  browseLabel: PropTypes.string,
+  startUploadLabel: PropTypes.string,
+  dropHereLabel: PropTypes.string,
+  loadingLabel: PropTypes.string,
+  className: PropTypes.string,
+  isValid: PropTypes.bool,
+  typesList: PropTypes.arrayOf(PropTypes.string)
 };
 UploadView.defaultProps = {
   appearance: uploaderConfig.uploaderAppearance[0],
@@ -491,7 +494,7 @@ UploadView.defaultProps = {
   multiple: false
 };
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .uploader-holder{align-items:flex-start;display:flex;flex-direction:column;width:100%}[data-gene-ui-version=\"1.0.0\"] .uploader-holder .grid-child{min-height:2.8rem;position:relative}[data-gene-ui-version=\"1.0.0\"] .uploader-header{align-items:flex-start;display:flex;flex-direction:column;width:100%}[data-gene-ui-version=\"1.0.0\"] .uploader-header:not(.only-child){margin:0 0 1.4rem}[data-gene-ui-version=\"1.0.0\"] .uploader-footer{align-items:flex-start;display:flex;flex-direction:column;width:100%}[data-gene-ui-version=\"1.0.0\"] .ua-cloud>.uploader-footer{align-items:center}[data-gene-ui-version=\"1.0.0\"] .ua-input>.uploader-footer{padding:0 2rem}[data-gene-ui-version=\"1.0.0\"] .uploader-footer .uploader-footer-button{margin:1.8rem 0 0}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .uploader-holder{align-items:flex-start;display:flex;flex-direction:column;width:100%}[data-gene-ui-version=\"2.12.2\"] .uploader-holder .grid-child{min-height:2.8rem;position:relative}[data-gene-ui-version=\"2.12.2\"] .uploader-header{align-items:flex-start;display:flex;flex-direction:column;width:100%}[data-gene-ui-version=\"2.12.2\"] .uploader-header:not(.only-child){margin:0 0 1.4rem}[data-gene-ui-version=\"2.12.2\"] .uploader-footer{align-items:flex-start;display:flex;flex-direction:column;width:100%}[data-gene-ui-version=\"2.12.2\"] .ua-cloud>.uploader-footer{align-items:center}[data-gene-ui-version=\"2.12.2\"] .ua-input>.uploader-footer{padding:0 2rem}[data-gene-ui-version=\"2.12.2\"] .uploader-footer .uploader-footer-button{margin:1.8rem 0 0}";
 styleInject(css_248z);
 
 const lowGrid = 10;
@@ -770,19 +773,19 @@ Uploader.propTypes = {
   /**
    * Disable type check
    */
-  allTypesAccepted: propTypesExports.bool,
+  allTypesAccepted: PropTypes.bool,
   /**
    * Browse label text
    */
-  browseLabel: propTypesExports.string,
+  browseLabel: PropTypes.string,
   /**
    * Choose file label text
    */
-  chooseFileLabel: propTypesExports.string,
+  chooseFileLabel: PropTypes.string,
   /**
    * Your custom className, for div
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Button corner radius
    */
@@ -797,149 +800,149 @@ Uploader.propTypes = {
    * name - file/image display name,
    * id - unique identifier,
    */
-  data: propTypesExports.arrayOf(propTypesExports.shape({
-    path: propTypesExports.string,
-    name: propTypesExports.string,
-    id: propTypesExports.number
+  data: PropTypes.arrayOf(PropTypes.shape({
+    path: PropTypes.string,
+    name: PropTypes.string,
+    id: PropTypes.number
   })),
   /**
    * Delete action to process delete default data deleteAction((file: deletedFile) => void)
    */
-  deleteAction: propTypesExports.func,
+  deleteAction: PropTypes.func,
   /**
    * Drop here label text
    */
-  dropHereLabel: propTypesExports.string,
+  dropHereLabel: PropTypes.string,
   /**
    * Size error message. If in the string you write MAX_FILE_SIZE it will be replaced maxFileSize prop.
    */
-  sizeErrorMsg: propTypesExports.string,
+  sizeErrorMsg: PropTypes.string,
   /**
    * Type error message. If in the string you write TYPE_LIST it will be replaced typesList prop.
    */
-  typeErrorMsg: propTypesExports.string,
-  getInitialState: propTypesExports.func,
+  typeErrorMsg: PropTypes.string,
+  getInitialState: PropTypes.func,
   /**
    * Upload holder icon
    */
-  icon: propTypesExports.string,
+  icon: PropTypes.string,
   /**
    * Immediate upload after selecting or using the "Start Upload" button.
    */
-  immediatelyUploadAfterSelect: propTypesExports.bool,
+  immediatelyUploadAfterSelect: PropTypes.bool,
   /**
    * Information message text
    */
-  informationMessage: propTypesExports.string,
+  informationMessage: PropTypes.string,
   /**
    * Activation drugover
    */
-  isActiveDrop: propTypesExports.bool,
+  isActiveDrop: PropTypes.bool,
   /**
    * Disable uploader
    */
-  isDisabled: propTypesExports.bool,
+  isDisabled: PropTypes.bool,
   /**
    * Enable image upload mode
    */
-  isImageUpload: propTypesExports.bool,
+  isImageUpload: PropTypes.bool,
   /**
    * Loading label text
    */
-  loadingLabel: propTypesExports.string,
+  loadingLabel: PropTypes.string,
   /**
    * Max upload file size in bytes
    */
-  maxFileSize: propTypesExports.number,
+  maxFileSize: PropTypes.number,
   /**
    * File list changes handling onChange((files: fileList) => void);
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Required file
    */
-  required: propTypesExports.bool,
+  required: PropTypes.bool,
   /**
    * Show local validation errors
    */
-  showLocalErrors: propTypesExports.bool,
+  showLocalErrors: PropTypes.bool,
   /**
    * Start upload label text
    */
-  startUploadLabel: propTypesExports.string,
+  startUploadLabel: PropTypes.string,
   /**
    * Array of upload item types
    */
-  typesList: propTypesExports.arrayOf(propTypesExports.string),
+  typesList: PropTypes.arrayOf(PropTypes.string),
   /**
    * Upload file function, upload((files: {uploadedFiles, deletedFiles}) => Promise);
    */
-  upload: propTypesExports.func,
+  upload: PropTypes.func,
   /**
    * Uploaded items appearance
    */
-  uploadedItemsAppearance: propTypesExports.oneOf(uploaderConfig.uploadedItemsAppearance),
+  uploadedItemsAppearance: PropTypes.oneOf(uploaderConfig.uploadedItemsAppearance),
   /**
    * Uploader appearance
    */
-  uploaderAppearance: propTypesExports.oneOf(uploaderConfig.uploaderAppearance),
+  uploaderAppearance: PropTypes.oneOf(uploaderConfig.uploaderAppearance),
   /**
    * Upload error text showing in tooltip
    */
-  uploadErrorText: propTypesExports.string,
+  uploadErrorText: PropTypes.string,
   /**
    * Maximum upload file count
    */
-  maxFileCount: propTypesExports.number,
+  maxFileCount: PropTypes.number,
   /**
    * Control Uploader validation.
    */
-  isValid: propTypesExports.bool,
+  isValid: PropTypes.bool,
   /**
    * Show/Hide trash icon
    */
-  showTrash: propTypesExports.bool,
+  showTrash: PropTypes.bool,
   /**
    * Show/Hide Reset icon
    */
-  showResetButton: propTypesExports.bool,
+  showResetButton: PropTypes.bool,
   /**
    * Show/Hide Preview icon
    */
-  showPreviewButton: propTypesExports.bool,
+  showPreviewButton: PropTypes.bool,
   /**
    * Show/Hide Download icon
    */
-  showDownloadButton: propTypesExports.bool,
+  showDownloadButton: PropTypes.bool,
   /**
    * initialImages - an array of URL strings. Use to specify the initial value of the component.
    *
    * NOTE: previously, data property could be used to handle the component value. Now, instead
    * of using entire image objects, you can use just URL strings with images and initialImages props
    */
-  initialImages: propTypesExports.arrayOf(propTypesExports.string),
+  initialImages: PropTypes.arrayOf(PropTypes.string),
   /**
    * images - an array of URL strings; required for a controlled component
    */
-  images: propTypesExports.arrayOf(propTypesExports.string),
+  images: PropTypes.arrayOf(PropTypes.string),
   /**
    * change files size with any custom string.
    */
-  additionalContext: propTypesExports.string,
+  additionalContext: PropTypes.string,
   /**
    * multi file upload option.
    */
-  multiple: propTypesExports.bool,
+  multiple: PropTypes.bool,
   /**
    * This is for fetch image for example through this prop you can pass token.
    * Provide an Object that will spread in Request Headers:{...customHeaders} in second parameter for fetch function.
    * For example { 'Content-Type': 'application/json'} it will convert fetch(URL,{headers{'Content-Type': 'application/json'}})
    */
-  customHeaders: propTypesExports.object,
+  customHeaders: PropTypes.object,
   /**
    * set true to hide image name from preview mode.
    */
-  hideName: propTypesExports.bool,
+  hideName: PropTypes.bool,
   /**
    * metaDataHeaders is an object where type can be "LAST-MODIFIED"  (for future requirement can be added new types) and
    * formatter that returns callback function with 'last modified data string' parameter that can be formatted  and returned.
@@ -948,9 +951,9 @@ Uploader.propTypes = {
    *   formatter:(date)=>{return new Date(date).toLocaleDateString()}
    * }
    */
-  metaDataHeaders: propTypesExports.shape({
-    type: propTypesExports.string,
-    formatter: propTypesExports.func
+  metaDataHeaders: PropTypes.shape({
+    type: PropTypes.string,
+    formatter: PropTypes.func
   })
 };
 Uploader.defaultProps = {
@@ -984,4 +987,4 @@ Uploader.defaultProps = {
   hideName: false
 };
 
-export { Uploader as U, useImgDownload as u };
+export { Uploader as default };

package/{ValidatableCheckbox.js → ValidatableCheckbox/index.js}

@@ -1,23 +1,22 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { n as noop, i as interceptValue } from './index-ac59cb10.js';
-import { u as useMount } from './useMount-6fef51a5.js';
-import './configs-91c86664.js';
-import Checkbox from './Checkbox.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
+import PropTypes from 'prop-types';
+import { n as noop, i as interceptValue } from '../index-a0e4e333.js';
+import useMount from '../hooks/useMount.js';
+import '../configs-fed6ac34.js';
+import Checkbox from '../Checkbox/index.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './index-6ff23041.js';
-import './Tooltip.js';
-import './Popover-f4d1cac0.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './GeneUIProvider.js';
-import './globalStyling-9c60a159.js';
-import './style-inject.es-746bb8ed.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
+import '../index-6ff23041.js';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../GeneUIProvider/index.js';
+import '../style-inject.es-746bb8ed.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../guid-8ddf77b3.js';
 
 function checkValidation(required, isValid, checked) {
   if (isValid === false) return {
@@ -95,27 +94,27 @@ CheckboxField.propTypes = {
   /**
    * Value for checkbox
    */
-  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.bool]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   /**
    * Callback fires when checkbox changes
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Define is field required or no.
    */
-  required: propTypesExports.bool,
+  required: PropTypes.bool,
   /**
    * Callback fires when field validation state changes
    */
-  isFieldValid: propTypesExports.func,
+  isFieldValid: PropTypes.func,
   /**
    * Additional validation state
    */
-  isValid: propTypesExports.bool,
+  isValid: PropTypes.bool,
   /**
    * Allow validation without onBlur, validate field when mount
    */
-  forceAllowValidation: propTypesExports.bool
+  forceAllowValidation: PropTypes.bool
 };
 CheckboxField.defaultProps = {
   isValid: true,