@dreamcommerce/aurora 2.20.8 → 2.20.9

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

@@ -9,8 +9,8 @@ var index$1 = require('../../button/index.js');
 var index = require('../../dropdown/context/index.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/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/color_picker_new/components/color-picker-inputs/color-picker-inputs.js

@@ -5,8 +5,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 main_module = require('../../../../css/color_picker_new/main.module.less.js');
 var constants = require('../../constants.js');
+var main_module = require('../../../../css/color_picker_new/main.module.less.js');
 var colorPickerInputsHex = require('./color-picker-inputs-hex.js');
 var colorPickerInputsRgba = require('./color-picker-inputs-rgba.js');
 

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

@@ -7,8 +7,8 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -6,9 +6,9 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var constants = require('../constants.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/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/color_picker_new/components/color-picker-variables.js

@@ -7,8 +7,8 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
 

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

@@ -4,16 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
+var index = require('../../dropdown/context/index.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
-var index = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
 var constants = require('../constants.js');
-var colorPickerShades = require('./color-picker-shades.js');
+var index$1 = 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 colorPickerShades = require('./color-picker-shades.js');
 var colorPickerVariables = require('./color-picker-variables.js');
-var colorPickerFooter = require('./color-picker-footer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,12 +25,20 @@ var ColorPickerContent = function ColorPickerContent() {
   var _useContext = React.useContext(context.ColorPickerNewContext),
       color = _useContext.color,
       setColor = _useContext.setColor,
-      colorVariables = _useContext.colorVariables;
+      colorVariables = _useContext.colorVariables,
+      setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
 
   var colorValue = typeof color === 'string' ? color : color.value;
+
+  var _useContext2 = React.useContext(index.DropdownContext),
+      isOpen = _useContext2.isOpen;
+
+  React.useEffect(function () {
+    setIsColorPickerOpened(!!isOpen);
+  }, [isOpen]);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__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, {
+  }, /*#__PURE__*/React__default['default'].createElement(index$1.ColorPicker, {
     value: colorValue,
     onChange: setColor,
     width: constants.COLOR_PICKER_WIDTH,

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;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;"}

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

@@ -20,7 +20,8 @@ var ColorPickerNewContext = /*#__PURE__*/React.createContext({
   setB: function setB() {},
   handleCancel: function handleCancel() {},
   handleSave: function handleSave() {},
-  handlePickSwatch: function handlePickSwatch() {}
+  handlePickSwatch: function handlePickSwatch() {},
+  setIsColorPickerOpened: function setIsColorPickerOpened() {}
 });
 
 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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
 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');
 
@@ -16,7 +16,8 @@ var useColorPicker = function useColorPicker(_ref) {
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave,
-      initialColorVariables = _ref.colorVariables;
+      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,
@@ -50,7 +51,7 @@ var useColorPicker = function useColorPicker(_ref) {
   React.useEffect(function () {
     if (!initialColor) return;
 
-    if (!isEqual['default'](initialColor, prevInitalColor)) {
+    if (!isEqual['default'](initialColor, prevInitalColor) && !isColorPickerOpened) {
       setColor(initialColor);
       setPrevInitialColor(initialColor);
     }

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,+BAA+B,8FAAkG;AACjI;AACA;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;"}
+{"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,6 +3,7 @@
 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 use_color_picker = require('./hooks/use_color_picker.js');
@@ -20,12 +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,
@@ -56,9 +63,10 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleCancel: handleCancel,
       handleSave: handleSave,
       colorVariables: colorVariables,
-      handlePickSwatch: handlePickSwatch
+      handlePickSwatch: handlePickSwatch,
+      setIsColorPickerOpened: setIsColorPickerOpened
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables]);
+  }, [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(pure_color_picker['default'], {

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;"}
+{"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/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js

@@ -5,8 +5,8 @@ import Button from '../../button/index.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
 import { ColorPickerNewContext } from '../context.js';
 import { cssColorPickerFooter } from '../css_classes.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
+import styles from '../../../css/color_picker_new/main.module.less.js';
 
 var ColorPickerFooter = function ColorPickerFooter() {
   var _useContext = useContext(DropdownContext),

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

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer } from '../../css_classes.js';
-import styles from '../../../../css/color_picker_new/main.module.less.js';
 import { COLOR_PICKER_TYPES } from '../../constants.js';
+import styles from '../../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerInputsHex } from './color-picker-inputs-hex.js';
 import { ColorPickerInputsRgba } from './color-picker-inputs-rgba.js';
 

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-shades.js

@@ -3,8 +3,8 @@ import { useTranslation } from '../../../../../../external/react-i18next/dist/es
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ColorPickerNewContext } from '../context.js';
 import { cssColorPickerSwatches, cssColorPickerSwatchesHeader, cssColorPickerSwatchesContent } from '../css_classes.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
+import styles from '../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerSwatch } from './color-picker-swatch.js';
 
 var ColorPickerShades = function ColorPickerShades() {

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatch.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import { cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchSmall, cssColorPickerSwatchFill } from '../css_classes.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
 import { COLOR_PICKER_SWATCH_SIZES } from '../constants.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
+import styles from '../../../css/color_picker_new/main.module.less.js';
 
 var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
   var color = _ref.color,

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js

@@ -3,8 +3,8 @@ import { useTranslation } from '../../../../../../external/react-i18next/dist/es
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ColorPickerNewContext } from '../context.js';
 import { cssColorPickerSwatches, cssColorPickerSwatchesHeader, cssColorPickerSwatchesHeaderIcon, cssColorPickerSwatchesHeaderIconRotate, cssColorPickerSwatchesContent, cssColorPickerSwatchesSubContent } from '../css_classes.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
+import styles from '../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerSwatch } from './color-picker-swatch.js';
 import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
 

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js

@@ -1,23 +1,32 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect } from 'react';
 import classnames from 'classnames';
+import { DropdownContext } from '../../dropdown/context/index.js';
 import { ColorPickerNewContext } from '../context.js';
 import { cssColorPickerContainer, cssColorPickerRbgcp } from '../css_classes.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
-import { ColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js';
 import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
-import { ColorPickerShades } from './color-picker-shades.js';
+import { ColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js';
+import styles from '../../../css/color_picker_new/main.module.less.js';
+import { ColorPickerFooter } from './color-picker-footer.js';
 import { ColorPickerHeader } from './color-picker-header.js';
 import { ColorPickerInputs } from './color-picker-inputs/color-picker-inputs.js';
+import { ColorPickerShades } from './color-picker-shades.js';
 import { ColorPickerVariables } from './color-picker-variables.js';
-import { ColorPickerFooter } from './color-picker-footer.js';
 
 var ColorPickerContent = function ColorPickerContent() {
   var _useContext = useContext(ColorPickerNewContext),
       color = _useContext.color,
       setColor = _useContext.setColor,
-      colorVariables = _useContext.colorVariables;
+      colorVariables = _useContext.colorVariables,
+      setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
 
   var colorValue = typeof color === 'string' ? color : color.value;
+
+  var _useContext2 = useContext(DropdownContext),
+      isOpen = _useContext2.isOpen;
+
+  useEffect(function () {
+    setIsColorPickerOpened(!!isOpen);
+  }, [isOpen]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerContainer])
   }, /*#__PURE__*/React.createElement(ColorPicker, {

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/color_picker_new/context.js

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

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts

@@ -5,8 +5,9 @@ export declare type ColorPickerHookProps = {
     onCancel?: () => void;
     onSave?: (color: IColorPickerColor) => void;
     colorVariables?: IColorPickerColorVariables;
+    isColorPickerOpened?: boolean;
 };
-declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave, colorVariables: initialColorVariables }: ColorPickerHookProps) => {
+declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave, colorVariables: initialColorVariables, isColorPickerOpened }: ColorPickerHookProps) => {
     color: ColorPickerVariable;
     setColor: (color: ColorPickerColorTypes['hex'] | ColorPickerVariable) => void;
     hex: string;

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

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
 import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
+import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
 import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
 
@@ -12,7 +12,8 @@ var useColorPicker = function useColorPicker(_ref) {
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave,
-      initialColorVariables = _ref.colorVariables;
+      initialColorVariables = _ref.colorVariables,
+      isColorPickerOpened = _ref.isColorPickerOpened;
 
   var _useState = useState({
     value: initialColor ? ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : COLOR_PICKER_INITIAL_STATE,
@@ -46,7 +47,7 @@ var useColorPicker = function useColorPicker(_ref) {
   useEffect(function () {
     if (!initialColor) return;
 
-    if (!isEqual_1(initialColor, prevInitalColor)) {
+    if (!isEqual_1(initialColor, prevInitalColor) && !isColorPickerOpened) {
       setColor(initialColor);
       setPrevInitialColor(initialColor);
     }

package/build/esm/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,mDAAmD,8FAAkG;AACrJ;AACA;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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,mDAAmD,8FAAkG;AACrJ;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/esm/packages/aurora/src/components/color_picker_new/index.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import React, { useState, useMemo } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ColorPickerNewContext } from './context.js';
 import ColorPickerNewPure from './components/pure_color_picker.js';
 import useColorPicker from './hooks/use_color_picker.js';
@@ -12,12 +13,18 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       onCancel = _ref.onCancel,
       onSave = _ref.onSave;
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isColorPickerOpened = _useState2[0],
+      setIsColorPickerOpened = _useState2[1];
+
   var _useColorPicker = useColorPicker({
     colorVariables: colorVariables,
     initialColor: initialColor,
     onChange: onChange,
     onCancel: onCancel,
-    onSave: onSave
+    onSave: onSave,
+    isColorPickerOpened: isColorPickerOpened
   }),
       color = _useColorPicker.color,
       setColor = _useColorPicker.setColor,
@@ -48,9 +55,10 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleCancel: handleCancel,
       handleSave: handleSave,
       colorVariables: colorVariables,
-      handlePickSwatch: handlePickSwatch
+      handlePickSwatch: handlePickSwatch,
+      setIsColorPickerOpened: setIsColorPickerOpened
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables, setIsColorPickerOpened]);
   return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
     value: value
   }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {

package/build/esm/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;"}
+{"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/esm/packages/aurora/src/components/color_picker_new/types.d.ts

@@ -39,6 +39,7 @@ export interface IColorPickerNewContextProps {
     handleSave: (color: IColorPickerColor) => void;
     handlePickSwatch: (color: string | ColorPickerVariable) => void;
     colorVariables?: IColorPickerColorVariables;
+    setIsColorPickerOpened: (isOpened: boolean) => void;
 }
 export declare type ColorPickerColorTypes = {
     hex: string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.20.8",
+  "version": "2.20.9",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",