@dreamcommerce/aurora 2.20.9 → 2.20.10-1

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

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+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 = 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 colorPickerShades = require('./color-picker-shades.js');
+var colorPickerVariables = require('./color-picker-variables.js');
+var dropdown = require('../../dropdown/components/dropdown.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      colorVariables = _ref.colorVariables;
+
+  var _useContext = React.useContext(context.ColorPickerNewContext),
+      color = _useContext.color,
+      setColor = _useContext.setColor;
+
+  var colorValue = typeof color === 'string' ? color : color.value;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPicker])
+  }, /*#__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])
+  }, /*#__PURE__*/React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, {
+    color: colorValue
+  })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
+    id: id,
+    name: name
+  }))), /*#__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.ColorPicker, {
+    value: colorValue,
+    onChange: setColor,
+    width: constants.COLOR_PICKER_WIDTH,
+    height: constants.COLOR_PICKER_HEIGHT,
+    hideColorTypeBtns: true,
+    hideColorGuide: true,
+    hideAdvancedSliders: true,
+    hideInputType: true,
+    hideInputs: true,
+    hidePresets: true,
+    className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
+  }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerShades.ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React__default['default'].createElement(colorPickerVariables.ColorPickerVariables, {
+    variables: colorVariables.variables
+  })), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))));
+};
+
+exports.default = ColorPickerNewPure;
+//# sourceMappingURL=pure-color-picker.js.map

package/build/{esm/external/lodash/isPlainObject.js.map → 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
+var COLOR_PICKER_INITIAL_STATE = '#000000';
 var COLOR_PICKER_WIDTH = 247;
 var COLOR_PICKER_HEIGHT = 200;
 var COLOR_PICKER_ALPHA_MAX_VALUE = 100;

package/build/cjs/packages/aurora/src/components/color_picker_new/context.js

@@ -20,8 +20,7 @@ var ColorPickerNewContext = /*#__PURE__*/React.createContext({
   setB: function setB() {},
   handleCancel: function handleCancel() {},
   handleSave: function handleSave() {},
-  handlePickSwatch: function handlePickSwatch() {},
-  setIsColorPickerOpened: function setIsColorPickerOpened() {}
+  handlePickSwatch: function handlePickSwatch() {}
 });
 
 exports.ColorPickerNewContext = ColorPickerNewContext;

package/build/cjs/packages/aurora/src/components/color_picker_new/context.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;"}
+{"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/color_picker_new/hooks/use_color_picker.js

@@ -7,7 +7,6 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var constants = require('../constants.js');
 var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
 var color_picker_utils = require('../color_picker_utils.js');
-var isEqual = require('../../../../../../external/lodash/isEqual.js');
 
 var useColorPicker = function useColorPicker(_ref) {
   var _initialColor$name;
@@ -15,9 +14,7 @@ var useColorPicker = function useColorPicker(_ref) {
   var initialColor = _ref.initialColor,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
-      onSave = _ref.onSave,
-      initialColorVariables = _ref.colorVariables,
-      isColorPickerOpened = _ref.isColorPickerOpened;
+      onSave = _ref.onSave;
 
   var _useState = React.useState({
     value: initialColor ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : constants.COLOR_PICKER_INITIAL_STATE,
@@ -27,15 +24,6 @@ var useColorPicker = function useColorPicker(_ref) {
       color = _useState2[0],
       setColorValue = _useState2[1];
 
-  var _useState3 = React.useState(initialColorVariables),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 1),
-      colorVariables = _useState4[0];
-
-  var _useState5 = React.useState(initialColor),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      prevInitalColor = _useState6[0],
-      setPrevInitialColor = _useState6[1];
-
   var setColor = function setColor(color) {
     var hexColor = color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
     setColorValue(function (prevColor) {
@@ -50,17 +38,13 @@ var useColorPicker = function useColorPicker(_ref) {
 
   React.useEffect(function () {
     if (!initialColor) return;
-
-    if (!isEqual['default'](initialColor, prevInitalColor) && !isColorPickerOpened) {
-      setColor(initialColor);
-      setPrevInitialColor(initialColor);
-    }
+    setColor(initialColor);
   }, [initialColor]);
 
-  var _useState7 = React.useState(color),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      choosenColor = _useState8[0],
-      setChoosenColor = _useState8[1];
+  var _useState3 = React.useState(color),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      choosenColor = _useState4[0],
+      setChoosenColor = _useState4[1];
 
   var _useBestGradientColor = useColorPicker$1.useColorPicker(typeof color === 'string' ? color : color.value, setColor),
       hslArr = _useBestGradientColor.hslArr,
@@ -73,15 +57,15 @@ var useColorPicker = function useColorPicker(_ref) {
   var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
   var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
 
-  var _useState9 = React.useState(rgbaArr[3] * 100),
-      _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
-      alpha = _useState10[0],
-      setAlpha = _useState10[1];
+  var _useState5 = React.useState(rgbaArr[3] * 100),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      alpha = _useState6[0],
+      setAlpha = _useState6[1];
 
-  var _useState11 = React.useState("".concat(alpha)),
-      _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
-      alphaValue = _useState12[0],
-      setAlphaValue = _useState12[1];
+  var _useState7 = React.useState("".concat(alpha)),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      alphaValue = _useState8[0],
+      setAlphaValue = _useState8[1];
 
   var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
     changeAlphaValue(Number(event.target.value));
@@ -128,8 +112,7 @@ var useColorPicker = function useColorPicker(_ref) {
     setB: setB,
     handleCancel: handleCancel,
     handleSave: handleSave,
-    handlePickSwatch: handlePickSwatch,
-    colorVariables: colorVariables
+    handlePickSwatch: handlePickSwatch
   };
 };
 

package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8FAAkG;AACjI;AACA,sBAAsB,8CAAkD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('./context.js');
-var pure_color_picker = require('./components/pure_color_picker.js');
+var pureColorPicker = require('./components/pure-color-picker.js');
 var use_color_picker = require('./hooks/use_color_picker.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,18 +20,11 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       onCancel = _ref.onCancel,
       onSave = _ref.onSave;
 
-  var _useState = React.useState(false),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      isColorPickerOpened = _useState2[0],
-      setIsColorPickerOpened = _useState2[1];
-
   var _useColorPicker = use_color_picker['default']({
-    colorVariables: colorVariables,
     initialColor: initialColor,
     onChange: onChange,
     onCancel: onCancel,
-    onSave: onSave,
-    isColorPickerOpened: isColorPickerOpened
+    onSave: onSave
   }),
       color = _useColorPicker.color,
       setColor = _useColorPicker.setColor,
@@ -62,14 +54,12 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       setB: setB,
       handleCancel: handleCancel,
       handleSave: handleSave,
-      colorVariables: colorVariables,
-      handlePickSwatch: handlePickSwatch,
-      setIsColorPickerOpened: setIsColorPickerOpened
+      handlePickSwatch: handlePickSwatch
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables, setIsColorPickerOpened]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
   return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(pureColorPicker['default'], {
     id: id,
     name: name,
     colorVariables: colorVariables

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

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
+var classnames = require('classnames');
 var main_module = require('../../../css/checkbox/main.module.less.js');
 var icon_tick = require('../../../assets/icon_tick.js');
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
+var classnames = require('classnames');
 var main_module = require('../../../css/checkbox/main.module.less.js');
 var icon_tick = require('../../../assets/icon_tick.js');
 

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var positions = require('../../../constants/positions.js');
-var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
+var classnames = require('classnames');
 var main_module = require('../../../css/controls/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
+var classnames = require('classnames');
+var main_module$1 = require('../../../css/controls/main.module.less.js');
 var main_module = require('../../../css/input/main.module.less.js');
 var context = require('../context.js');
-var main_module$1 = require('../../../css/controls/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
+var classnames = require('classnames');
 var main_module = require('../../../css/input/main.module.less.js');
 var context = require('../context.js');
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
+var classnames = require('classnames');
 var main_module = require('../../../css/radio/main.module.less.js');
 var classNames = require('../../../utilities/styles/classNames.js');
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
+var classnames = require('classnames');
 var main_module = require('../../../css/input/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -4,26 +4,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
-var css_classes = require('../css_classes.js');
 var use_toggle = require('../../dropdown/hooks/use_toggle.js');
 var lock_closed = require('../../../assets/lock_closed.js');
 var lock_opened = require('../../../assets/lock_opened.js');
+var css_classes = require('../css_classes.js');
+var stack_constants = require('../../stack/stack_constants.js');
+var index = require('../../stack/index.js');
+var main_module = require('../../../css/controls/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var ValuesSyncer = function ValuesSyncer(_ref) {
   var firstControl = _ref.firstControl,
       secondControl = _ref.secondControl,
       initialFirstValue = _ref.initialFirstValue,
       initialSecondValue = _ref.initialSecondValue,
-      cssClasses = _ref.cssClasses,
+      onLock = _ref.onLock,
+      isLocked = _ref.isLocked,
       onChange = _ref.onChange;
 
-  var _useToggle = use_toggle.useToggle(false),
+  var _useToggle = use_toggle.useToggle(isLocked),
       _useToggle2 = _rollupPluginBabelHelpers.slicedToArray(_useToggle, 2),
       locked = _useToggle2[0],
       toggleLock = _useToggle2[1];
@@ -39,8 +41,19 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
       setSecondControlValue = _useState4[1];
 
   React.useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(locked);
-  }, [locked, onChange]);
+    onLock === null || onLock === void 0 || onLock(locked);
+
+    if (locked) {
+      setSecondControlValue(firstControlValue);
+    }
+  }, [locked, onLock, firstControlValue]);
+  React.useEffect(function () {
+    onChange === null || onChange === void 0 || onChange({
+      first: firstControlValue,
+      second: secondControlValue,
+      isLocked: locked
+    });
+  }, [firstControlValue, secondControlValue]);
 
   var setFirstControl = function setFirstControl(value) {
     setFirstControlValue(value);
@@ -58,10 +71,11 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classnames__default['default'](css_classes.valuesSyncer, cssClasses)
+  return /*#__PURE__*/React__default['default'].createElement(index['default'], {
+    spacing: 16,
+    align: stack_constants.STACK_ALIGNMENTS.end
   }, firstControl(firstControlValue, setFirstControl), /*#__PURE__*/React__default['default'].createElement("button", {
-    className: css_classes.valuesSyncerLockButton,
+    className: main_module['default'][css_classes.valuesSyncerLockButton],
     "aria-label": "Lock values",
     type: "button",
     onClick: toggleLock

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

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

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var values_syncer = require('../../components/values_syncer.js');
+var index = require('../../index.js');
+var index$1 = require('../../../hint/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ControlValuesSyncer = function ControlValuesSyncer(_ref) {
+  var label = _ref.label,
+      isRequired = _ref.isRequired,
+      id = _ref.id,
+      name = _ref.name,
+      onLock = _ref.onLock,
+      hint = _ref.hint,
+      errors = _ref.errors,
+      labelAdditionalInfo = _ref.labelAdditionalInfo,
+      additionalInfo = _ref.additionalInfo,
+      firstControl = _ref.firstControl,
+      secondControl = _ref.secondControl,
+      isLocked = _ref.isLocked,
+      onChange = _ref.onChange,
+      initialFirstValue = _ref.initialFirstValue,
+      initialSecondValue = _ref.initialSecondValue;
+  return /*#__PURE__*/React__default['default'].createElement(index['default'], {
+    errors: errors,
+    name: name,
+    id: id
+  }, (label || hint) && /*#__PURE__*/React__default['default'].createElement(index['default'].Label, {
+    isRequired: isRequired,
+    id: id,
+    additionalInfo: labelAdditionalInfo
+  }, label, hint && /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
+    hint: hint,
+    spacingLeft: true
+  })), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(values_syncer['default'], {
+    firstControl: firstControl,
+    secondControl: secondControl,
+    initialFirstValue: initialFirstValue,
+    initialSecondValue: initialSecondValue,
+    onLock: onLock,
+    isLocked: isLocked,
+    onChange: onChange
+  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null), additionalInfo && /*#__PURE__*/React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo));
+};
+
+exports.default = ControlValuesSyncer;
+//# sourceMappingURL=index.js.map

package/build/{esm/external/lodash/omit.js.map → cjs/packages/aurora/src/components/controls/hoc/control_values_syncer/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;"}
+{"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;"}

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var css_classes = require('./css_classes.js');
-var context = require('./context.js');
 var main_module = require('../../css/controls/main.module.less.js');
+var context = require('./context.js');
 var input = require('./components/input.js');
 var additional_info = require('./components/additional_info.js');
 var checkbox = require('./components/checkbox.js');

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

@@ -5,10 +5,10 @@ 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 use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var index$2 = require('../../button/index.js');
 var index$1 = require('../../buttons_group/index.js');
 var index = require('../../dropdown/context/index.js');
-var use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var value_controller_context = require('../context/value_controller_context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/dropdown/components/content.js

@@ -5,12 +5,13 @@ 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 use_click_outside = require('../../../hooks/use_click_outside.js');
+var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
+var use_screen_detect = require('../../../hooks/use_screen_detect.js');
+var main_module$3 = require('../../../css/icons/main.module.less.js');
 var classnames = require('classnames');
 var reactDom = require('react-dom');
-var main_module$3 = require('../../../css/icons/main.module.less.js');
 var index = require('../context/index.js');
-var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
-var use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var with_translation = require('../../../utilities/translation/with_translation.js');
 var utilities$1 = require('@dreamcommerce/utilities');
 var reactTransitionGroup = require('react-transition-group');
@@ -18,7 +19,6 @@ var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var utilities = require('../utilities.js');
-var use_click_outside = require('../../../hooks/use_click_outside.js');
 var icon_arrow = require('../../../assets/icon_arrow.js');
 var main_module$1 = require('../../../css/hint/main.module.less.js');
 var main_module$2 = require('../../../css/tooltip/main.module.less.js');

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var use_toggle = require('../hooks/use_toggle.js');
 var index = require('../context/index.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var use_dropdowns_manager_context = require('../hooks/use_dropdowns_manager_context.js');
@@ -16,11 +17,9 @@ var label = require('./label.js');
 var link = require('./link.js');
 var list = require('./list.js');
 var option = require('./option.js');
-var use_toggle = require('../hooks/use_toggle.js');
 var option_multiple = require('./option_multiple.js');
 var search = require('./search.js');
 var select = require('./select.js');
-var memoized_content = require('./memoized_content.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -86,7 +85,6 @@ var Dropdown = function Dropdown(_ref) {
 
 Dropdown.Select = select['default'];
 Dropdown.Content = content['default'];
-Dropdown.MemoizedContent = memoized_content.MemoizedContent;
 Dropdown.ItemWithHover = item_with_hover['default'];
 Dropdown.Search = search['default'];
 Dropdown.List = list['default'];

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

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../context/index.js');
 var css_classes = require('../../controls/css_classes.js');
+var index = require('../context/index.js');
 var main_module$1 = require('../../../css/input/main.module.less.js');
 var icon_close = require('../../../assets/icon_close.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var use_values = require('../../hooks/use_values.js');
+var use_toggle = require('../../hooks/use_toggle.js');
+var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
 var index = require('../../context/index.js');
 var css_classes = require('../../css_classes.js');
 var main_module = require('../../../../css/dropdown/main.module.less.js');
 var utilities = require('../../utilities.js');
-var use_values = require('../../hooks/use_values.js');
-var use_toggle = require('../../hooks/use_toggle.js');
-var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
 var dropdown = require('../../components/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var use_value = require('../../hooks/use_value.js');
+var use_toggle = require('../../hooks/use_toggle.js');
+var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
 var index = require('../../context/index.js');
 var css_classes = require('../../css_classes.js');
 var main_module = require('../../../../css/dropdown/main.module.less.js');
 var utilities = require('../../utilities.js');
-var use_value = require('../../hooks/use_value.js');
-var use_toggle = require('../../hooks/use_toggle.js');
-var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
 var dropdown = require('../../components/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var use_toggle = require('../dropdown/hooks/use_toggle.js');
 var index = require('../dropdown/context/index.js');
 var main_module = require('../../css/hint/main.module.less.js');
 var classNames = require('../../utilities/styles/classNames.js');
 var icon_hint = require('../../assets/icon_hint.js');
-var use_toggle = require('../dropdown/hooks/use_toggle.js');
 var dropdown = require('../dropdown/components/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }