@dreamcommerce/aurora 2.20.5 → 2.20.6
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.
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +24 -14
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +24 -14
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var isEqual = require('../../../../../../external/lodash/isEqual.js');
|
|
7
8
|
var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
|
|
8
9
|
var constants = require('../constants.js');
|
|
9
10
|
var color_picker_utils = require('../color_picker_utils.js');
|
|
@@ -29,6 +30,11 @@ 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) {
|
|
@@ -43,13 +49,17 @@ var useColorPicker = function useColorPicker(_ref) {
|
|
|
43
49
|
|
|
44
50
|
React.useEffect(function () {
|
|
45
51
|
if (!initialColor) return;
|
|
46
|
-
setColor(initialColor);
|
|
47
|
-
}, []);
|
|
48
52
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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];
|
|
53
63
|
|
|
54
64
|
var _useBestGradientColor = useColorPicker$1.useColorPicker(typeof color === 'string' ? color : color.value, setColor),
|
|
55
65
|
hslArr = _useBestGradientColor.hslArr,
|
|
@@ -62,15 +72,15 @@ var useColorPicker = function useColorPicker(_ref) {
|
|
|
62
72
|
var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
|
|
63
73
|
var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
|
|
64
74
|
|
|
65
|
-
var
|
|
66
|
-
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
|
67
|
-
alpha = _useState8[0],
|
|
68
|
-
setAlpha = _useState8[1];
|
|
69
|
-
|
|
70
|
-
var _useState9 = React.useState("".concat(alpha)),
|
|
75
|
+
var _useState9 = React.useState(rgbaArr[3] * 100),
|
|
71
76
|
_useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
|
|
72
|
-
|
|
73
|
-
|
|
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];
|
|
74
84
|
|
|
75
85
|
var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
|
|
76
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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,8CAAkD;AACxE,+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;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -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;
|
|
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;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
|
|
3
4
|
import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
|
|
4
5
|
import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
|
|
5
6
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
@@ -25,6 +26,11 @@ 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) {
|
|
@@ -39,13 +45,17 @@ var useColorPicker = function useColorPicker(_ref) {
|
|
|
39
45
|
|
|
40
46
|
useEffect(function () {
|
|
41
47
|
if (!initialColor) return;
|
|
42
|
-
setColor(initialColor);
|
|
43
|
-
}, []);
|
|
44
48
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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];
|
|
49
59
|
|
|
50
60
|
var _useBestGradientColor = useColorPicker$1(typeof color === 'string' ? color : color.value, setColor),
|
|
51
61
|
hslArr = _useBestGradientColor.hslArr,
|
|
@@ -58,15 +68,15 @@ var useColorPicker = function useColorPicker(_ref) {
|
|
|
58
68
|
var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
|
|
59
69
|
var hex = ColorPickerUtils.getHexValue(tinyColor);
|
|
60
70
|
|
|
61
|
-
var
|
|
62
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
63
|
-
alpha = _useState8[0],
|
|
64
|
-
setAlpha = _useState8[1];
|
|
65
|
-
|
|
66
|
-
var _useState9 = useState("".concat(alpha)),
|
|
71
|
+
var _useState9 = useState(rgbaArr[3] * 100),
|
|
67
72
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
68
|
-
|
|
69
|
-
|
|
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];
|
|
70
80
|
|
|
71
81
|
var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
|
|
72
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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,8CAAkD;AACxE,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;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -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;
|
|
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;"}
|