@dreamcommerce/aurora 2.18.0-1 → 2.18.0-3

package/build/cjs/external/uuid/dist/esm-browser/rng.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+exports.default = rng;
+//# sourceMappingURL=rng.js.map

package/build/cjs/external/uuid/dist/esm-browser/rng.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/external/uuid/dist/esm-browser/stringify.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var validate = require('./validate.js');
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate['default'](uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+exports.default = stringify;
+//# sourceMappingURL=stringify.js.map

package/build/cjs/external/uuid/dist/esm-browser/stringify.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;"}

package/build/cjs/external/uuid/dist/esm-browser/v4.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rng = require('./rng.js');
+var stringify = require('./stringify.js');
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng['default'])(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify['default'](rnds);
+}
+
+exports.default = v4;
+//# sourceMappingURL=v4.js.map

package/build/cjs/external/uuid/dist/esm-browser/v4.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;"}

package/build/cjs/external/uuid/dist/esm-browser/validate.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var regex = require('./regex.js');
+
+function validate(uuid) {
+  return typeof uuid === 'string' && regex['default'].test(uuid);
+}
+
+exports.default = validate;
+//# sourceMappingURL=validate.js.map

package/build/cjs/external/uuid/dist/esm-browser/validate.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;"}

package/build/cjs/packages/aurora/src/assets/icon_image.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var IconImage = function IconImage(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      size = _ref.size;
+  return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
+    width: "12",
+    height: "13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)])
+  }, /*#__PURE__*/React__default['default'].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.667.5c.696 0 1.273.542 1.329 1.224l.004.11v9.333c0 .696-.541 1.273-1.224 1.329l-.11.004H1.334a1.338 1.338 0 0 1-1.329-1.224L0 11.166V1.834C0 1.137.541.56 1.224.504L1.334.5h9.333ZM10.5 2h-9v9h9V2ZM5.464 8.505 4.125 7 2.25 9.25h7.5l-2.41-3-1.876 2.255Z",
+    fill: "#3C83EC"
+  })));
+};
+
+exports.default = IconImage;
+//# sourceMappingURL=icon_image.js.map

package/build/cjs/packages/aurora/src/assets/icon_image.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;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js

@@ -42,13 +42,15 @@ var ColorPickerFooter = function ColorPickerFooter() {
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerFooter])
   }, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
-    size: "small",
-    variant: "outline",
+    variant: "link",
+    color: "secondary",
+    type: "button",
     onClick: handleCancelButton
   }, t('cancel')), /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
-    size: "small",
+    variant: "link",
+    type: "button",
     onClick: handleSaveButton
-  }, t('save')));
+  }, t('choose')));
 };
 
 exports.ColorPickerFooter = ColorPickerFooter;

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.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;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;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/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js

@@ -6,8 +6,8 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var input = require('../../../controls/components/input.js');
 var context = require('../../context.js');
-var utilities = require('../../utilities.js');
-require('@dreamcommerce/utilities');
+var utilities$1 = require('../../utilities.js');
+var utilities = require('@dreamcommerce/utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,7 +33,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
   var handleOnChange = function handleOnChange(event) {
     var inputValue = event.target.value.replace('%', '');
 
-    if (utilities.isHexChar(inputValue)) {
+    if (utilities$1.isHexChar(inputValue)) {
       setValue(inputValue);
       setColor(inputValue);
     }
@@ -60,6 +60,12 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     onChange: handleOnChange,
     onBlur: hexBlur,
     onFocus: hexFocus
+  }), /*#__PURE__*/React__default['default'].createElement(input['default'], {
+    padding: "small",
+    type: "text",
+    value: alphaValue,
+    onChange: handleOnChangeAlpha,
+    onKeyPress: utilities.InputUtils.preventTypingLetters
   }));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js

@@ -44,6 +44,12 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
       return setB(Number(e.target.value));
     },
     onKeyPress: utilities.InputUtils.preventTypingLetters
+  }), /*#__PURE__*/React__default['default'].createElement(input['default'], {
+    padding: "small",
+    type: "text",
+    value: alphaValue,
+    onChange: handleOnChangeAlpha,
+    onKeyPress: utilities.InputUtils.preventTypingLetters
   }));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js

@@ -7,14 +7,14 @@ var context = require('../context.js');
 var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
 var colorLabelInput = require('./color-label-input.js');
-var index$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
+var index = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
 var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var colorPickerFooter = require('./color-picker-footer.js');
 var colorPickerHeader = require('./color-picker-header.js');
 var colorPickerInputs = require('./color-picker-inputs/color-picker-inputs.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 var colorPickerSwatches = require('./color-picker-swatches.js');
-var index = require('../../dropdown/index.js');
+var dropdown = require('../../dropdown/components/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,12 +26,11 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
 
   var _useContext = React.useContext(context.ColorPickerNewContext),
       color = _useContext.color,
-      setColor = _useContext.setColor,
-      handleCancel = _useContext.handleCancel;
+      setColor = _useContext.setColor;
 
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPicker])
-  }, /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerInputContainer])
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer])
@@ -40,11 +39,13 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
   })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
     id: id,
     name: name
-  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, {
-    onClickOutside: handleCancel
+  }))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, {
+    shouldCloseOnClickOutside: false,
+    shouldCloseOnScroll: false,
+    shouldCloseOthersOnOpen: true
   }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
-  }, /*#__PURE__*/React__default['default'].createElement(index$1.ColorPicker, {
+  }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
     value: color,
     onChange: setColor,
     width: constants.COLOR_PICKER_WIDTH,
@@ -55,7 +56,6 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
     hideInputType: true,
     hideInputs: true,
     hidePresets: true,
-    hideOpacity: true,
     className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
   }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))));
 };

package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0FAA8F;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/input.js

@@ -35,10 +35,10 @@ var Input = function Input(_ref) {
   var _useControlContext = context.useControlContext(),
       errors = _useControlContext.errors;
 
-  var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly));
+  var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly), main_module['default'][css_classes.cssControlPreElement], preElement));
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: inputClasses
-  }, preElement && /*#__PURE__*/React__default['default'].createElement("div", null, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+  }, preElement && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
     id: id,
     name: name,
     value: value !== null && value !== void 0 ? value : '',

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

@@ -25,6 +25,7 @@ var cssControlReadonly = 'control_readonly';
 var cssControlError = 'control_error';
 var cssControlInput = 'control__input';
 var cssControlInputRemoveButton = 'control__remove-button';
+var cssControlPreElement = 'control__pre-element';
 var checkbox = 'checkbox';
 var checkboxDisabled = "".concat(checkbox, "_disabled");
 var checkboxControl = "".concat(checkbox, "__control");
@@ -68,6 +69,7 @@ exports.cssControlError = cssControlError;
 exports.cssControlFocus = cssControlFocus;
 exports.cssControlInput = cssControlInput;
 exports.cssControlInputRemoveButton = cssControlInputRemoveButton;
+exports.cssControlPreElement = cssControlPreElement;
 exports.cssControlReadonly = cssControlReadonly;
 exports.cssControlS = cssControlS;
 exports.cssControlWrapper = cssControlWrapper;

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

package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js

@@ -6,10 +6,10 @@ var React = require('react');
 var context = require('../../../color_picker/context.js');
 var use_color_picker = require('../../../color_picker/use_color_picker.js');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
-var index$4 = require('../../../color_picker/index.js');
-var index$2 = require('../../index.js');
-var index$3 = require('../../../hint/index.js');
-var index$1 = require('../../../dropdown/index.js');
+var index$3 = require('../../../color_picker/index.js');
+var index$1 = require('../../index.js');
+var index$2 = require('../../../hint/index.js');
+var dropdown = require('../../../dropdown/components/dropdown.js');
 var label = require('../../../color_picker/components/label.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -46,23 +46,23 @@ var ControlColorPicker = function ControlColorPicker(_ref) {
   });
   return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerContext.Provider, {
     value: colorPickerContext
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'], null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
     errors: errors,
     name: name,
     id: id
-  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$2['default'].Label, {
+  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Label, {
     id: id,
     isRequired: isRequired,
     additionalInfo: labelAdditionalInfo
-  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$3['default'], {
+  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
     hint: hint,
     spacingLeft: true
-  })), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
+  })), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
     name: name || '',
     isRequired: isRequired,
     id: id,
     label: label$1
-  }))), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$4.PureColorPicker, {
+  }))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$3.PureColorPicker, {
     hideChooseCancelButtons: hideChooseCancelButtons
   }))));
 };

package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
-var index$2 = require('../../index.js');
-var index$3 = require('../../../hint/index.js');
-var index$1 = require('../../../dropdown/index.js');
+var index$1 = require('../../index.js');
+var index$2 = require('../../../hint/index.js');
+var dropdown = require('../../../dropdown/components/dropdown.js');
 var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
 var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
 var range_picker = require('../../../date_picker/hoc/range_picker.js');
@@ -75,21 +75,21 @@ var ControlDatepicker = function ControlDatepicker(_ref) {
   var DatePickerComponent = DatepickerViews[type];
   return /*#__PURE__*/React__default['default'].createElement(value_controller_context['default'].Provider, {
     value: valueController
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
     errors: errors,
     name: name,
     id: id
-  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$2['default'].Label, {
+  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Label, {
     id: id,
     isRequired: isRequired,
     additionalInfo: labelAdditionalInfo
-  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$3['default'], {
+  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
     hint: hint,
     spacingLeft: true
-  })), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
+  })), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
     name: name,
     id: id
-  }))), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(DatePickerComponent, {
+  }))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(DatePickerComponent, {
     className: className,
     showButtons: showButtons,
     showDefaultRanges: showDefaultRanges
@@ -97,7 +97,7 @@ var ControlDatepicker = function ControlDatepicker(_ref) {
 };
 
 var DatePickerWithDropdown = function DatePickerWithDropdown(props) {
-  return /*#__PURE__*/React__default['default'].createElement(index$1['default'], null, /*#__PURE__*/React__default['default'].createElement(ControlDatepicker, _rollupPluginBabelHelpers.objectSpread2({}, props)));
+  return /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(ControlDatepicker, _rollupPluginBabelHelpers.objectSpread2({}, props)));
 };
 
 var index = with_translation['default'](DatePickerWithDropdown);

package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js

@@ -26,7 +26,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
       hint = _ref.hint,
       labelAdditionalInfo = _ref.labelAdditionalInfo,
       onUploaded = _ref.onUploaded,
-      onImageSizeUpdated = _ref.onImageSizeUpdated;
+      onImageSizeUpdated = _ref.onImageSizeUpdated,
+      ImageEditor = _ref.ImageEditor;
 
   var _useState = React.useState(errors),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -69,7 +70,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
     className: className,
     errors: errors,
     onUploaded: onUploaded,
-    onImageSizeUpdated: onImageSizeUpdated
+    onImageSizeUpdated: onImageSizeUpdated,
+    ImageEditor: ImageEditor
   }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null));
 };
 

package/build/cjs/packages/aurora/src/components/controls/hoc/control_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;AACA;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;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../dropdown/index.js');
+var dropdown = require('../../dropdown/components/dropdown.js');
 var constants = require('../constants.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
 var use_date_names = require('../hooks/use_date_names.js');
-var index$1 = require('./month_year_picker/index.js');
+var index = require('./month_year_picker/index.js');
 var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,12 +40,12 @@ var MonthController = function MonthController(_ref) {
     "data-test-id": constants.DATE_PICKER_TEST_ID.arrowLeft
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     className: main_module['default'][css_classes.cssDatePickerControllerTitle]
-  }, /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index['default'].Label, {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Label, {
     cssClass: animationClassName,
     label: "".concat(monthNames[month], " ").concat(year)
-  }), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, {
+  }), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, {
     portalContainer: controllerRef
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
     month: month,
     year: year
   })))), /*#__PURE__*/React__default['default'].createElement("div", {