@dreamcommerce/aurora 3.0.0-277 → 3.0.0-279
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/color_picker.js +3 -7
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_context.js +24 -1
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_context.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js +4 -2
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +1 -5
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +3 -4
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +10 -19
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/use_color_picker.js +1 -5
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/message_box/message_box.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +3 -7
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js +24 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +1 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js +5 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +1 -5
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +3 -4
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +3 -5
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +10 -19
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js +1 -5
- package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/message_box/message_box.js +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -54,9 +54,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
54
54
|
setSolid = _useSetupColorPicker.setSolid,
|
|
55
55
|
withGradient = _useSetupColorPicker.withGradient,
|
|
56
56
|
isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
|
|
57
|
-
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened
|
|
58
|
-
degrees = _useSetupColorPicker.degrees,
|
|
59
|
-
setDegrees = _useSetupColorPicker.setDegrees;
|
|
57
|
+
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
|
|
60
58
|
var value = React.useMemo(function () {
|
|
61
59
|
return {
|
|
62
60
|
color: color,
|
|
@@ -81,11 +79,9 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
81
79
|
previousGradientColor: previousGradientColor,
|
|
82
80
|
withGradient: withGradient,
|
|
83
81
|
isColorPickerOpened: isColorPickerOpened,
|
|
84
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
85
|
-
degrees: degrees,
|
|
86
|
-
setDegrees: setDegrees
|
|
82
|
+
setIsColorPickerOpened: setIsColorPickerOpened
|
|
87
83
|
};
|
|
88
|
-
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened
|
|
84
|
+
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
|
|
89
85
|
return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
|
|
90
86
|
value: value
|
|
91
87
|
}, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], _rollupPluginBabelHelpers.objectSpread2({
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
7
|
-
var ColorPickerContext = /*#__PURE__*/React.createContext(
|
|
7
|
+
var ColorPickerContext = /*#__PURE__*/React.createContext({
|
|
8
|
+
color: {
|
|
9
|
+
value: '',
|
|
10
|
+
name: ''
|
|
11
|
+
},
|
|
12
|
+
setColor: function setColor() {},
|
|
13
|
+
hex: '',
|
|
14
|
+
hslArr: [],
|
|
15
|
+
handleOnChangeAlpha: function handleOnChangeAlpha() {},
|
|
16
|
+
alphaValue: '',
|
|
17
|
+
rgbaArr: [],
|
|
18
|
+
setR: function setR() {},
|
|
19
|
+
setG: function setG() {},
|
|
20
|
+
setB: function setB() {},
|
|
21
|
+
handleCancel: function handleCancel() {},
|
|
22
|
+
handleSave: function handleSave() {},
|
|
23
|
+
setSolid: function setSolid() {},
|
|
24
|
+
setRadial: function setRadial() {},
|
|
25
|
+
setLinear: function setLinear() {},
|
|
26
|
+
isCurrentValueGradient: false,
|
|
27
|
+
withGradient: false,
|
|
28
|
+
isColorPickerOpened: false,
|
|
29
|
+
setIsColorPickerOpened: function setIsColorPickerOpened() {}
|
|
30
|
+
});
|
|
8
31
|
|
|
9
32
|
exports.ColorPickerContext = ColorPickerContext;
|
|
10
33
|
//# sourceMappingURL=color_picker_context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js
CHANGED
|
@@ -6,6 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
7
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var button = require('../../button/button.js');
|
|
9
|
+
var color_picker_context = require('../color_picker_context.js');
|
|
9
10
|
var color_picker_utils = require('../color_picker_utils.js');
|
|
10
11
|
var use_color_picker = require('../hooks/use_color_picker.js');
|
|
11
12
|
|
|
@@ -14,11 +15,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
16
|
|
|
16
17
|
var ColorPickerFooter = function ColorPickerFooter() {
|
|
18
|
+
var _useContext = React.useContext(color_picker_context.ColorPickerContext),
|
|
19
|
+
setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
|
|
17
20
|
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
18
21
|
color = _useColorPicker.color,
|
|
19
22
|
handleCancel = _useColorPicker.handleCancel,
|
|
20
|
-
handleSave = _useColorPicker.handleSave
|
|
21
|
-
setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
|
|
23
|
+
handleSave = _useColorPicker.handleSave;
|
|
22
24
|
var _useTranslation = useTranslation.useTranslation(),
|
|
23
25
|
_useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
|
|
24
26
|
t = _useTranslation2[0];
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var formatters = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
|
|
7
7
|
var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
8
|
-
var use_color_picker = require('../../hooks/use_color_picker.js');
|
|
9
8
|
var angle_icon = require('../../../../assets/icons/angle_icon.js');
|
|
10
9
|
|
|
11
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -14,15 +13,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
14
13
|
|
|
15
14
|
var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
|
|
16
15
|
var _usePicker = context.usePicker(),
|
|
16
|
+
degrees = _usePicker.degrees,
|
|
17
17
|
onChange = _usePicker.onChange,
|
|
18
18
|
value = _usePicker.value;
|
|
19
|
-
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
20
|
-
degrees = _useColorPicker.degrees,
|
|
21
|
-
setDegrees = _useColorPicker.setDegrees;
|
|
22
19
|
var handleDegrees = function handleDegrees(e) {
|
|
23
20
|
var newValue = formatters.formatInputValues(e.target.value, 0, 360);
|
|
24
21
|
var remaining = value.split(/,(.+)/)[1];
|
|
25
|
-
setDegrees(newValue);
|
|
26
22
|
onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
|
|
27
23
|
};
|
|
28
24
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -29,8 +29,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
29
29
|
setLinear = _useColorPicker.setLinear,
|
|
30
30
|
previousSolidColor = _useColorPicker.previousSolidColor,
|
|
31
31
|
previousGradientColor = _useColorPicker.previousGradientColor,
|
|
32
|
-
color = _useColorPicker.color
|
|
33
|
-
degrees = _useColorPicker.degrees;
|
|
32
|
+
color = _useColorPicker.color;
|
|
34
33
|
var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
|
|
35
34
|
var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
|
|
36
35
|
var changeToSolid = function changeToSolid() {
|
|
@@ -38,10 +37,10 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
38
37
|
};
|
|
39
38
|
var changeToLinear = function changeToLinear() {
|
|
40
39
|
if (!isCurrentValueGradient) {
|
|
41
|
-
setLinear(previousGradientColor
|
|
40
|
+
setLinear(previousGradientColor);
|
|
42
41
|
return;
|
|
43
42
|
}
|
|
44
|
-
setLinear(color.value
|
|
43
|
+
setLinear(color.value);
|
|
45
44
|
};
|
|
46
45
|
var changeToRadial = function changeToRadial() {
|
|
47
46
|
if (!isCurrentValueGradient) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var color_picker_constants = require('../color_picker_constants.js');
|
|
8
|
-
var utils = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
|
|
9
8
|
var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
|
|
10
9
|
var color_picker_utils = require('../color_picker_utils.js');
|
|
11
10
|
var isEqual = require('lodash/isEqual');
|
|
@@ -45,12 +44,6 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
45
44
|
_useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
|
|
46
45
|
isColorPickerOpened = _useState10[0],
|
|
47
46
|
setIsColorPickerOpened = _useState10[1];
|
|
48
|
-
var _getDetails = utils.getDetails(initialColorObject.value),
|
|
49
|
-
_degrees = _getDetails.degrees;
|
|
50
|
-
var _useState11 = React.useState(_degrees),
|
|
51
|
-
_useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
|
|
52
|
-
degrees = _useState12[0],
|
|
53
|
-
setDegrees = _useState12[1];
|
|
54
47
|
var setColor = function setColor(newColor) {
|
|
55
48
|
var newColorValue = color_picker_utils.ColorPickerUtils.getColorPickerValue(newColor);
|
|
56
49
|
!color_picker_utils.ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
|
|
@@ -81,24 +74,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
81
74
|
getGradientObject = _useBestGradientColor.getGradientObject;
|
|
82
75
|
var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
|
|
83
76
|
var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
|
|
84
|
-
var
|
|
77
|
+
var _useState11 = React.useState(rgbaArr[3] * 100),
|
|
78
|
+
_useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
|
|
79
|
+
alpha = _useState12[0],
|
|
80
|
+
setAlpha = _useState12[1];
|
|
81
|
+
var _useState13 = React.useState("".concat(alpha)),
|
|
85
82
|
_useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
var _useState15 = React.useState("".concat(alpha)),
|
|
89
|
-
_useState16 = _rollupPluginBabelHelpers.slicedToArray(_useState15, 2),
|
|
90
|
-
alphaValue = _useState16[0],
|
|
91
|
-
setAlphaValue = _useState16[1];
|
|
83
|
+
alphaValue = _useState14[0],
|
|
84
|
+
setAlphaValue = _useState14[1];
|
|
92
85
|
var setSolid = function setSolid(value) {
|
|
93
86
|
setColor(color_picker_utils.ColorPickerUtils.getColorPickerValue(value).value);
|
|
94
87
|
};
|
|
95
|
-
var setLinear = function setLinear(value
|
|
88
|
+
var setLinear = function setLinear(value) {
|
|
96
89
|
var gradientColor = value || defaultGradient;
|
|
97
90
|
if (value && !color_picker_utils.ColorPickerUtils.isGradient(value)) {
|
|
98
91
|
setGradient(gradientColor);
|
|
99
92
|
}
|
|
100
93
|
var remaining = gradientColor.split(/,(.+)/)[1];
|
|
101
|
-
setColor("linear-gradient(
|
|
94
|
+
setColor("linear-gradient(90deg, ".concat(remaining));
|
|
102
95
|
};
|
|
103
96
|
var setRadial = function setRadial(value) {
|
|
104
97
|
var gradientColor = value || defaultGradient;
|
|
@@ -161,9 +154,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
161
154
|
gradientType: gradientType,
|
|
162
155
|
withGradient: withGradient,
|
|
163
156
|
isColorPickerOpened: isColorPickerOpened,
|
|
164
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
165
|
-
degrees: degrees,
|
|
166
|
-
setDegrees: setDegrees
|
|
157
|
+
setIsColorPickerOpened: setIsColorPickerOpened
|
|
167
158
|
};
|
|
168
159
|
};
|
|
169
160
|
|
package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_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;AACA,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,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;"}
|
|
@@ -6,11 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var color_picker_context = require('../color_picker_context.js');
|
|
7
7
|
|
|
8
8
|
var useColorPicker = function useColorPicker() {
|
|
9
|
-
|
|
10
|
-
if (!context) {
|
|
11
|
-
throw new Error('ColorPickerContext is missing');
|
|
12
|
-
}
|
|
13
|
-
return context;
|
|
9
|
+
return React.useContext(color_picker_context.ColorPickerContext);
|
|
14
10
|
};
|
|
15
11
|
|
|
16
12
|
exports.useColorPicker = useColorPicker;
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -31,7 +31,7 @@ var MessageBox = /*#__PURE__*/React__default['default'].forwardRef(function (_re
|
|
|
31
31
|
var iconColor = message_box_constants.MESSAGE_BOX_ICON_COLORS[variant];
|
|
32
32
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
33
33
|
ref: ref,
|
|
34
|
-
className: cn.cn(message_box_variants.messageBoxVariants({
|
|
34
|
+
className: cn.cn('message-box-link-icon', message_box_variants.messageBoxVariants({
|
|
35
35
|
variant: variant
|
|
36
36
|
}), {
|
|
37
37
|
'aurora-w-full': fullWidth,
|
|
@@ -46,9 +46,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
46
46
|
setSolid = _useSetupColorPicker.setSolid,
|
|
47
47
|
withGradient = _useSetupColorPicker.withGradient,
|
|
48
48
|
isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
|
|
49
|
-
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened
|
|
50
|
-
degrees = _useSetupColorPicker.degrees,
|
|
51
|
-
setDegrees = _useSetupColorPicker.setDegrees;
|
|
49
|
+
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
|
|
52
50
|
var value = useMemo(function () {
|
|
53
51
|
return {
|
|
54
52
|
color: color,
|
|
@@ -73,11 +71,9 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
73
71
|
previousGradientColor: previousGradientColor,
|
|
74
72
|
withGradient: withGradient,
|
|
75
73
|
isColorPickerOpened: isColorPickerOpened,
|
|
76
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
77
|
-
degrees: degrees,
|
|
78
|
-
setDegrees: setDegrees
|
|
74
|
+
setIsColorPickerOpened: setIsColorPickerOpened
|
|
79
75
|
};
|
|
80
|
-
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened
|
|
76
|
+
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
|
|
81
77
|
return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
|
|
82
78
|
value: value
|
|
83
79
|
}, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
|
|
@@ -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;AACA;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;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,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IColorPickerContext } from "./color_picker_types";
|
|
3
|
-
export declare const ColorPickerContext: import("react").Context<IColorPickerContext
|
|
3
|
+
export declare const ColorPickerContext: import("react").Context<IColorPickerContext>;
|
|
@@ -1,6 +1,29 @@
|
|
|
1
1
|
import { createContext } from 'react';
|
|
2
2
|
|
|
3
|
-
var ColorPickerContext = /*#__PURE__*/createContext(
|
|
3
|
+
var ColorPickerContext = /*#__PURE__*/createContext({
|
|
4
|
+
color: {
|
|
5
|
+
value: '',
|
|
6
|
+
name: ''
|
|
7
|
+
},
|
|
8
|
+
setColor: function setColor() {},
|
|
9
|
+
hex: '',
|
|
10
|
+
hslArr: [],
|
|
11
|
+
handleOnChangeAlpha: function handleOnChangeAlpha() {},
|
|
12
|
+
alphaValue: '',
|
|
13
|
+
rgbaArr: [],
|
|
14
|
+
setR: function setR() {},
|
|
15
|
+
setG: function setG() {},
|
|
16
|
+
setB: function setB() {},
|
|
17
|
+
handleCancel: function handleCancel() {},
|
|
18
|
+
handleSave: function handleSave() {},
|
|
19
|
+
setSolid: function setSolid() {},
|
|
20
|
+
setRadial: function setRadial() {},
|
|
21
|
+
setLinear: function setLinear() {},
|
|
22
|
+
isCurrentValueGradient: false,
|
|
23
|
+
withGradient: false,
|
|
24
|
+
isColorPickerOpened: false,
|
|
25
|
+
setIsColorPickerOpened: function setIsColorPickerOpened() {}
|
|
26
|
+
});
|
|
4
27
|
|
|
5
28
|
export { ColorPickerContext };
|
|
6
29
|
//# sourceMappingURL=color_picker_context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -48,14 +48,12 @@ export interface IColorPickerContext {
|
|
|
48
48
|
isCurrentValueGradient: boolean;
|
|
49
49
|
setSolid: (value?: string) => void;
|
|
50
50
|
setRadial: (value?: string) => void;
|
|
51
|
-
setLinear: (value?: string
|
|
51
|
+
setLinear: (value?: string) => void;
|
|
52
52
|
gradientType?: TGradientType;
|
|
53
53
|
previousSolidColor?: string;
|
|
54
54
|
previousGradientColor?: string;
|
|
55
55
|
isColorPickerOpened: boolean;
|
|
56
56
|
setIsColorPickerOpened: (isOpened: boolean) => void;
|
|
57
|
-
degrees: number;
|
|
58
|
-
setDegrees: Dispatch<SetStateAction<number>>;
|
|
59
57
|
}
|
|
60
58
|
export declare type ColorPickerColorTypes = {
|
|
61
59
|
hex: string;
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
2
|
import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
3
|
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import { Button } from '../../button/button.js';
|
|
5
|
+
import { ColorPickerContext } from '../color_picker_context.js';
|
|
5
6
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
6
7
|
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
7
8
|
|
|
8
9
|
var ColorPickerFooter = function ColorPickerFooter() {
|
|
10
|
+
var _useContext = useContext(ColorPickerContext),
|
|
11
|
+
setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
|
|
9
12
|
var _useColorPicker = useColorPicker(),
|
|
10
13
|
color = _useColorPicker.color,
|
|
11
14
|
handleCancel = _useColorPicker.handleCancel,
|
|
12
|
-
handleSave = _useColorPicker.handleSave
|
|
13
|
-
setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
|
|
15
|
+
handleSave = _useColorPicker.handleSave;
|
|
14
16
|
var _useTranslation = useTranslation(),
|
|
15
17
|
_useTranslation2 = _slicedToArray(_useTranslation, 1),
|
|
16
18
|
t = _useTranslation2[0];
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,20 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { formatInputValues } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
|
|
3
3
|
import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
4
|
-
import { useColorPicker } from '../../hooks/use_color_picker.js';
|
|
5
4
|
import { AngleIcon } from '../../../../assets/icons/angle_icon.js';
|
|
6
5
|
|
|
7
6
|
var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
|
|
8
7
|
var _usePicker = usePicker(),
|
|
8
|
+
degrees = _usePicker.degrees,
|
|
9
9
|
onChange = _usePicker.onChange,
|
|
10
10
|
value = _usePicker.value;
|
|
11
|
-
var _useColorPicker = useColorPicker(),
|
|
12
|
-
degrees = _useColorPicker.degrees,
|
|
13
|
-
setDegrees = _useColorPicker.setDegrees;
|
|
14
11
|
var handleDegrees = function handleDegrees(e) {
|
|
15
12
|
var newValue = formatInputValues(e.target.value, 0, 360);
|
|
16
13
|
var remaining = value.split(/,(.+)/)[1];
|
|
17
|
-
setDegrees(newValue);
|
|
18
14
|
onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
|
|
19
15
|
};
|
|
20
16
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;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;"}
|
|
@@ -21,8 +21,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
21
21
|
setLinear = _useColorPicker.setLinear,
|
|
22
22
|
previousSolidColor = _useColorPicker.previousSolidColor,
|
|
23
23
|
previousGradientColor = _useColorPicker.previousGradientColor,
|
|
24
|
-
color = _useColorPicker.color
|
|
25
|
-
degrees = _useColorPicker.degrees;
|
|
24
|
+
color = _useColorPicker.color;
|
|
26
25
|
var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
|
|
27
26
|
var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
|
|
28
27
|
var changeToSolid = function changeToSolid() {
|
|
@@ -30,10 +29,10 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
30
29
|
};
|
|
31
30
|
var changeToLinear = function changeToLinear() {
|
|
32
31
|
if (!isCurrentValueGradient) {
|
|
33
|
-
setLinear(previousGradientColor
|
|
32
|
+
setLinear(previousGradientColor);
|
|
34
33
|
return;
|
|
35
34
|
}
|
|
36
|
-
setLinear(color.value
|
|
35
|
+
setLinear(color.value);
|
|
37
36
|
};
|
|
38
37
|
var changeToRadial = function changeToRadial() {
|
|
39
38
|
if (!isCurrentValueGradient) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables, TGradientType } from '../color_picker_types';
|
|
2
|
-
import React from 'react';
|
|
3
3
|
export declare type ColorPickerHookProps = {
|
|
4
4
|
initialColor?: string | ColorPickerVariable;
|
|
5
5
|
onChange?: (color: IColorPickerColor) => void;
|
|
@@ -27,12 +27,10 @@ declare const useSetupColorPicker: ({ initialColor, onChange, onCancel, onSave,
|
|
|
27
27
|
isCurrentValueGradient: boolean;
|
|
28
28
|
setSolid: (value?: string) => void;
|
|
29
29
|
setRadial: (value?: string) => void;
|
|
30
|
-
setLinear: (value?: string
|
|
30
|
+
setLinear: (value?: string) => void;
|
|
31
31
|
gradientType: TGradientType;
|
|
32
32
|
withGradient: boolean;
|
|
33
33
|
isColorPickerOpened: boolean;
|
|
34
|
-
setIsColorPickerOpened:
|
|
35
|
-
degrees: number;
|
|
36
|
-
setDegrees: React.Dispatch<React.SetStateAction<number>>;
|
|
34
|
+
setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
37
35
|
};
|
|
38
36
|
export default useSetupColorPicker;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
|
|
4
|
-
import { getDetails } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
|
|
5
4
|
import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
|
|
6
5
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
7
6
|
import isEqual from 'lodash/isEqual';
|
|
@@ -37,12 +36,6 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
37
36
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
38
37
|
isColorPickerOpened = _useState10[0],
|
|
39
38
|
setIsColorPickerOpened = _useState10[1];
|
|
40
|
-
var _getDetails = getDetails(initialColorObject.value),
|
|
41
|
-
_degrees = _getDetails.degrees;
|
|
42
|
-
var _useState11 = useState(_degrees),
|
|
43
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
44
|
-
degrees = _useState12[0],
|
|
45
|
-
setDegrees = _useState12[1];
|
|
46
39
|
var setColor = function setColor(newColor) {
|
|
47
40
|
var newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
|
|
48
41
|
!ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
|
|
@@ -73,24 +66,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
73
66
|
getGradientObject = _useBestGradientColor.getGradientObject;
|
|
74
67
|
var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
|
|
75
68
|
var hex = ColorPickerUtils.getHexValue(tinyColor);
|
|
76
|
-
var
|
|
69
|
+
var _useState11 = useState(rgbaArr[3] * 100),
|
|
70
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
71
|
+
alpha = _useState12[0],
|
|
72
|
+
setAlpha = _useState12[1];
|
|
73
|
+
var _useState13 = useState("".concat(alpha)),
|
|
77
74
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
var _useState15 = useState("".concat(alpha)),
|
|
81
|
-
_useState16 = _slicedToArray(_useState15, 2),
|
|
82
|
-
alphaValue = _useState16[0],
|
|
83
|
-
setAlphaValue = _useState16[1];
|
|
75
|
+
alphaValue = _useState14[0],
|
|
76
|
+
setAlphaValue = _useState14[1];
|
|
84
77
|
var setSolid = function setSolid(value) {
|
|
85
78
|
setColor(ColorPickerUtils.getColorPickerValue(value).value);
|
|
86
79
|
};
|
|
87
|
-
var setLinear = function setLinear(value
|
|
80
|
+
var setLinear = function setLinear(value) {
|
|
88
81
|
var gradientColor = value || defaultGradient;
|
|
89
82
|
if (value && !ColorPickerUtils.isGradient(value)) {
|
|
90
83
|
setGradient(gradientColor);
|
|
91
84
|
}
|
|
92
85
|
var remaining = gradientColor.split(/,(.+)/)[1];
|
|
93
|
-
setColor("linear-gradient(
|
|
86
|
+
setColor("linear-gradient(90deg, ".concat(remaining));
|
|
94
87
|
};
|
|
95
88
|
var setRadial = function setRadial(value) {
|
|
96
89
|
var gradientColor = value || defaultGradient;
|
|
@@ -153,9 +146,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
153
146
|
gradientType: gradientType,
|
|
154
147
|
withGradient: withGradient,
|
|
155
148
|
isColorPickerOpened: isColorPickerOpened,
|
|
156
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
157
|
-
degrees: degrees,
|
|
158
|
-
setDegrees: setDegrees
|
|
149
|
+
setIsColorPickerOpened: setIsColorPickerOpened
|
|
159
150
|
};
|
|
160
151
|
};
|
|
161
152
|
|
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,11 +2,7 @@ import { useContext } from 'react';
|
|
|
2
2
|
import { ColorPickerContext } from '../color_picker_context.js';
|
|
3
3
|
|
|
4
4
|
var useColorPicker = function useColorPicker() {
|
|
5
|
-
|
|
6
|
-
if (!context) {
|
|
7
|
-
throw new Error('ColorPickerContext is missing');
|
|
8
|
-
}
|
|
9
|
-
return context;
|
|
5
|
+
return useContext(ColorPickerContext);
|
|
10
6
|
};
|
|
11
7
|
|
|
12
8
|
export { useColorPicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -23,7 +23,7 @@ var MessageBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
23
23
|
var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
|
|
24
24
|
return /*#__PURE__*/React.createElement("div", {
|
|
25
25
|
ref: ref,
|
|
26
|
-
className: cn(messageBoxVariants({
|
|
26
|
+
className: cn('message-box-link-icon', messageBoxVariants({
|
|
27
27
|
variant: variant
|
|
28
28
|
}), {
|
|
29
29
|
'aurora-w-full': fullWidth,
|