@dreamcommerce/aurora 2.16.1-67 → 2.16.2

package/build/cjs/packages/aurora/src/components/grid/utils.js

@@ -2,30 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/**
- * function to build class for box, based on props
- */
-var boxSpacing = function boxSpacing(_ref) {
-  var size = _ref.size,
-      spacing = _ref.spacing,
-      horizontal = _ref.horizontal,
-      vertical = _ref.vertical;
-  return spacing || horizontal || vertical || size ? "box_spacing".concat(horizontal ? '-horizontal' : '').concat(vertical ? '-vertical' : '').concat(size ? "-".concat(size) : '') : '';
-};
-/**
- * function to build class for column, based on props
- */
-
-var columnOrderClass = function columnOrderClass(_ref2) {
-  var col = _ref2.col,
-      md = _ref2.md,
-      sm = _ref2.sm,
-      xs = _ref2.xs,
-      lg = _ref2.lg;
-  return [(xs || col) && "col_order-xs-".concat(xs || col), (sm || col) && "col_order-sm-".concat(sm || col), (md || col) && "col_order-md-".concat(md || col), (lg || col) && "col_order-lg-".concat(lg || col)].filter(function (col) {
-    return col;
-  }).join(' ');
-};
+/**
+ * function to build class for box, based on props
+ */
+const boxSpacing = ({ size, spacing, horizontal, vertical }) => spacing || horizontal || vertical || size
+    ? `box_spacing${horizontal ? '-horizontal' : ''}${vertical ? '-vertical' : ''}${size ? `-${size}` : ''}`
+    : '';
+/**
+ * function to build class for column, based on props
+ */
+const columnOrderClass = ({ col, md, sm, xs, lg }) => [
+    (xs || col) && `col_order-xs-${xs || col}`,
+    (sm || col) && `col_order-sm-${sm || col}`,
+    (md || col) && `col_order-md-${md || col}`,
+    (lg || col) && `col_order-lg-${lg || col}`
+]
+    .filter((col) => col)
+    .join(' ');
 
 exports.boxSpacing = boxSpacing;
 exports.columnOrderClass = columnOrderClass;

package/build/cjs/packages/aurora/src/components/grid/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/heading/index.js

@@ -12,27 +12,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var Heading = function Heading(_ref) {
-  var _ref$as = _ref.as,
-      as = _ref$as === void 0 ? 'h1' : _ref$as,
-      isSubheading = _ref.isSubheading,
-      withHeadline = _ref.withHeadline,
-      children = _ref.children;
-  var classes = classnames__default['default'](withHeadline && main_module['default'].head_line);
-
-  if (!isSubheading) {
-    return /*#__PURE__*/React__default['default'].createElement(index.Typography, {
-      as: as,
-      variant: as,
-      cssClasses: classes
-    }, children);
-  }
-
-  return /*#__PURE__*/React__default['default'].createElement(index.Typography, {
-    cssClasses: classes,
-    as: "span",
-    variant: "span"
-  }, children);
+const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
+    const classes = classnames__default['default'](withHeadline && main_module['default'].head_line);
+    if (!isSubheading) {
+        return (React__default['default'].createElement(index.Typography, { as: as, variant: as, cssClasses: classes }, children));
+    }
+    return (React__default['default'].createElement(index.Typography, { cssClasses: classes, as: "span", variant: "span" }, children));
 };
 
 exports.default = Heading;

package/build/cjs/packages/aurora/src/components/heading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/hint/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../dropdown/context/index.js');
 var classNames = require('../../utilities/styles/classNames.js');
 var main_module = require('../../css/hint/main.module.less.js');
@@ -15,60 +14,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Hint = function Hint(_ref) {
-  var hint = _ref.hint,
-      _ref$vPosition = _ref.vPosition,
-      vPosition = _ref$vPosition === void 0 ? 'top' : _ref$vPosition,
-      yellow = _ref.yellow,
-      _ref$hPosition = _ref.hPosition,
-      hPosition = _ref$hPosition === void 0 ? 'right' : _ref$hPosition,
-      spacingLeft = _ref.spacingLeft,
-      spacingRight = _ref.spacingRight,
-      iconClass = _ref.iconClass,
-      Icon = _ref.Icon,
-      onToggle = _ref.onToggle;
-  var wrapperRef = React.useRef(null);
-
-  var _useToggle = use_toggle.useToggle(false, onToggle),
-      _useToggle2 = _rollupPluginBabelHelpers.slicedToArray(_useToggle, 2),
-      isOpen = _useToggle2[0],
-      toggleDropdown = _useToggle2[1];
-
-  var value = React__default['default'].useMemo(function () {
-    return {
-      wrapperRef: wrapperRef,
-      isOpen: isOpen,
-      toggleDropdown: toggleDropdown
-    };
-  }, [isOpen, toggleDropdown]);
-  var containerClassName = classNames.classNames(['hint', spacingLeft && 'hint_spacing-left', spacingRight && 'hint_spacing-right'], main_module['default']);
-  var contentClassName = classNames.classNames(['hint__content', yellow && 'hint__content_yellow'], main_module['default']);
-  var IconComponent = Icon || icon_hint['default'];
-
-  var handleOnMouseEnter = function handleOnMouseEnter() {
-    toggleDropdown();
-  };
-
-  var handleOnMouseLeave = function handleOnMouseLeave() {
-    toggleDropdown();
-  };
-
-  return /*#__PURE__*/React__default['default'].createElement(index.DropdownContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: containerClassName,
-    ref: wrapperRef,
-    onMouseEnter: handleOnMouseEnter,
-    onMouseLeave: handleOnMouseLeave
-  }, /*#__PURE__*/React__default['default'].createElement(IconComponent, {
-    className: iconClass
-  }), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, {
-    cssClass: contentClassName,
-    headerComponent: "",
-    arrowSide: hPosition === 'left' ? 'right' : 'left',
-    horizontalPosition: hPosition === 'right' ? 'left' : 'right',
-    verticalPosition: vPosition === 'top' ? 'top' : 'bottom'
-  }, /*#__PURE__*/React__default['default'].createElement("span", null, hint))));
+const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', spacingLeft, spacingRight, iconClass, Icon, onToggle }) => {
+    const wrapperRef = React.useRef(null);
+    const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
+    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const containerClassName = classNames.classNames(['hint', spacingLeft && 'hint_spacing-left', spacingRight && 'hint_spacing-right'], main_module['default']);
+    const contentClassName = classNames.classNames(['hint__content', yellow && 'hint__content_yellow'], main_module['default']);
+    const IconComponent = Icon || icon_hint['default'];
+    const handleOnMouseEnter = () => {
+        toggleDropdown();
+    };
+    const handleOnMouseLeave = () => {
+        toggleDropdown();
+    };
+    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
+        React__default['default'].createElement("span", { className: containerClassName, ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
+            React__default['default'].createElement(IconComponent, { className: iconClass }),
+            React__default['default'].createElement(index$1['default'].Content, { cssClass: contentClassName, headerComponent: "", arrowSide: hPosition === 'left' ? 'right' : 'left', horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom' },
+                React__default['default'].createElement("span", null, hint)))));
 };
 
 exports.default = Hint;

package/build/cjs/packages/aurora/src/components/hint/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_input.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var with_translation = require('../../../utilities/translation/with_translation.js');
 var icon_upload = require('../../../assets/icon_upload.js');
 var css_classes = require('../css_classes.js');
@@ -14,35 +13,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ImageInput = function ImageInput(_ref) {
-  var id = _ref.id,
-      onDropFile = _ref.onDropFile,
-      onDragOver = _ref.onDragOver,
-      onDragLeave = _ref.onDragLeave,
-      allowedExtensions = _ref.allowedExtensions,
-      isDragOver = _ref.isDragOver;
-
-  var _useTranslation = useTranslation.useTranslation(),
-      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
-      t = _useTranslation2[0];
-
-  return /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: id,
-    onDrop: onDropFile,
-    onDragOver: onDragOver,
-    onDragLeave: onDragLeave,
-    className: main_module['default'][css_classes['default'].imagePickerLabel]
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: main_module['default'][css_classes['default'].imagePickerDescription]
-  }, /*#__PURE__*/React__default['default'].createElement(icon_upload['default'], {
-    className: main_module['default'][css_classes['default'].imagePickerUploadIcon]
-  }), /*#__PURE__*/React__default['default'].createElement("div", null, t('Drag a file here or browse')), /*#__PURE__*/React__default['default'].createElement("span", {
-    className: main_module['default'][css_classes['default'].imagePickerSupportedFormats]
-  }, "(", t('supported format'), ": ", allowedExtensions.map(function (extension) {
-    return "*.".concat(extension);
-  }).join(', '), ")")));
-};
-
+const ImageInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation.useTranslation();
+    return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave, className: main_module['default'][css_classes['default'].imagePickerLabel] },
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerDescription] },
+            React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].imagePickerUploadIcon] }),
+            React__default['default'].createElement("div", null, t('Drag a file here or browse')),
+            React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].imagePickerSupportedFormats] },
+                "(",
+                t('supported format'),
+                ": ",
+                allowedExtensions.map((extension) => `*.${extension}`).join(', '),
+                ")"))));
+};
 var ImageInput$1 = with_translation['default'](ImageInput);
 
 exports.default = ImageInput$1;

package/build/cjs/packages/aurora/src/components/image_picker/components/image_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_preview.js

@@ -11,22 +11,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ImagePreview = function ImagePreview(_ref) {
-  var isValid = _ref.isValid,
-      file = _ref.file,
-      onError = _ref.onError,
-      onLoad = _ref.onLoad;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: main_module['default'][css_classes['default'].imagePickerImagePreviewWrapper]
-  }, isValid ? /*#__PURE__*/React__default['default'].createElement("img", {
-    alt: "",
-    src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '',
-    onError: onError,
-    onLoad: onLoad,
-    className: main_module['default'][css_classes['default'].imagePickerImagePreview]
-  }) : /*#__PURE__*/React__default['default'].createElement(icon_wrong_file_format['default'], {
-    className: main_module['default'][css_classes['default'].imagePickerWrongFileFormatIcon]
-  }));
+const ImagePreview = ({ isValid, file, onError, onLoad }) => {
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerImagePreviewWrapper] }, isValid ? (React__default['default'].createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onError, onLoad: onLoad, className: main_module['default'][css_classes['default'].imagePickerImagePreview] })) : (React__default['default'].createElement(icon_wrong_file_format['default'], { className: main_module['default'][css_classes['default'].imagePickerWrongFileFormatIcon] }))));
 };
 
 exports.ImagePreview = ImagePreview;

package/build/cjs/packages/aurora/src/components/image_picker/components/image_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_item.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var utilities = require('@dreamcommerce/utilities');
 var icon_delete = require('../../../assets/icon_delete.js');
 var css_classes = require('../css_classes.js');
@@ -14,34 +13,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var UploadedImageItem = function UploadedImageItem(_ref) {
-  var imageSize = _ref.imageSize,
-      onFileDelete = _ref.onFileDelete,
-      isValid = _ref.isValid,
-      file = _ref.file;
-
-  var _useTranslation = useTranslation.useTranslation(),
-      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
-      t = _useTranslation2[0];
-
-  var imageName = utilities.FileUtils.getFileName(file.fileName);
-  var imageExtension = utilities.FileUtils.getFileExtension(file.fileName);
-  var imageWidth = imageSize && imageSize.width;
-  var imageHeight = imageSize && imageSize.height;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: main_module['default'][css_classes['default'].imagePickerSelectedFile]
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: main_module['default'][css_classes['default'].imagePickerSelectedFileNameWrapper]
-  }, isValid && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, utilities.FileUtils.getShortenFileName(imageName, 10, 5, 1), ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)"))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: main_module['default'][css_classes['default'].imagePickerSelectedFileRemoveWrapper]
-  }, /*#__PURE__*/React__default['default'].createElement("button", {
-    onClick: onFileDelete,
-    className: main_module['default'][css_classes['default'].imagePickerDeleteButton]
-  }, /*#__PURE__*/React__default['default'].createElement(icon_delete['default'], {
-    className: main_module['default'][css_classes['default'].imagePickerDeleteIcon]
-  }), /*#__PURE__*/React__default['default'].createElement("span", {
-    className: main_module['default'][css_classes['default'].imagePickerDeleteLabel]
-  }, t('Remove')))));
+const UploadedImageItem = ({ imageSize, onFileDelete, isValid, file }) => {
+    const [t] = useTranslation.useTranslation();
+    const imageName = utilities.FileUtils.getFileName(file.fileName);
+    const imageExtension = utilities.FileUtils.getFileExtension(file.fileName);
+    const imageWidth = imageSize && imageSize.width;
+    const imageHeight = imageSize && imageSize.height;
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerSelectedFile] },
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerSelectedFileNameWrapper] }, isValid && (React__default['default'].createElement(React__default['default'].Fragment, null,
+            utilities.FileUtils.getShortenFileName(imageName, 10, 5, 1),
+            `.${imageExtension} (${imageWidth}x${imageHeight}px)`))),
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerSelectedFileRemoveWrapper] },
+            React__default['default'].createElement("button", { onClick: onFileDelete, className: main_module['default'][css_classes['default'].imagePickerDeleteButton] },
+                React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].imagePickerDeleteIcon] }),
+                React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].imagePickerDeleteLabel] }, t('Remove'))))));
 };
 
 exports.UploadedImageItem = UploadedImageItem;

package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_item.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var imagePicker = 'image-picker';
-var CSS_CLASSES = {
-  imagePicker: "".concat(imagePicker),
-  imagePickerWrapper: "".concat(imagePicker, "__wrapper"),
-  imagePickerWrapperError: "".concat(imagePicker, "__wrapper-error"),
-  imagePickerWrapperHasFile: "".concat(imagePicker, "__wrapper-has-file"),
-  imagePickerLabel: "".concat(imagePicker, "__label"),
-  imagePickerDescription: "".concat(imagePicker, "__description"),
-  imagePickerImagePreview: "".concat(imagePicker, "__image-preview"),
-  imagePickerImagePreviewWrapper: "".concat(imagePicker, "__image-preview-wrapper"),
-  imagePickerWrongFileFormatIcon: "".concat(imagePicker, "__wrong-file-format-icon"),
-  imagePickerErrorText: "".concat(imagePicker, "__error-text"),
-  imagePickerUploadIcon: "".concat(imagePicker, "__upload-icon"),
-  imagePickerDeleteButton: "".concat(imagePicker, "__delete-button"),
-  imagePickerDeleteLabel: "".concat(imagePicker, "__delete-label"),
-  imagePickerDeleteIcon: "".concat(imagePicker, "__delete-icon"),
-  imagePickerInput: "".concat(imagePicker, "__input"),
-  imagePickerSelectedFile: "".concat(imagePicker, "__selected-file"),
-  imagePickerSelectedFileNameWrapper: "".concat(imagePicker, "__selected-file-name-wrapper"),
-  imagePickerSelectedFileRemoveWrapper: "".concat(imagePicker, "__selected-file-remove-wrapper"),
-  imagePickerSupportedFormats: "".concat(imagePicker, "__supported-formats")
+const imagePicker = 'image-picker';
+var CSS_CLASSES = {
+    imagePicker: `${imagePicker}`,
+    imagePickerWrapper: `${imagePicker}__wrapper`,
+    imagePickerWrapperError: `${imagePicker}__wrapper-error`,
+    imagePickerWrapperHasFile: `${imagePicker}__wrapper-has-file`,
+    imagePickerLabel: `${imagePicker}__label`,
+    imagePickerDescription: `${imagePicker}__description`,
+    imagePickerImagePreview: `${imagePicker}__image-preview`,
+    imagePickerImagePreviewWrapper: `${imagePicker}__image-preview-wrapper`,
+    imagePickerWrongFileFormatIcon: `${imagePicker}__wrong-file-format-icon`,
+    imagePickerErrorText: `${imagePicker}__error-text`,
+    imagePickerUploadIcon: `${imagePicker}__upload-icon`,
+    imagePickerDeleteButton: `${imagePicker}__delete-button`,
+    imagePickerDeleteLabel: `${imagePicker}__delete-label`,
+    imagePickerDeleteIcon: `${imagePicker}__delete-icon`,
+    imagePickerInput: `${imagePicker}__input`,
+    imagePickerSelectedFile: `${imagePicker}__selected-file`,
+    imagePickerSelectedFileNameWrapper: `${imagePicker}__selected-file-name-wrapper`,
+    imagePickerSelectedFileRemoveWrapper: `${imagePicker}__selected-file-remove-wrapper`,
+    imagePickerSupportedFormats: `${imagePicker}__supported-formats`
 };
 
 exports.default = CSS_CLASSES;