@dreamcommerce/aurora 2.20.3-16 → 2.20.3-18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +23 -16
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js +2 -1
  4. package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +23 -16
  6. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js +2 -1
  8. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js.map +1 -1
  9. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -7,6 +7,7 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
7
7
  var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
8
8
  var constants = require('../constants.js');
9
9
  var color_picker_utils = require('../color_picker_utils.js');
10
+ var isEqual = require('../../../../../../external/lodash/isEqual.js');
10
11
 
11
12
  var useColorPicker = function useColorPicker(_ref) {
12
13
  var _initialColor$name;
@@ -29,14 +30,16 @@ var useColorPicker = function useColorPicker(_ref) {
29
30
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 1),
30
31
  colorVariables = _useState4[0];
31
32
 
33
+ var _useState5 = React.useState(initialColor),
34
+ _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
35
+ prevInitalColor = _useState6[0],
36
+ setPrevInitialColor = _useState6[1];
37
+
32
38
  var setColor = function setColor(color) {
33
39
  var hexColor = color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
34
40
  setColorValue(function (prevColor) {
35
41
  var _prevColor$value;
36
42
 
37
- console.log('prevColor', prevColor);
38
- console.log('hexColor', hexColor);
39
- console.log('=============================');
40
43
  return {
41
44
  value: hexColor,
42
45
  name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof color === 'string' ? '' : color === null || color === void 0 ? void 0 : color.name
@@ -46,13 +49,17 @@ var useColorPicker = function useColorPicker(_ref) {
46
49
 
47
50
  React.useEffect(function () {
48
51
  if (!initialColor) return;
49
- setColor(initialColor);
52
+
53
+ if (!isEqual['default'](initialColor, prevInitalColor)) {
54
+ setColor(initialColor);
55
+ setPrevInitialColor(initialColor);
56
+ }
50
57
  }, [initialColor]);
51
58
 
52
- var _useState5 = React.useState(color),
53
- _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
54
- choosenColor = _useState6[0],
55
- setChoosenColor = _useState6[1];
59
+ var _useState7 = React.useState(color),
60
+ _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
61
+ choosenColor = _useState8[0],
62
+ setChoosenColor = _useState8[1];
56
63
 
57
64
  var _useBestGradientColor = useColorPicker$1.useColorPicker(typeof color === 'string' ? color : color.value, setColor),
58
65
  hslArr = _useBestGradientColor.hslArr,
@@ -65,15 +72,15 @@ var useColorPicker = function useColorPicker(_ref) {
65
72
  var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
66
73
  var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
67
74
 
68
- var _useState7 = React.useState(rgbaArr[3] * 100),
69
- _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
70
- alpha = _useState8[0],
71
- setAlpha = _useState8[1];
72
-
73
- var _useState9 = React.useState("".concat(alpha)),
75
+ var _useState9 = React.useState(rgbaArr[3] * 100),
74
76
  _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
75
- alphaValue = _useState10[0],
76
- setAlphaValue = _useState10[1];
77
+ alpha = _useState10[0],
78
+ setAlpha = _useState10[1];
79
+
80
+ var _useState11 = React.useState("".concat(alpha)),
81
+ _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
82
+ alphaValue = _useState12[0],
83
+ setAlphaValue = _useState12[1];
77
84
 
78
85
  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
79
86
  changeAlphaValue(Number(event.target.value));
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map CHANGED
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js CHANGED
@@ -35,12 +35,13 @@ var useDropdownsManager = function useDropdownsManager() {
35
35
  };
36
36
 
37
37
  var closeAllDropdowns = function closeAllDropdowns() {
38
+ console.log('closeAll 1', dropdownsStack);
38
39
  setDropdownsStack(function (previousStack) {
39
40
  var updatedStack = previousStack.map(function (stackDropdown) {
40
41
  stackDropdown.isOpen = false;
41
42
  return stackDropdown;
42
43
  });
43
- console.log('closeAll', previousStack);
44
+ console.log('closeAll 2', previousStack);
44
45
  return updatedStack;
45
46
  });
46
47
  };
package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -3,6 +3,7 @@ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rol
3
3
  import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
4
4
  import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
5
5
  import { ColorPickerUtils } from '../color_picker_utils.js';
6
+ import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
6
7
 
7
8
  var useColorPicker = function useColorPicker(_ref) {
8
9
  var _initialColor$name;
@@ -25,14 +26,16 @@ var useColorPicker = function useColorPicker(_ref) {
25
26
  _useState4 = _slicedToArray(_useState3, 1),
26
27
  colorVariables = _useState4[0];
27
28
 
29
+ var _useState5 = useState(initialColor),
30
+ _useState6 = _slicedToArray(_useState5, 2),
31
+ prevInitalColor = _useState6[0],
32
+ setPrevInitialColor = _useState6[1];
33
+
28
34
  var setColor = function setColor(color) {
29
35
  var hexColor = ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
30
36
  setColorValue(function (prevColor) {
31
37
  var _prevColor$value;
32
38
 
33
- console.log('prevColor', prevColor);
34
- console.log('hexColor', hexColor);
35
- console.log('=============================');
36
39
  return {
37
40
  value: hexColor,
38
41
  name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof color === 'string' ? '' : color === null || color === void 0 ? void 0 : color.name
@@ -42,13 +45,17 @@ var useColorPicker = function useColorPicker(_ref) {
42
45
 
43
46
  useEffect(function () {
44
47
  if (!initialColor) return;
45
- setColor(initialColor);
48
+
49
+ if (!isEqual_1(initialColor, prevInitalColor)) {
50
+ setColor(initialColor);
51
+ setPrevInitialColor(initialColor);
52
+ }
46
53
  }, [initialColor]);
47
54
 
48
- var _useState5 = useState(color),
49
- _useState6 = _slicedToArray(_useState5, 2),
50
- choosenColor = _useState6[0],
51
- setChoosenColor = _useState6[1];
55
+ var _useState7 = useState(color),
56
+ _useState8 = _slicedToArray(_useState7, 2),
57
+ choosenColor = _useState8[0],
58
+ setChoosenColor = _useState8[1];
52
59
 
53
60
  var _useBestGradientColor = useColorPicker$1(typeof color === 'string' ? color : color.value, setColor),
54
61
  hslArr = _useBestGradientColor.hslArr,
@@ -61,15 +68,15 @@ var useColorPicker = function useColorPicker(_ref) {
61
68
  var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
62
69
  var hex = ColorPickerUtils.getHexValue(tinyColor);
63
70
 
64
- var _useState7 = useState(rgbaArr[3] * 100),
65
- _useState8 = _slicedToArray(_useState7, 2),
66
- alpha = _useState8[0],
67
- setAlpha = _useState8[1];
68
-
69
- var _useState9 = useState("".concat(alpha)),
71
+ var _useState9 = useState(rgbaArr[3] * 100),
70
72
  _useState10 = _slicedToArray(_useState9, 2),
71
- alphaValue = _useState10[0],
72
- setAlphaValue = _useState10[1];
73
+ alpha = _useState10[0],
74
+ setAlpha = _useState10[1];
75
+
76
+ var _useState11 = useState("".concat(alpha)),
77
+ _useState12 = _slicedToArray(_useState11, 2),
78
+ alphaValue = _useState12[0],
79
+ setAlphaValue = _useState12[1];
73
80
 
74
81
  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
75
82
  changeAlphaValue(Number(event.target.value));
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js CHANGED
@@ -31,12 +31,13 @@ var useDropdownsManager = function useDropdownsManager() {
31
31
  };
32
32
 
33
33
  var closeAllDropdowns = function closeAllDropdowns() {
34
+ console.log('closeAll 1', dropdownsStack);
34
35
  setDropdownsStack(function (previousStack) {
35
36
  var updatedStack = previousStack.map(function (stackDropdown) {
36
37
  stackDropdown.isOpen = false;
37
38
  return stackDropdown;
38
39
  });
39
- console.log('closeAll', previousStack);
40
+ console.log('closeAll 2', previousStack);
40
41
  return updatedStack;
41
42
  });
42
43
  };
package/build/esm/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js.map CHANGED
@@ -1 +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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.20.3-16",
5
+ "version": "2.20.3-18",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",