@dreamcommerce/aurora 2.20.10-1 → 2.20.10

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

@@ -7,6 +7,7 @@ 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;
@@ -14,7 +15,9 @@ var useColorPicker = function useColorPicker(_ref) {
   var initialColor = _ref.initialColor,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
-      onSave = _ref.onSave;
+      onSave = _ref.onSave,
+      initialColorVariables = _ref.colorVariables,
+      isColorPickerOpened = _ref.isColorPickerOpened;
 
   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,
@@ -24,6 +27,15 @@ 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) {
@@ -38,13 +50,17 @@ var useColorPicker = function useColorPicker(_ref) {
 
   React.useEffect(function () {
     if (!initialColor) return;
-    setColor(initialColor);
+
+    if (!isEqual['default'](initialColor, prevInitalColor) && !isColorPickerOpened) {
+      setColor(initialColor);
+      setPrevInitialColor(initialColor);
+    }
   }, [initialColor]);
 
-  var _useState3 = React.useState(color),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      choosenColor = _useState4[0],
-      setChoosenColor = _useState4[1];
+  var _useState7 = React.useState(color),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      choosenColor = _useState8[0],
+      setChoosenColor = _useState8[1];
 
   var _useBestGradientColor = useColorPicker$1.useColorPicker(typeof color === 'string' ? color : color.value, setColor),
       hslArr = _useBestGradientColor.hslArr,
@@ -57,15 +73,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 _useState5 = React.useState(rgbaArr[3] * 100),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      alpha = _useState6[0],
-      setAlpha = _useState6[1];
+  var _useState9 = React.useState(rgbaArr[3] * 100),
+      _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+      alpha = _useState10[0],
+      setAlpha = _useState10[1];
 
-  var _useState7 = React.useState("".concat(alpha)),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      alphaValue = _useState8[0],
-      setAlphaValue = _useState8[1];
+  var _useState11 = React.useState("".concat(alpha)),
+      _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+      alphaValue = _useState12[0],
+      setAlphaValue = _useState12[1];
 
   var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
     changeAlphaValue(Number(event.target.value));
@@ -112,7 +128,8 @@ var useColorPicker = function useColorPicker(_ref) {
     setB: setB,
     handleCancel: handleCancel,
     handleSave: handleSave,
-    handlePickSwatch: handlePickSwatch
+    handlePickSwatch: handlePickSwatch,
+    colorVariables: colorVariables
   };
 };
 

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('./context.js');
-var pureColorPicker = require('./components/pure-color-picker.js');
+var pure_color_picker = 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 }; }
@@ -20,11 +21,18 @@ 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
+    onSave: onSave,
+    isColorPickerOpened: isColorPickerOpened
   }),
       color = _useColorPicker.color,
       setColor = _useColorPicker.setColor,
@@ -54,12 +62,14 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       setB: setB,
       handleCancel: handleCancel,
       handleSave: handleSave,
-      handlePickSwatch: handlePickSwatch
+      colorVariables: colorVariables,
+      handlePickSwatch: handlePickSwatch,
+      setIsColorPickerOpened: setIsColorPickerOpened
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables, setIsColorPickerOpened]);
   return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default['default'].createElement(pureColorPicker['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['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;"}
+{"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;"}

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 css_classes = require('../css_classes.js');
 var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
 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 css_classes = require('../css_classes.js');
 var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
 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 css_classes = require('../css_classes.js');
 var classnames = require('classnames');
+var css_classes = require('../css_classes.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 }; }

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 css_classes = require('../css_classes.js');
 var classnames = require('classnames');
-var main_module$1 = require('../../../css/controls/main.module.less.js');
+var css_classes = require('../css_classes.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 css_classes = require('../css_classes.js');
 var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
 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 css_classes = require('../css_classes.js');
 var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
 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 css_classes = require('../css_classes.js');
 var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
 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,28 +4,26 @@ 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,
-      onLock = _ref.onLock,
-      isLocked = _ref.isLocked,
+      cssClasses = _ref.cssClasses,
       onChange = _ref.onChange;
 
-  var _useToggle = use_toggle.useToggle(isLocked),
+  var _useToggle = use_toggle.useToggle(false),
       _useToggle2 = _rollupPluginBabelHelpers.slicedToArray(_useToggle, 2),
       locked = _useToggle2[0],
       toggleLock = _useToggle2[1];
@@ -41,19 +39,8 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
       setSecondControlValue = _useState4[1];
 
   React.useEffect(function () {
-    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]);
+    onChange === null || onChange === void 0 || onChange(locked);
+  }, [locked, onChange]);
 
   var setFirstControl = function setFirstControl(value) {
     setFirstControlValue(value);
@@ -71,11 +58,10 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(index['default'], {
-    spacing: 16,
-    align: stack_constants.STACK_ALIGNMENTS.end
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classnames__default['default'](css_classes.valuesSyncer, cssClasses)
   }, firstControl(firstControlValue, setFirstControl), /*#__PURE__*/React__default['default'].createElement("button", {
-    className: main_module['default'][css_classes.valuesSyncerLockButton],
+    className: 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;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;"}

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 main_module = require('../../css/controls/main.module.less.js');
 var context = require('./context.js');
+var main_module = require('../../css/controls/main.module.less.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,13 +5,12 @@ 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');
@@ -19,6 +18,7 @@ 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,7 +4,6 @@ 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');
@@ -17,9 +16,11 @@ 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 }; }
 
@@ -85,6 +86,7 @@ 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;"}
+{"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;"}

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var content = require('./content.js');
+var isEqual = require('../../../../../../external/lodash/isEqual.js');
+var omit = require('../../../../../../external/lodash/omit.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var MemoizedContent = /*#__PURE__*/React__default['default'].memo(function (props) {
+  return /*#__PURE__*/React__default['default'].createElement(content['default'], _rollupPluginBabelHelpers.objectSpread2({}, props));
+}, function (prev, curr) {
+  return isEqual['default'](omit['default'](prev, ['children']), omit['default'](curr, ['children']));
+});
+MemoizedContent.displayName;
+
+exports.MemoizedContent = MemoizedContent;
+//# sourceMappingURL=memoized_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,8CAAkD;AACxE,mBAAmB,2CAA+C;AAClE;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 css_classes = require('../../controls/css_classes.js');
 var index = require('../context/index.js');
+var css_classes = require('../../controls/css_classes.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 }; }

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var use_resize = require('../../../../hooks/use_resize.js');
-var classnames = require('classnames');
 var utilities = require('../../utilities.js');
 var constants = require('../../constants.js');
 var main_module = require('../../../../css/modal/main.module.less.js');
 var modal = require('../../components/modal.js');
+var classnames = require('classnames');
 var reactDom = require('react-dom');
 var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/hoc/relative_modal/index.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var use_resize = require('../../../../hooks/use_resize.js');
-var classnames = require('classnames');
 var utilities = require('../../utilities.js');
 var constants = require('../../constants.js');
 var main_module = require('../../../../css/modal/main.module.less.js');
 var modal = require('../../components/modal.js');
+var classnames = require('classnames');
 var reactDom = require('react-dom');
 var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/slide/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var directions = require('../../constants/directions.js');
-var use_click_outside = require('../../hooks/use_click_outside.js');
 var classnames = require('classnames');
+var use_click_outside = require('../../hooks/use_click_outside.js');
 var css_classes = require('./css_classes.js');
 var main_module = require('../../css/slide/main.module.less.js');
 

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

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

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

@@ -4,9 +4,9 @@ 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/tooltip/main.module.less.js');
+var use_toggle = require('../dropdown/hooks/use_toggle.js');
 var dropdown = require('../dropdown/components/dropdown.js');
 var css_classes = require('./css_classes.js');
 var tooltip_constants = require('./tooltip_constants.js');

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

@@ -39,7 +39,7 @@ var TreeNode = function TreeNode(_ref) {
   var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
     isLeaf: !children
-  }) : /*#__PURE__*/React__default['default'].createElement("span", {
+  }) : /*#__PURE__*/React__default['default'].createElement("div", {
     tabIndex: !children ? 0 : -1,
     className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
   }, node.label ? node.label : node.id);