@dreamcommerce/aurora 2.20.7-1 → 2.20.7-2

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 (8) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +27 -20
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  4. package/build/esm/packages/aurora/src/components/color_picker_new/constants.d.ts +1 -1
  5. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js +1 -1
  6. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +27 -20
  7. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  8. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var COLOR_PICKER_INITIAL_STATE = '#000000';
5
+ var COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
6
6
  var COLOR_PICKER_WIDTH = 247;
7
7
  var COLOR_PICKER_HEIGHT = 200;
8
8
  var COLOR_PICKER_ALPHA_MAX_VALUE = 100;
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;
@@ -27,8 +28,12 @@ var useColorPicker = function useColorPicker(_ref) {
27
28
 
28
29
  var _useState3 = React.useState(initialColorVariables),
29
30
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 1),
30
- colorVariables = _useState4[0]; // const [prevInitalColor, setPrevInitialColor] = useState(initialColor);
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];
32
37
 
33
38
  var setColor = function setColor(color) {
34
39
  var hexColor = color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
@@ -40,19 +45,21 @@ var useColorPicker = function useColorPicker(_ref) {
40
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
41
46
  };
42
47
  });
43
- }; // useEffect(() => {
44
- // if (!initialColor) return;
45
- // if (!isEqual(initialColor, prevInitalColor)) {
46
- // setColor(initialColor);
47
- // setPrevInitialColor(initialColor);
48
- // }
49
- // }, [initialColor]);
48
+ };
50
49
 
50
+ React.useEffect(function () {
51
+ if (!initialColor) return;
51
52
 
52
- var _useState5 = React.useState(color),
53
- _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
54
- choosenColor = _useState6[0],
55
- setChoosenColor = _useState6[1];
53
+ if (!isEqual['default'](initialColor, prevInitalColor)) {
54
+ setColor(initialColor);
55
+ setPrevInitialColor(initialColor);
56
+ }
57
+ }, [initialColor]);
58
+
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/esm/packages/aurora/src/components/color_picker_new/constants.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const COLOR_PICKER_INITIAL_STATE = "#000000";
1
+ export declare const COLOR_PICKER_INITIAL_STATE = "#FFFFFF";
2
2
  export declare const COLOR_PICKER_WIDTH = 247;
3
3
  export declare const COLOR_PICKER_HEIGHT = 200;
4
4
  export declare const COLOR_PICKER_ALPHA_MAX_VALUE = 100;
package/build/esm/packages/aurora/src/components/color_picker_new/constants.js CHANGED
@@ -1,4 +1,4 @@
1
- var COLOR_PICKER_INITIAL_STATE = '#000000';
1
+ var COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
2
2
  var COLOR_PICKER_WIDTH = 247;
3
3
  var COLOR_PICKER_HEIGHT = 200;
4
4
  var COLOR_PICKER_ALPHA_MAX_VALUE = 100;
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;
@@ -23,8 +24,12 @@ var useColorPicker = function useColorPicker(_ref) {
23
24
 
24
25
  var _useState3 = useState(initialColorVariables),
25
26
  _useState4 = _slicedToArray(_useState3, 1),
26
- colorVariables = _useState4[0]; // const [prevInitalColor, setPrevInitialColor] = useState(initialColor);
27
+ colorVariables = _useState4[0];
27
28
 
29
+ var _useState5 = useState(initialColor),
30
+ _useState6 = _slicedToArray(_useState5, 2),
31
+ prevInitalColor = _useState6[0],
32
+ setPrevInitialColor = _useState6[1];
28
33
 
29
34
  var setColor = function setColor(color) {
30
35
  var hexColor = ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
@@ -36,19 +41,21 @@ var useColorPicker = function useColorPicker(_ref) {
36
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
37
42
  };
38
43
  });
39
- }; // useEffect(() => {
40
- // if (!initialColor) return;
41
- // if (!isEqual(initialColor, prevInitalColor)) {
42
- // setColor(initialColor);
43
- // setPrevInitialColor(initialColor);
44
- // }
45
- // }, [initialColor]);
44
+ };
46
45
 
46
+ useEffect(function () {
47
+ if (!initialColor) return;
47
48
 
48
- var _useState5 = useState(color),
49
- _useState6 = _slicedToArray(_useState5, 2),
50
- choosenColor = _useState6[0],
51
- setChoosenColor = _useState6[1];
49
+ if (!isEqual_1(initialColor, prevInitalColor)) {
50
+ setColor(initialColor);
51
+ setPrevInitialColor(initialColor);
52
+ }
53
+ }, [initialColor]);
54
+
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/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.7-1",
5
+ "version": "2.20.7-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",