@dreamcommerce/aurora 2.21.0-4 → 2.21.0-5
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/color_picker_utils.js +22 -3
- package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +4 -8
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js +23 -4
- package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +6 -10
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts +14 -4
- package/package.json +1 -1
|
@@ -17,6 +17,25 @@ var ColorPickerUtils = /*#__PURE__*/function () {
|
|
|
17
17
|
value: function isGradient(color) {
|
|
18
18
|
return color.includes('linear-gradient') || color.includes('radial-gradient');
|
|
19
19
|
}
|
|
20
|
+
}, {
|
|
21
|
+
key: "getColorPickerGradientValue",
|
|
22
|
+
value: function getColorPickerGradientValue(gradient) {
|
|
23
|
+
var _gradient$degrees;
|
|
24
|
+
|
|
25
|
+
return {
|
|
26
|
+
gradientType: gradient.gradientType,
|
|
27
|
+
angle: gradient.gradientType === constants.GRADIENT_TYPES.radial ? null : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : ''),
|
|
28
|
+
radialShape: gradient.gradientType === constants.GRADIENT_TYPES.radial ? constants.GRADIENT_RADIAL_SHAPES.circle : undefined,
|
|
29
|
+
colors: gradient.colors.map(function (_ref) {
|
|
30
|
+
var left = _ref.left,
|
|
31
|
+
value = _ref.value;
|
|
32
|
+
return {
|
|
33
|
+
stop: left,
|
|
34
|
+
value: ColorPickerUtils.getTinyColorInstance(value).toHex8()
|
|
35
|
+
};
|
|
36
|
+
})
|
|
37
|
+
};
|
|
38
|
+
}
|
|
20
39
|
}]);
|
|
21
40
|
}();
|
|
22
41
|
_ColorPickerUtils = ColorPickerUtils;
|
|
@@ -88,9 +107,9 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getAllColorTypes", f
|
|
|
88
107
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, allColorTypes), variableName && variableName);
|
|
89
108
|
});
|
|
90
109
|
|
|
91
|
-
_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (
|
|
92
|
-
var color =
|
|
93
|
-
name =
|
|
110
|
+
_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (_ref2) {
|
|
111
|
+
var color = _ref2.color,
|
|
112
|
+
name = _ref2.name;
|
|
94
113
|
|
|
95
114
|
var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
|
|
96
115
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/setup_color_piceker.js
CHANGED
|
@@ -9,7 +9,7 @@ var color_picker_utils = require('../color_picker_utils.js');
|
|
|
9
9
|
var isEqual = require('../../../../../../external/lodash/isEqual.js');
|
|
10
10
|
var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
|
|
11
11
|
|
|
12
|
-
var defaultGradient = 'linear-gradient(90deg,
|
|
12
|
+
var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
|
|
13
13
|
|
|
14
14
|
var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
15
15
|
var initialColor = _ref.initialColor,
|
|
@@ -137,13 +137,9 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
137
137
|
React.useEffect(function () {
|
|
138
138
|
var colorObject = color_picker_utils.ColorPickerUtils.getAllColorTypes(color);
|
|
139
139
|
var gradientObject = getGradientObject();
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
colorObject.gradient = gradientObject;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
onChange === null || onChange === void 0 || onChange(colorObject);
|
|
140
|
+
onChange === null || onChange === void 0 || onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, colorObject), {}, {
|
|
141
|
+
gradient: gradientObject !== null && gradientObject !== void 0 && gradientObject.isGradient ? color_picker_utils.ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
|
|
142
|
+
}));
|
|
147
143
|
}, [color]);
|
|
148
144
|
|
|
149
145
|
var handleCancel = function handleCancel() {
|
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.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,sBAAsB,8CAAkD;AACxE,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,8CAAkD;AACxE,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4 +1,4 @@
|
|
|
1
|
-
import { ColorPickerColors, ColorPickerVariable, IColorPickerColor } from './types';
|
|
1
|
+
import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, TGradientColoPickerLibGradientObject, TGradientObject } from './types';
|
|
2
2
|
import tinycolor from 'tinycolor2';
|
|
3
3
|
export declare class ColorPickerUtils {
|
|
4
4
|
static getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
|
|
@@ -14,4 +14,5 @@ export declare class ColorPickerUtils {
|
|
|
14
14
|
name: string;
|
|
15
15
|
}) => ColorPickerVariable[];
|
|
16
16
|
private static convertVariableShadesToHex;
|
|
17
|
+
static getColorPickerGradientValue(gradient: TGradientColoPickerLibGradientObject): TGradientObject;
|
|
17
18
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import { COLOR_PICKER_INITIAL_STATE } from './constants.js';
|
|
2
|
+
import { COLOR_PICKER_INITIAL_STATE, GRADIENT_TYPES, GRADIENT_RADIAL_SHAPES } from './constants.js';
|
|
3
3
|
import tinycolor from '../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
4
4
|
|
|
5
5
|
var _ColorPickerUtils;
|
|
@@ -13,6 +13,25 @@ var ColorPickerUtils = /*#__PURE__*/function () {
|
|
|
13
13
|
value: function isGradient(color) {
|
|
14
14
|
return color.includes('linear-gradient') || color.includes('radial-gradient');
|
|
15
15
|
}
|
|
16
|
+
}, {
|
|
17
|
+
key: "getColorPickerGradientValue",
|
|
18
|
+
value: function getColorPickerGradientValue(gradient) {
|
|
19
|
+
var _gradient$degrees;
|
|
20
|
+
|
|
21
|
+
return {
|
|
22
|
+
gradientType: gradient.gradientType,
|
|
23
|
+
angle: gradient.gradientType === GRADIENT_TYPES.radial ? null : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : ''),
|
|
24
|
+
radialShape: gradient.gradientType === GRADIENT_TYPES.radial ? GRADIENT_RADIAL_SHAPES.circle : undefined,
|
|
25
|
+
colors: gradient.colors.map(function (_ref) {
|
|
26
|
+
var left = _ref.left,
|
|
27
|
+
value = _ref.value;
|
|
28
|
+
return {
|
|
29
|
+
stop: left,
|
|
30
|
+
value: ColorPickerUtils.getTinyColorInstance(value).toHex8()
|
|
31
|
+
};
|
|
32
|
+
})
|
|
33
|
+
};
|
|
34
|
+
}
|
|
16
35
|
}]);
|
|
17
36
|
}();
|
|
18
37
|
_ColorPickerUtils = ColorPickerUtils;
|
|
@@ -84,9 +103,9 @@ _defineProperty(ColorPickerUtils, "getAllColorTypes", function (color) {
|
|
|
84
103
|
return _objectSpread2(_objectSpread2({}, allColorTypes), variableName && variableName);
|
|
85
104
|
});
|
|
86
105
|
|
|
87
|
-
_defineProperty(ColorPickerUtils, "getVariableShades", function (
|
|
88
|
-
var color =
|
|
89
|
-
name =
|
|
106
|
+
_defineProperty(ColorPickerUtils, "getVariableShades", function (_ref2) {
|
|
107
|
+
var color = _ref2.color,
|
|
108
|
+
name = _ref2.name;
|
|
90
109
|
|
|
91
110
|
var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
|
|
92
111
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/setup_color_piceker.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { COLOR_PICKER_ALPHA_MAX_VALUE
|
|
2
|
+
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
|
|
4
4
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
5
5
|
import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
|
|
6
6
|
import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
|
|
7
7
|
|
|
8
|
-
var defaultGradient = 'linear-gradient(90deg,
|
|
8
|
+
var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
|
|
9
9
|
|
|
10
10
|
var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
11
11
|
var initialColor = _ref.initialColor,
|
|
@@ -133,13 +133,9 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
133
133
|
useEffect(function () {
|
|
134
134
|
var colorObject = ColorPickerUtils.getAllColorTypes(color);
|
|
135
135
|
var gradientObject = getGradientObject();
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
colorObject.gradient = gradientObject;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
onChange === null || onChange === void 0 || onChange(colorObject);
|
|
136
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread2(_objectSpread2({}, colorObject), {}, {
|
|
137
|
+
gradient: gradientObject !== null && gradientObject !== void 0 && gradientObject.isGradient ? ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
|
|
138
|
+
}));
|
|
143
139
|
}, [color]);
|
|
144
140
|
|
|
145
141
|
var handleCancel = function handleCancel() {
|
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -78,14 +78,24 @@ export declare type IColorPickerColor = {
|
|
|
78
78
|
export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
|
|
79
79
|
export declare type TGradientType = typeof GRADIENT_TYPES[keyof typeof GRADIENT_TYPES];
|
|
80
80
|
export declare type TGradientColorStop = {
|
|
81
|
-
|
|
81
|
+
stop: number;
|
|
82
82
|
value: string;
|
|
83
83
|
};
|
|
84
84
|
export declare type TGradientRadialShape = Any.Keys<typeof GRADIENT_RADIAL_SHAPES>;
|
|
85
85
|
export declare type TGradientObject = {
|
|
86
|
-
|
|
87
|
-
gradientType: string;
|
|
86
|
+
gradientType: TGradientType;
|
|
88
87
|
radialShape?: TGradientRadialShape;
|
|
89
|
-
|
|
88
|
+
angle: number | null;
|
|
90
89
|
colors: TGradientColorStop[];
|
|
91
90
|
};
|
|
91
|
+
export declare type TGradientColoPickerLibGradientObject = {
|
|
92
|
+
isGradient: boolean;
|
|
93
|
+
gradientType: string | undefined;
|
|
94
|
+
degrees: string;
|
|
95
|
+
colors: any;
|
|
96
|
+
} | {
|
|
97
|
+
isGradient: boolean;
|
|
98
|
+
gradientType: null;
|
|
99
|
+
degrees: null;
|
|
100
|
+
colors: any;
|
|
101
|
+
};
|