@dreamcommerce/aurora 2.16.2 → 2.16.4

package/build/cjs/packages/aurora/src/components/tree/hooks/tree_hook.js

@@ -9,12 +9,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const useTree = () => {
-    const context = React__default['default'].useContext(tree_context.TreeContext);
-    if (!context) {
-        throw new Error('useTree must be used within a TreeContextProvider');
-    }
-    return context;
+var useTree = function useTree() {
+  var context = React__default['default'].useContext(tree_context.TreeContext);
+
+  if (!context) {
+    throw new Error('useTree must be used within a TreeContextProvider');
+  }
+
+  return context;
 };
 
 exports.useTree = useTree;

package/build/cjs/packages/aurora/src/components/tree/hooks/tree_hook.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/tree/hooks/tree_node_hook.js

@@ -3,22 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var tree_hook = require('./tree_hook.js');
 
-const useTreeNode = (nodeId, props) => {
-    const treeApi = tree_hook.useTree();
-    React.useEffect(() => {
-        if (!treeApi.hasNode(nodeId))
-            treeApi.addNode({ id: nodeId, ...props });
-    });
-    React.useEffect(() => {
-        if (treeApi.hasNode(nodeId) && props)
-            treeApi.updateNode(nodeId, props);
-    }, [props === null || props === void 0 ? void 0 : props.expanded]);
-    React.useEffect(() => {
-        return () => treeApi.removeNode(nodeId);
-    }, []);
-    return treeApi.getNode(nodeId);
+var useTreeNode = function useTreeNode(nodeId, props) {
+  var treeApi = tree_hook.useTree();
+  React.useEffect(function () {
+    if (!treeApi.hasNode(nodeId)) treeApi.addNode(_rollupPluginBabelHelpers.objectSpread2({
+      id: nodeId
+    }, props));
+  });
+  React.useEffect(function () {
+    if (treeApi.hasNode(nodeId) && props) treeApi.updateNode(nodeId, props);
+  }, [props === null || props === void 0 ? void 0 : props.expanded]);
+  React.useEffect(function () {
+    return function () {
+      return treeApi.removeNode(nodeId);
+    };
+  }, []);
+  return treeApi.getNode(nodeId);
 };
 
 exports.useTreeNode = useTreeNode;

package/build/cjs/packages/aurora/src/components/tree/hooks/tree_node_hook.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;"}
+{"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;"}

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

@@ -13,10 +13,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-// eslint-disable-next-line react/display-name
-const Tree = React__default['default'].forwardRef(({ children, cssClassNames, cssStyles, onMouseEnter, onMouseLeave }, ref) => {
-    return (React__default['default'].createElement(tree_provider.TreeProvider, null,
-        React__default['default'].createElement("ul", { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref, style: cssStyles, className: classnames__default['default'](main_module['default'][css_classes.TREE_CSS_CLASSES.tree], css_classes.TREE_CSS_CLASSES.tree, cssClassNames) }, children)));
+var Tree = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      cssClassNames = _ref.cssClassNames,
+      cssStyles = _ref.cssStyles,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave;
+  return /*#__PURE__*/React__default['default'].createElement(tree_provider.TreeProvider, null, /*#__PURE__*/React__default['default'].createElement("ul", {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: ref,
+    style: cssStyles,
+    className: classnames__default['default'](main_module['default'][css_classes.TREE_CSS_CLASSES.tree], css_classes.TREE_CSS_CLASSES.tree, cssClassNames)
+  }, children));
 });
 
 exports.Tree = Tree;

package/build/cjs/packages/aurora/src/components/tree/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;"}
+{"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;"}

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

@@ -12,12 +12,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const Typography = ({ as = 'p', children, variant, weight, transform, cssClasses, color, style }) => {
-    const typographyClasses = classnames__default['default'](main_module['default'][typography_constants.TYPOGRAPHY_CSS_CLASSES.typography], as ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? main_module['default'][typography_constants.TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? main_module['default'][typography_constants.TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', color ? main_module['default'][typography_constants.TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP[color]] : '', cssClasses);
-    return React__default['default'].createElement(as, {
-        className: typographyClasses,
-        style: style
-    }, children);
+var Typography = function Typography(_ref) {
+  var _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'p' : _ref$as,
+      children = _ref.children,
+      variant = _ref.variant,
+      weight = _ref.weight,
+      transform = _ref.transform,
+      cssClasses = _ref.cssClasses,
+      color = _ref.color,
+      style = _ref.style;
+  var typographyClasses = classnames__default['default'](main_module['default'][typography_constants.TYPOGRAPHY_CSS_CLASSES.typography], as ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? main_module['default'][typography_constants.TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? main_module['default'][typography_constants.TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', color ? main_module['default'][typography_constants.TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP[color]] : '', cssClasses);
+  return /*#__PURE__*/React__default['default'].createElement(as, {
+    className: typographyClasses,
+    style: style
+  }, children);
 };
 
 exports.Typography = Typography;

package/build/cjs/packages/aurora/src/components/typography/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/typography/typography_constants.js

@@ -2,61 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const TYPOGRAPHY_COMPONENTS_TYPES = {
-    h1: 'h1',
-    h2: 'h2',
-    h3: 'h3',
-    h4: 'h4',
-    h5: 'h5',
-    h6: 'h6',
-    p: 'p',
-    span: 'span',
-    div: 'div'
-};
-const TYPOGRAPHY_TRANSFORM = {
-    uppercase: 'uppercase',
-    lowercase: 'lowercase',
-    capitalize: 'capitalize'
-};
-const TYPOGRAPHY_WEIGHT = {
-    normal: 'normal',
-    bold: 'bold',
-    semibold: 'semibold'
-};
-const typographyCssBaseClass = 'typography';
-const TYPOGRAPHY_CSS_CLASSES = {
-    typography: typographyCssBaseClass
-};
-const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = {
-    [TYPOGRAPHY_COMPONENTS_TYPES.h1]: `${typographyCssBaseClass}_h1`,
-    [TYPOGRAPHY_COMPONENTS_TYPES.h2]: `${typographyCssBaseClass}_h2`,
-    [TYPOGRAPHY_COMPONENTS_TYPES.h3]: `${typographyCssBaseClass}_h3`,
-    [TYPOGRAPHY_COMPONENTS_TYPES.h4]: `${typographyCssBaseClass}_h4`,
-    [TYPOGRAPHY_COMPONENTS_TYPES.h5]: `${typographyCssBaseClass}_h5`,
-    [TYPOGRAPHY_COMPONENTS_TYPES.h6]: `${typographyCssBaseClass}_h6`,
-    [TYPOGRAPHY_COMPONENTS_TYPES.p]: `${typographyCssBaseClass}_p`,
-    [TYPOGRAPHY_COMPONENTS_TYPES.span]: `${typographyCssBaseClass}_span`
-};
-const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = {
-    [TYPOGRAPHY_TRANSFORM.uppercase]: `${typographyCssBaseClass}_uppercase`,
-    [TYPOGRAPHY_TRANSFORM.lowercase]: `${typographyCssBaseClass}_lowercase`,
-    [TYPOGRAPHY_TRANSFORM.capitalize]: `${typographyCssBaseClass}_capitalize`
-};
-const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = {
-    [TYPOGRAPHY_WEIGHT.normal]: `${typographyCssBaseClass}_normal`,
-    [TYPOGRAPHY_WEIGHT.bold]: `${typographyCssBaseClass}_bold`,
-    [TYPOGRAPHY_WEIGHT.semibold]: `${typographyCssBaseClass}_semibold`
-};
-const TYPOGRAPHY_COLORS = {
-    dark: 'dark',
-    darkSecondary: 'darkSecondary',
-    light: 'light'
-};
-const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = {
-    [TYPOGRAPHY_COLORS.dark]: `${typographyCssBaseClass}_color_dark`,
-    [TYPOGRAPHY_COLORS.light]: `${typographyCssBaseClass}_color_light`,
-    [TYPOGRAPHY_COLORS.darkSecondary]: `${typographyCssBaseClass}_color_dark-secondary`
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var TYPOGRAPHY_COMPONENTS_TYPES = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  h5: 'h5',
+  h6: 'h6',
+  p: 'p',
+  span: 'span',
+  div: 'div'
+};
+var TYPOGRAPHY_TRANSFORM = {
+  uppercase: 'uppercase',
+  lowercase: 'lowercase',
+  capitalize: 'capitalize'
+};
+var TYPOGRAPHY_WEIGHT = {
+  normal: 'normal',
+  bold: 'bold',
+  semibold: 'semibold'
+};
+var typographyCssBaseClass = 'typography';
+var TYPOGRAPHY_CSS_CLASSES = {
+  typography: typographyCssBaseClass
+};
+var TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, TYPOGRAPHY_COMPONENTS_TYPES.h1, "".concat(typographyCssBaseClass, "_h1")), TYPOGRAPHY_COMPONENTS_TYPES.h2, "".concat(typographyCssBaseClass, "_h2")), TYPOGRAPHY_COMPONENTS_TYPES.h3, "".concat(typographyCssBaseClass, "_h3")), TYPOGRAPHY_COMPONENTS_TYPES.h4, "".concat(typographyCssBaseClass, "_h4")), TYPOGRAPHY_COMPONENTS_TYPES.h5, "".concat(typographyCssBaseClass, "_h5")), TYPOGRAPHY_COMPONENTS_TYPES.h6, "".concat(typographyCssBaseClass, "_h6")), TYPOGRAPHY_COMPONENTS_TYPES.p, "".concat(typographyCssBaseClass, "_p")), TYPOGRAPHY_COMPONENTS_TYPES.span, "".concat(typographyCssBaseClass, "_span"));
+var TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, TYPOGRAPHY_TRANSFORM.uppercase, "".concat(typographyCssBaseClass, "_uppercase")), TYPOGRAPHY_TRANSFORM.lowercase, "".concat(typographyCssBaseClass, "_lowercase")), TYPOGRAPHY_TRANSFORM.capitalize, "".concat(typographyCssBaseClass, "_capitalize"));
+var TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, TYPOGRAPHY_WEIGHT.normal, "".concat(typographyCssBaseClass, "_normal")), TYPOGRAPHY_WEIGHT.bold, "".concat(typographyCssBaseClass, "_bold")), TYPOGRAPHY_WEIGHT.semibold, "".concat(typographyCssBaseClass, "_semibold"));
+var TYPOGRAPHY_COLORS = {
+  dark: 'dark',
+  darkSecondary: 'darkSecondary',
+  light: 'light'
 };
+var TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, TYPOGRAPHY_COLORS.dark, "".concat(typographyCssBaseClass, "_color_dark")), TYPOGRAPHY_COLORS.light, "".concat(typographyCssBaseClass, "_color_light")), TYPOGRAPHY_COLORS.darkSecondary, "".concat(typographyCssBaseClass, "_color_dark-secondary"));
 
 exports.TYPOGRAPHY_COLORS = TYPOGRAPHY_COLORS;
 exports.TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP;

package/build/cjs/packages/aurora/src/components/typography/typography_constants.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;"}
+{"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;"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cssWithLoader = 'with-loader';
+var cssWithLoader = 'with-loader';
 
 exports.cssWithLoader = cssWithLoader;
 //# sourceMappingURL=css_classes.js.map

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

@@ -13,9 +13,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const WithLoader = ({ isLoading, children, size }) => {
-    return isLoading ? (React__default['default'].createElement("div", { className: classnames__default['default'](main_module['default'][css_classes.cssWithLoader]), "data-test-id": "loader" },
-        React__default['default'].createElement(index['default'], { size: size }))) : (React__default['default'].createElement(React__default['default'].Fragment, null, children));
+var WithLoader = function WithLoader(_ref) {
+  var isLoading = _ref.isLoading,
+      children = _ref.children,
+      size = _ref.size;
+  return isLoading ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classnames__default['default'](main_module['default'][css_classes.cssWithLoader]),
+    "data-test-id": "loader"
+  }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
+    size: size
+  })) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children);
 };
 
 exports.default = WithLoader;

package/build/cjs/packages/aurora/src/components/with_loader/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;"}
+{"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;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('../file_picker/constants.js');
 var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
 var index = require('../image_picker/index.js');
@@ -12,40 +13,91 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onError, onChange, onImageSizeUpdated, allowedExtensions = [
-    constants.FILES_EXTENSIONS.WEBP,
-    constants.FILES_EXTENSIONS.JPG,
-    constants.FILES_EXTENSIONS.PNG,
-    constants.FILES_EXTENSIONS.GIF,
-    constants.FILES_EXTENSIONS.SVG,
-    constants.FILES_EXTENSIONS.JPEG
-] }) => {
-    const httpApi = use_http_api.useHttpApi();
-    const pendingRequestRef = React__default['default'].useRef();
-    const initialImageFile = React.useRef();
-    const handleControlChange = async (file) => {
-        const { fileList, fileAsDataUrl } = file;
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
-        if (!fileList || !fileList.length)
-            return;
-        if (pendingRequestRef.current) {
-            pendingRequestRef.current();
-            pendingRequestRef.current = undefined;
-        }
-        const { response, cancelRequest } = httpApi.fetch({
-            url,
-            method: http_requester_contants.REQUEST_TYPES.post,
-            data: fileList[0]
-        });
-        pendingRequestRef.current = cancelRequest;
-        const data = await response;
-        onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded(data, fileList[0]);
-    };
-    React.useEffect(() => {
-        initialImageFile.current = initialFile;
-        return () => { var _a; return (_a = pendingRequestRef.current) === null || _a === void 0 ? void 0 : _a.call(pendingRequestRef); };
-    }, []);
-    return (React__default['default'].createElement(index['default'], { id: id, name: name, onChange: handleControlChange, onError: onError, errors: errors, allowedExtensions: allowedExtensions, initialFile: initialImageFile.current, onImageSizeUpdated: onImageSizeUpdated }));
+var XhrImagePicker = function XhrImagePicker(_ref) {
+  var id = _ref.id,
+      url = _ref.url,
+      name = _ref.name,
+      onUploaded = _ref.onUploaded,
+      initialFile = _ref.initialFile,
+      errors = _ref.errors,
+      onError = _ref.onError,
+      onChange = _ref.onChange,
+      onImageSizeUpdated = _ref.onImageSizeUpdated,
+      _ref$allowedExtension = _ref.allowedExtensions,
+      allowedExtensions = _ref$allowedExtension === void 0 ? [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG, constants.FILES_EXTENSIONS.JPEG] : _ref$allowedExtension;
+  var httpApi = use_http_api.useHttpApi();
+  var pendingRequestRef = React__default['default'].useRef();
+  var initialImageFile = React.useRef();
+
+  var handleControlChange = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, data;
+
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
+            onChange === null || onChange === void 0 || onChange({
+              fileList: fileList,
+              fileAsDataUrl: fileAsDataUrl
+            });
+
+            if (!(!fileList || !fileList.length)) {
+              _context.next = 4;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 4:
+            if (pendingRequestRef.current) {
+              pendingRequestRef.current();
+              pendingRequestRef.current = undefined;
+            }
+
+            _httpApi$fetch = httpApi.fetch({
+              url: url,
+              method: http_requester_contants.REQUEST_TYPES.post,
+              data: fileList[0]
+            }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
+            pendingRequestRef.current = cancelRequest;
+            _context.next = 9;
+            return response;
+
+          case 9:
+            data = _context.sent;
+            onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
+
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+
+    return function handleControlChange(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  React.useEffect(function () {
+    initialImageFile.current = initialFile;
+    return function () {
+      var _pendingRequestRef$cu;
+
+      return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
+    };
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement(index['default'], {
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: onError,
+    errors: errors,
+    allowedExtensions: allowedExtensions,
+    initialFile: initialImageFile.current,
+    onImageSizeUpdated: onImageSizeUpdated
+  });
 };
 
 exports.default = XhrImagePicker;

package/build/cjs/packages/aurora/src/components/xhr_image_picker/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;"}
+{"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;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/constants/css_theme_variables.js

@@ -2,39 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const CSS_THEME_VARIABLES = {
-    themeColor1: '#2d3748',
-    themeColor2: '#5c657e',
-    themeColor3: '#abb4cd',
-    themeColor4: '#f3f4f8',
-    themeColor5: '#135cc8',
-    themeColor6: '#3c83ec',
-    themeColor7: '#6fb9f7',
-    themeColor8: '#e60c54',
-    themeColor9: '#c433c4',
-    themeColor10: '#59687e',
-    themeColor11: '#4a456d',
-    themeColor12: '#8d84b9',
-    themeColor13: '#c1badd',
-    themeColor14: '#ff7683',
-    themeColor15: '#ebafb7',
-    themeColor16: '#ffccd3',
-    themeColor17: '#ffe6ea',
-    themeColor18: '#ffaa83',
-    themeColor19: '#ffd5b9',
-    themeColor20: '#fad961',
-    themeColor21: '#fff6cc',
-    themeColor22: '#5a9986',
-    themeColor23: '#6ebca4',
-    themeColor24: '#c2faff',
-    themeColor25: '#d0e6ff',
-    themeColor26: '#ffffff',
-    themeColor27: '#ececec',
-    themeColor28: '#617a90',
-    themeColor29: '#e1e6f3',
-    themeColor30: '#f5f7ff',
-    themeColor31: '#ebeffa',
-    themeColor32: '#c5e4da'
+var CSS_THEME_VARIABLES = {
+  themeColor1: '#2d3748',
+  themeColor2: '#5c657e',
+  themeColor3: '#abb4cd',
+  themeColor4: '#f3f4f8',
+  themeColor5: '#135cc8',
+  themeColor6: '#3c83ec',
+  themeColor7: '#6fb9f7',
+  themeColor8: '#e60c54',
+  themeColor9: '#c433c4',
+  themeColor10: '#59687e',
+  themeColor11: '#4a456d',
+  themeColor12: '#8d84b9',
+  themeColor13: '#c1badd',
+  themeColor14: '#ff7683',
+  themeColor15: '#ebafb7',
+  themeColor16: '#ffccd3',
+  themeColor17: '#ffe6ea',
+  themeColor18: '#ffaa83',
+  themeColor19: '#ffd5b9',
+  themeColor20: '#fad961',
+  themeColor21: '#fff6cc',
+  themeColor22: '#5a9986',
+  themeColor23: '#6ebca4',
+  themeColor24: '#c2faff',
+  themeColor25: '#d0e6ff',
+  themeColor26: '#ffffff',
+  themeColor27: '#ececec',
+  themeColor28: '#617a90',
+  themeColor29: '#e1e6f3',
+  themeColor30: '#f5f7ff',
+  themeColor31: '#ebeffa',
+  themeColor32: '#c5e4da'
 };
 
 exports.CSS_THEME_VARIABLES = CSS_THEME_VARIABLES;

package/build/cjs/packages/aurora/src/constants/directions.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const DIRECTION = {
-    top: 'top',
-    right: 'right',
-    bottom: 'bottom',
-    left: 'left'
+var DIRECTION = {
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left'
 };
 
 exports.DIRECTION = DIRECTION;

package/build/cjs/packages/aurora/src/constants/positions.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const VERTICAL_POSITION = {
-    top: 'top',
-    center: 'center',
-    bottom: 'bottom'
+var VERTICAL_POSITION = {
+  top: 'top',
+  center: 'center',
+  bottom: 'bottom'
 };
 
 exports.VERTICAL_POSITION = VERTICAL_POSITION;

package/build/cjs/packages/aurora/src/constants/responsive_breakpoints.js

@@ -2,33 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const SCREEN_XS = 'xs';
-const SCREEN_SM = 'sm';
-const SCREEN_MD = 'md';
-const SCREEN_LG = 'lg';
-const SCREEN_XL = 'xl';
-const breakpoints = [
-    {
-        width: 1440,
-        name: SCREEN_XL
-    },
-    {
-        width: 1200,
-        name: SCREEN_LG
-    },
-    {
-        width: 1000,
-        name: SCREEN_MD
-    },
-    {
-        width: 768,
-        name: SCREEN_SM
-    },
-    {
-        width: 576,
-        name: SCREEN_XS
-    }
-];
+var SCREEN_XS = 'xs';
+var SCREEN_SM = 'sm';
+var SCREEN_MD = 'md';
+var SCREEN_LG = 'lg';
+var SCREEN_XL = 'xl';
+var breakpoints = [{
+  width: 1440,
+  name: SCREEN_XL
+}, {
+  width: 1200,
+  name: SCREEN_LG
+}, {
+  width: 1000,
+  name: SCREEN_MD
+}, {
+  width: 768,
+  name: SCREEN_SM
+}, {
+  width: 576,
+  name: SCREEN_XS
+}];
 
 exports.SCREEN_LG = SCREEN_LG;
 exports.SCREEN_MD = SCREEN_MD;

package/build/cjs/packages/aurora/src/constants/responsive_breakpoints.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js

@@ -5,7 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
 var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n  background-color: #f3f4f8;\n  border: 1px solid #abb4cd;\n  border-radius: 2px;\n  overflow: hidden;\n}\n.main-module_accordion__header__28z7_ {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 8px;\n  font-weight: 600;\n  cursor: pointer;\n}\n.main-module_accordion__title__cZTxX {\n  max-width: calc(100% - (12px + 8px));\n  word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n  padding: 8px;\n  border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n  transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n  border: 0;\n  background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__header__28z7_ {\n  background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n  border-top: 0;\n}\n";
-var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__title":"main-module_accordion__title__cZTxX","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh","accordion_secondary":"main-module_accordion_secondary__-v9gP"};
+var cssClasses = {
+  "accordion": "main-module_accordion__qbc72",
+  "accordion__header": "main-module_accordion__header__28z7_",
+  "accordion__title": "main-module_accordion__title__cZTxX",
+  "accordion__content": "main-module_accordion__content__3c3tq",
+  "accordion__icon_rotate-180": "main-module_accordion__icon_rotate-180__1tqnh",
+  "accordion_secondary": "main-module_accordion_secondary__-v9gP"
+};
 styleInject_es['default'](css_248z);
 
 exports.default = cssClasses;

package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/breadcrumbs/main.module.less.js

@@ -5,7 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
 var css_248z = ".main-module_breadcrumbs__Ny7jG {\n  max-width: 100%;\n  overflow: auto;\n}\n.main-module_breadcrumbs__list__30iRm {\n  list-style: none;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.main-module_breadcrumbs__separator__Yvcfn {\n  -moz-user-select: none;\n   -ms-user-select: none;\n       user-select: none;\n  -webkit-user-select: none;\n}\n";
-var breadcrumbsCssClasses = {"breadcrumbs":"main-module_breadcrumbs__Ny7jG","breadcrumbs__list":"main-module_breadcrumbs__list__30iRm","breadcrumbs__separator":"main-module_breadcrumbs__separator__Yvcfn"};
+var breadcrumbsCssClasses = {
+  "breadcrumbs": "main-module_breadcrumbs__Ny7jG",
+  "breadcrumbs__list": "main-module_breadcrumbs__list__30iRm",
+  "breadcrumbs__separator": "main-module_breadcrumbs__separator__Yvcfn"
+};
 styleInject_es['default'](css_248z);
 
 exports.default = breadcrumbsCssClasses;