@dreamcommerce/aurora 3.0.0-32 → 3.0.0-320

package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var control = require('../../control/control.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var label = require('../../label/label.js');
+var xhr_image_picker = require('../../xhr_image_picker/xhr_image_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
+  var url = _ref.url,
+    label$1 = _ref.label,
+    required = _ref.required,
+    id = _ref.id,
+    name = _ref.name,
+    onChange = _ref.onChange,
+    allowedExtensions = _ref.allowedExtensions,
+    allowedExtensionsLabel = _ref.allowedExtensionsLabel,
+    initialFile = _ref.initialFile,
+    className = _ref.className,
+    errors = _ref.errors,
+    tooltip = _ref.tooltip,
+    onUploaded = _ref.onUploaded,
+    helperText = _ref.helperText,
+    onImageSizeUpdated = _ref.onImageSizeUpdated,
+    ImageEditor = _ref.ImageEditor;
+  var _useState = React.useState(errors),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    setErrors = _useState2[1];
+  var handleControlError = function handleControlError(errors) {
+    setErrors(errors);
+  };
+  var handleControlChange = function handleControlChange(file) {
+    var fileList = file.fileList,
+      fileAsDataUrl = file.fileAsDataUrl;
+    setErrors(null);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    htmlFor: id,
+    tooltip: tooltip,
+    required: required
+  }, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(xhr_image_picker.XhrImagePicker, {
+    url: url,
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: handleControlError,
+    allowedExtensions: allowedExtensions,
+    allowedExtensionsLabel: allowedExtensionsLabel,
+    initialFile: initialFile,
+    className: className,
+    errors: errors,
+    onUploaded: onUploaded,
+    onImageSizeUpdated: onImageSizeUpdated,
+    ImageEditor: ImageEditor
+  }), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null);
+};
+
+exports.XhrImagePickerControl = XhrImagePickerControl;
+//# sourceMappingURL=xhr_image_picker_control.js.map

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/divider/divider.js

@@ -5,21 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
 var divider_constants = require('./divider_constants.js');
 var divider_variants = require('./divider_variants.js');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "orientation", "color", "thickness", "variant", "decorative"];
+var _excluded = ["className", "orientation", "color", "thickness", "height", "maxHeight", "minHeight", "width", "maxWidth", "minWidth", "variant", "decorative"];
 var Divider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? divider_constants.DIVIDER_ORIENTATION.horizontal : _ref$orientation,
     color = _ref.color,
     thickness = _ref.thickness,
+    height = _ref.height,
+    maxHeight = _ref.maxHeight,
+    minHeight = _ref.minHeight,
+    width = _ref.width,
+    maxWidth = _ref.maxWidth,
+    minWidth = _ref.minWidth,
     variant = _ref.variant,
     _ref$decorative = _ref.decorative,
     decorative = _ref$decorative === void 0 ? true : _ref$decorative,
@@ -28,11 +34,19 @@ var Divider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     ref: ref,
     decorative: decorative,
     orientation: orientation,
-    className: cn.cn('aurora-shrink-0', divider_variants.dividerVariants({
+    className: cn.cn('aurora-shrink-0 aurora-grow', divider_variants.dividerVariants({
       variant: variant,
       thickness: thickness,
       orientation: orientation
-    }), className)
+    }), className),
+    style: {
+      height: height,
+      maxHeight: maxHeight,
+      minHeight: minHeight,
+      width: width,
+      maxWidth: maxWidth,
+      minWidth: minWidth
+    }
   }, props));
 });
 Divider.displayName = 'Divider';

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

package/build/cjs/packages/aurora/src/components/divider/divider_constants.js

@@ -13,6 +13,7 @@ var DIVIDER_THICKNESS = {
   8: '8'
 };
 var DIVIDER_VARIANTS = {
+  default: 'default',
   subtle: 'subtle',
   strong: 'strong',
   transparent: 'transparent'

package/build/cjs/packages/aurora/src/components/divider/divider_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;"}
+{"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/divider/divider_variants.js

@@ -10,8 +10,8 @@ var divider_constants = require('./divider_constants.js');
 var dividerVariants = index.cva('', {
   variants: {
     thickness: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_THICKNESS['1'], ''), divider_constants.DIVIDER_THICKNESS['2'], ''), divider_constants.DIVIDER_THICKNESS['4'], ''), divider_constants.DIVIDER_THICKNESS['8'], ''),
-    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), divider_constants.DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), divider_constants.DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
-    orientation: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_ORIENTATION.horizontal, ''), divider_constants.DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_VARIANTS.default, "aurora-bg-neutral-200"), divider_constants.DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), divider_constants.DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), divider_constants.DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
+    orientation: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_ORIENTATION.horizontal, 'aurora-w-full'), divider_constants.DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
   },
   compoundVariants: [{
     orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
@@ -48,7 +48,7 @@ var dividerVariants = index.cva('', {
   }],
   defaultVariants: {
     thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
-    variant: divider_constants.DIVIDER_VARIANTS.subtle,
+    variant: divider_constants.DIVIDER_VARIANTS.default,
     orientation: divider_constants.DIVIDER_ORIENTATION.horizontal
   }
 });

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var typography = require('../../typography/typography.js');
+
+var _excluded = ["children", "className"];
+var ErrorListItem = function ErrorListItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.objectSpread2({}, props), /*#__PURE__*/React.createElement(typography.Typography, {
+    color: "danger",
+    size: "s"
+  }, children));
+};
+
+exports.ErrorListItem = ErrorListItem;
+//# sourceMappingURL=error_list_item.js.map

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/error_list/error_list.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var error_list_item = require('./components/error_list_item.js');
+var error_list_variants = require('./error_list_variants.js');
+
+var _excluded = ["errors", "className"];
+var ErrorList = function ErrorList(_ref) {
+  var errors = _ref.errors,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var singleError = typeof errors === 'string';
+  if (!(errors !== null && errors !== void 0 && errors.length)) return null;
+  return /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.objectSpread2({
+    className: cn.cn(error_list_variants.errorListVariants(), className)
+  }, props), singleError ? (/*#__PURE__*/React.createElement(error_list_item.ErrorListItem, null, errors)) : errors.map(function (error, index) {
+    return /*#__PURE__*/React.createElement(error_list_item.ErrorListItem, {
+      key: "error-".concat(index)
+    }, error);
+  }));
+};
+
+exports.ErrorList = ErrorList;
+//# sourceMappingURL=error_list.js.map

package/build/cjs/packages/aurora/src/components/error_list/error_list.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/error_list/error_list_variants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+
+var errorListVariants = index.cva('aurora-m-0 aurora-p-0 aurora-list-none');
+
+exports.errorListVariants = errorListVariants;
+//# sourceMappingURL=error_list_variants.js.map

package/build/cjs/packages/aurora/src/components/error_list/error_list_variants.js.map

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

package/build/cjs/packages/aurora/src/components/helper_text/helper_text.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var typography = require('../typography/typography.js');
+
+var _excluded = ["className", "children", "color"];
+var HelperText = function HelperText(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'subtle' : _ref$color,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(typography.Typography, _rollupPluginBabelHelpers.objectSpread2({
+    size: "s",
+    color: color
+  }, props), children);
+};
+
+exports.HelperText = HelperText;
+//# sourceMappingURL=helper_text.js.map

package/build/cjs/packages/aurora/src/components/helper_text/helper_text.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+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 cn = require('../../../utilities/cn.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerDragOverPlaceholder = function ImagePickerDragOverPlaceholder() {
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-20 aurora-pointer-events-none aurora-w-full aurora-h-full')
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-text-xs aurora-text-interactive"
+  }, "".concat(t('Drop file here')))));
+};
+
+exports.ImagePickerDragOverPlaceholder = ImagePickerDragOverPlaceholder;
+//# sourceMappingURL=image_picker_drag_over_placeholder.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,47 @@
+'use strict';
+
+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 cn = require('../../../utilities/cn.js');
+var image_picker_drag_over_placeholder = require('./image_picker_drag_over_placeholder.js');
+var upload_icon = require('../../../assets/icons/upload_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerInput = function ImagePickerInput(_ref) {
+  var id = _ref.id,
+    onDropFile = _ref.onDropFile,
+    onDragOver = _ref.onDragOver,
+    onDragLeave = _ref.onDragLeave,
+    allowedExtensionsLabel = _ref.allowedExtensionsLabel,
+    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: "aurora-relative aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full aurora-cursor-pointer aurora-p-1 aurora-pb-2 aurora-group/imagePickerInput"
+  }, isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-flex aurora-flex-col aurora-items-center aurora-w-full aurora-h-full aurora-pt-4 aurora-pb-3 aurora-px-1')
+  }, /*#__PURE__*/React__default['default'].createElement(upload_icon.UploadLineIcon, {
+    className: "aurora-w-5 aurora-h-5 aurora-fill-subtle group-hover/imagePickerInput:aurora-fill-primary aurora-mb-2"
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-text-xs aurora-text-interactive aurora-font-semibold"
+  }, "".concat(t('Drag a file here or browse'))), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-text-xs aurora-text-subtle-light aurora-font-normal aurora-text-center"
+  }, "".concat(allowedExtensionsLabel ? allowedExtensionsLabel : t('Supported formats')), ":", allowedExtensions.map(function (extension) {
+    return "*.".concat(extension);
+  }).join(', '))));
+};
+
+exports.ImagePickerInput = ImagePickerInput;
+//# sourceMappingURL=image_picker_input.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerPreview = function ImagePickerPreview(_ref) {
+  var file = _ref.file,
+    onError = _ref.onError,
+    onLoad = _ref.onLoad;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
+  }, /*#__PURE__*/React__default['default'].createElement("img", {
+    className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
+    alt: file.fileName,
+    src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '',
+    onError: onError,
+    onLoad: onLoad
+  }));
+};
+
+exports.ImagePickerPreview = ImagePickerPreview;
+//# sourceMappingURL=image_picker_preview.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerPreviewContainer = function ImagePickerPreviewContainer(_ref) {
+  var classname = _ref.classname,
+    children = _ref.children,
+    onDragLeave = _ref.onDragLeave,
+    onDragOver = _ref.onDragOver,
+    onDropFile = _ref.onDropFile;
+  return /*#__PURE__*/React__default['default'].createElement("label", {
+    className: classname,
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDrop: onDropFile
+  }, children);
+};
+
+exports.ImagePickerPreviewContainer = ImagePickerPreviewContainer;
+//# sourceMappingURL=image_picker_preview_container.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,44 @@
+'use strict';
+
+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 delete_bin_icon = require('../../../assets/icons/delete_bin_icon.js');
+var utilities = require('@dreamcommerce/utilities');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var UploadedImagePickerItem = function UploadedImagePickerItem(_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: "aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis"
+  }, isValid && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, imageName, ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React__default['default'].createElement("button", {
+    "data-test-id": "image-picker-remove-button",
+    onClick: onFileDelete,
+    className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
+    type: "button"
+  }, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {
+    className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
+  }), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
+  }, "".concat(t('Remove')))));
+};
+
+exports.UploadedImagePickerItem = UploadedImagePickerItem;
+//# sourceMappingURL=uploaded_image_picker_item.js.map

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

@@ -0,0 +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;"}