@dreamcommerce/aurora 3.0.0-275 → 3.0.0-277
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 +7 -3
- 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 +1 -24
- 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 +2 -4
- 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 +5 -1
- 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 +4 -3
- 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 +19 -10
- 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 +5 -1
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/multiselect/multiselect_utils.js +1 -23
- package/build/cjs/packages/aurora/src/components/multiselect/multiselect_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/select/select_utils.js +1 -23
- package/build/cjs/packages/aurora/src/components/select/select_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +7 -3
- 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 +1 -24
- 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 +3 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js +3 -5
- 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 +5 -1
- 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 +4 -3
- 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 +5 -3
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +19 -10
- 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 +5 -1
- package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/multiselect/multiselect_utils.js +1 -23
- package/build/esm/packages/aurora/src/components/multiselect/multiselect_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/select/select_utils.js +1 -23
- package/build/esm/packages/aurora/src/components/select/select_utils.js.map +1 -1
- package/package.json +1 -1
|
@@ -54,7 +54,9 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
54
54
|
setSolid = _useSetupColorPicker.setSolid,
|
|
55
55
|
withGradient = _useSetupColorPicker.withGradient,
|
|
56
56
|
isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
|
|
57
|
-
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened
|
|
57
|
+
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
|
|
58
|
+
degrees = _useSetupColorPicker.degrees,
|
|
59
|
+
setDegrees = _useSetupColorPicker.setDegrees;
|
|
58
60
|
var value = React.useMemo(function () {
|
|
59
61
|
return {
|
|
60
62
|
color: color,
|
|
@@ -79,9 +81,11 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
79
81
|
previousGradientColor: previousGradientColor,
|
|
80
82
|
withGradient: withGradient,
|
|
81
83
|
isColorPickerOpened: isColorPickerOpened,
|
|
82
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
84
|
+
setIsColorPickerOpened: setIsColorPickerOpened,
|
|
85
|
+
degrees: degrees,
|
|
86
|
+
setDegrees: setDegrees
|
|
83
87
|
};
|
|
84
|
-
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
|
|
88
|
+
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, setDegrees]);
|
|
85
89
|
return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
|
|
86
90
|
value: value
|
|
87
91
|
}, /*#__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;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,30 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
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
|
-
});
|
|
7
|
+
var ColorPickerContext = /*#__PURE__*/React.createContext(null);
|
|
31
8
|
|
|
32
9
|
exports.ColorPickerContext = ColorPickerContext;
|
|
33
10
|
//# 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;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js
CHANGED
|
@@ -6,7 +6,6 @@ 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');
|
|
10
9
|
var color_picker_utils = require('../color_picker_utils.js');
|
|
11
10
|
var use_color_picker = require('../hooks/use_color_picker.js');
|
|
12
11
|
|
|
@@ -15,12 +14,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
15
|
|
|
17
16
|
var ColorPickerFooter = function ColorPickerFooter() {
|
|
18
|
-
var _useContext = React.useContext(color_picker_context.ColorPickerContext),
|
|
19
|
-
setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
|
|
20
17
|
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
21
18
|
color = _useColorPicker.color,
|
|
22
19
|
handleCancel = _useColorPicker.handleCancel,
|
|
23
|
-
handleSave = _useColorPicker.handleSave
|
|
20
|
+
handleSave = _useColorPicker.handleSave,
|
|
21
|
+
setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
|
|
24
22
|
var _useTranslation = useTranslation.useTranslation(),
|
|
25
23
|
_useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
|
|
26
24
|
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;"}
|
|
@@ -5,6 +5,7 @@ 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');
|
|
8
9
|
var angle_icon = require('../../../../assets/icons/angle_icon.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -13,12 +14,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
13
14
|
|
|
14
15
|
var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
|
|
15
16
|
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;
|
|
19
22
|
var handleDegrees = function handleDegrees(e) {
|
|
20
23
|
var newValue = formatters.formatInputValues(e.target.value, 0, 360);
|
|
21
24
|
var remaining = value.split(/,(.+)/)[1];
|
|
25
|
+
setDegrees(newValue);
|
|
22
26
|
onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
|
|
23
27
|
};
|
|
24
28
|
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;AACA;AACA;AACA;AACA;"}
|
|
@@ -29,7 +29,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
29
29
|
setLinear = _useColorPicker.setLinear,
|
|
30
30
|
previousSolidColor = _useColorPicker.previousSolidColor,
|
|
31
31
|
previousGradientColor = _useColorPicker.previousGradientColor,
|
|
32
|
-
color = _useColorPicker.color
|
|
32
|
+
color = _useColorPicker.color,
|
|
33
|
+
degrees = _useColorPicker.degrees;
|
|
33
34
|
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';
|
|
34
35
|
var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
|
|
35
36
|
var changeToSolid = function changeToSolid() {
|
|
@@ -37,10 +38,10 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
37
38
|
};
|
|
38
39
|
var changeToLinear = function changeToLinear() {
|
|
39
40
|
if (!isCurrentValueGradient) {
|
|
40
|
-
setLinear(previousGradientColor);
|
|
41
|
+
setLinear(previousGradientColor, degrees);
|
|
41
42
|
return;
|
|
42
43
|
}
|
|
43
|
-
setLinear(color.value);
|
|
44
|
+
setLinear(color.value, degrees);
|
|
44
45
|
};
|
|
45
46
|
var changeToRadial = function changeToRadial() {
|
|
46
47
|
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;AACA;"}
|
|
@@ -5,6 +5,7 @@ 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');
|
|
8
9
|
var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
|
|
9
10
|
var color_picker_utils = require('../color_picker_utils.js');
|
|
10
11
|
var isEqual = require('lodash/isEqual');
|
|
@@ -44,6 +45,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
44
45
|
_useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
|
|
45
46
|
isColorPickerOpened = _useState10[0],
|
|
46
47
|
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];
|
|
47
54
|
var setColor = function setColor(newColor) {
|
|
48
55
|
var newColorValue = color_picker_utils.ColorPickerUtils.getColorPickerValue(newColor);
|
|
49
56
|
!color_picker_utils.ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
|
|
@@ -74,24 +81,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
74
81
|
getGradientObject = _useBestGradientColor.getGradientObject;
|
|
75
82
|
var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
|
|
76
83
|
var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
|
|
77
|
-
var
|
|
78
|
-
_useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
|
|
79
|
-
alpha = _useState12[0],
|
|
80
|
-
setAlpha = _useState12[1];
|
|
81
|
-
var _useState13 = React.useState("".concat(alpha)),
|
|
84
|
+
var _useState13 = React.useState(rgbaArr[3] * 100),
|
|
82
85
|
_useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
|
|
83
|
-
|
|
84
|
-
|
|
86
|
+
alpha = _useState14[0],
|
|
87
|
+
setAlpha = _useState14[1];
|
|
88
|
+
var _useState15 = React.useState("".concat(alpha)),
|
|
89
|
+
_useState16 = _rollupPluginBabelHelpers.slicedToArray(_useState15, 2),
|
|
90
|
+
alphaValue = _useState16[0],
|
|
91
|
+
setAlphaValue = _useState16[1];
|
|
85
92
|
var setSolid = function setSolid(value) {
|
|
86
93
|
setColor(color_picker_utils.ColorPickerUtils.getColorPickerValue(value).value);
|
|
87
94
|
};
|
|
88
|
-
var setLinear = function setLinear(value) {
|
|
95
|
+
var setLinear = function setLinear(value, deg) {
|
|
89
96
|
var gradientColor = value || defaultGradient;
|
|
90
97
|
if (value && !color_picker_utils.ColorPickerUtils.isGradient(value)) {
|
|
91
98
|
setGradient(gradientColor);
|
|
92
99
|
}
|
|
93
100
|
var remaining = gradientColor.split(/,(.+)/)[1];
|
|
94
|
-
setColor("linear-gradient(90deg, ".concat(remaining));
|
|
101
|
+
setColor("linear-gradient(".concat(deg !== undefined ? deg + 'deg' : '90deg', ", ").concat(remaining));
|
|
95
102
|
};
|
|
96
103
|
var setRadial = function setRadial(value) {
|
|
97
104
|
var gradientColor = value || defaultGradient;
|
|
@@ -154,7 +161,9 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
154
161
|
gradientType: gradientType,
|
|
155
162
|
withGradient: withGradient,
|
|
156
163
|
isColorPickerOpened: isColorPickerOpened,
|
|
157
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
164
|
+
setIsColorPickerOpened: setIsColorPickerOpened,
|
|
165
|
+
degrees: degrees,
|
|
166
|
+
setDegrees: setDegrees
|
|
158
167
|
};
|
|
159
168
|
};
|
|
160
169
|
|
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,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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,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;"}
|
|
@@ -6,7 +6,11 @@ var React = require('react');
|
|
|
6
6
|
var color_picker_context = require('../color_picker_context.js');
|
|
7
7
|
|
|
8
8
|
var useColorPicker = function useColorPicker() {
|
|
9
|
-
|
|
9
|
+
var context = React.useContext(color_picker_context.ColorPickerContext);
|
|
10
|
+
if (!context) {
|
|
11
|
+
throw new Error('ColorPickerContext is missing');
|
|
12
|
+
}
|
|
13
|
+
return context;
|
|
10
14
|
};
|
|
11
15
|
|
|
12
16
|
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;AACA;AACA;AACA;AACA;"}
|
|
@@ -10,30 +10,8 @@ var MultiSelectUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(functi
|
|
|
10
10
|
});
|
|
11
11
|
_MultiSelectUtils = MultiSelectUtils;
|
|
12
12
|
_rollupPluginBabelHelpers.defineProperty(MultiSelectUtils, "isOptionVisible", function (option, search) {
|
|
13
|
-
var polishCharMap = {
|
|
14
|
-
ą: 'a',
|
|
15
|
-
ć: 'c',
|
|
16
|
-
ę: 'e',
|
|
17
|
-
ł: 'l',
|
|
18
|
-
ń: 'n',
|
|
19
|
-
ó: 'o',
|
|
20
|
-
ś: 's',
|
|
21
|
-
ź: 'z',
|
|
22
|
-
ż: 'z',
|
|
23
|
-
Ą: 'a',
|
|
24
|
-
Ć: 'c',
|
|
25
|
-
Ę: 'e',
|
|
26
|
-
Ł: 'l',
|
|
27
|
-
Ń: 'n',
|
|
28
|
-
Ó: 'o',
|
|
29
|
-
Ś: 's',
|
|
30
|
-
Ź: 'z',
|
|
31
|
-
Ż: 'z'
|
|
32
|
-
};
|
|
33
13
|
var normalizePolish = function normalizePolish(str) {
|
|
34
|
-
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[
|
|
35
|
-
return polishCharMap[char] || char;
|
|
36
|
-
}).toLowerCase();
|
|
14
|
+
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[\u0141-\u0142]/g, 'l').toLowerCase();
|
|
37
15
|
};
|
|
38
16
|
return normalizePolish(option.text).includes(normalizePolish(search));
|
|
39
17
|
});
|
|
@@ -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;
|
|
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;"}
|
|
@@ -10,30 +10,8 @@ var SelectUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function Se
|
|
|
10
10
|
});
|
|
11
11
|
_SelectUtils = SelectUtils;
|
|
12
12
|
_rollupPluginBabelHelpers.defineProperty(SelectUtils, "localSearchIsOptionVisible", function (option, search) {
|
|
13
|
-
var polishCharMap = {
|
|
14
|
-
ą: 'a',
|
|
15
|
-
ć: 'c',
|
|
16
|
-
ę: 'e',
|
|
17
|
-
ł: 'l',
|
|
18
|
-
ń: 'n',
|
|
19
|
-
ó: 'o',
|
|
20
|
-
ś: 's',
|
|
21
|
-
ź: 'z',
|
|
22
|
-
ż: 'z',
|
|
23
|
-
Ą: 'a',
|
|
24
|
-
Ć: 'c',
|
|
25
|
-
Ę: 'e',
|
|
26
|
-
Ł: 'l',
|
|
27
|
-
Ń: 'n',
|
|
28
|
-
Ó: 'o',
|
|
29
|
-
Ś: 's',
|
|
30
|
-
Ź: 'z',
|
|
31
|
-
Ż: 'z'
|
|
32
|
-
};
|
|
33
13
|
var normalizePolish = function normalizePolish(str) {
|
|
34
|
-
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[
|
|
35
|
-
return polishCharMap[char] || char;
|
|
36
|
-
}).toLowerCase();
|
|
14
|
+
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[\u0141-\u0142]/g, 'l').toLowerCase();
|
|
37
15
|
};
|
|
38
16
|
return normalizePolish(option.text).includes(normalizePolish(search));
|
|
39
17
|
});
|
|
@@ -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;
|
|
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;"}
|
|
@@ -46,7 +46,9 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
46
46
|
setSolid = _useSetupColorPicker.setSolid,
|
|
47
47
|
withGradient = _useSetupColorPicker.withGradient,
|
|
48
48
|
isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
|
|
49
|
-
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened
|
|
49
|
+
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
|
|
50
|
+
degrees = _useSetupColorPicker.degrees,
|
|
51
|
+
setDegrees = _useSetupColorPicker.setDegrees;
|
|
50
52
|
var value = useMemo(function () {
|
|
51
53
|
return {
|
|
52
54
|
color: color,
|
|
@@ -71,9 +73,11 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
71
73
|
previousGradientColor: previousGradientColor,
|
|
72
74
|
withGradient: withGradient,
|
|
73
75
|
isColorPickerOpened: isColorPickerOpened,
|
|
74
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
76
|
+
setIsColorPickerOpened: setIsColorPickerOpened,
|
|
77
|
+
degrees: degrees,
|
|
78
|
+
setDegrees: setDegrees
|
|
75
79
|
};
|
|
76
|
-
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
|
|
80
|
+
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, setDegrees]);
|
|
77
81
|
return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
|
|
78
82
|
value: value
|
|
79
83
|
}, /*#__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;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 | null>;
|
|
@@ -1,29 +1,6 @@
|
|
|
1
1
|
import { createContext } from 'react';
|
|
2
2
|
|
|
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
|
-
});
|
|
3
|
+
var ColorPickerContext = /*#__PURE__*/createContext(null);
|
|
27
4
|
|
|
28
5
|
export { ColorPickerContext };
|
|
29
6
|
//# 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;"}
|
|
@@ -48,12 +48,14 @@ export interface IColorPickerContext {
|
|
|
48
48
|
isCurrentValueGradient: boolean;
|
|
49
49
|
setSolid: (value?: string) => void;
|
|
50
50
|
setRadial: (value?: string) => void;
|
|
51
|
-
setLinear: (value?: string) => void;
|
|
51
|
+
setLinear: (value?: string, deg?: number) => 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>>;
|
|
57
59
|
}
|
|
58
60
|
export declare type ColorPickerColorTypes = {
|
|
59
61
|
hex: string;
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React 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';
|
|
6
5
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
7
6
|
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
8
7
|
|
|
9
8
|
var ColorPickerFooter = function ColorPickerFooter() {
|
|
10
|
-
var _useContext = useContext(ColorPickerContext),
|
|
11
|
-
setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
|
|
12
9
|
var _useColorPicker = useColorPicker(),
|
|
13
10
|
color = _useColorPicker.color,
|
|
14
11
|
handleCancel = _useColorPicker.handleCancel,
|
|
15
|
-
handleSave = _useColorPicker.handleSave
|
|
12
|
+
handleSave = _useColorPicker.handleSave,
|
|
13
|
+
setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
|
|
16
14
|
var _useTranslation = useTranslation(),
|
|
17
15
|
_useTranslation2 = _slicedToArray(_useTranslation, 1),
|
|
18
16
|
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;"}
|
|
@@ -1,16 +1,20 @@
|
|
|
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';
|
|
4
5
|
import { AngleIcon } from '../../../../assets/icons/angle_icon.js';
|
|
5
6
|
|
|
6
7
|
var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
|
|
7
8
|
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;
|
|
11
14
|
var handleDegrees = function handleDegrees(e) {
|
|
12
15
|
var newValue = formatInputValues(e.target.value, 0, 360);
|
|
13
16
|
var remaining = value.split(/,(.+)/)[1];
|
|
17
|
+
setDegrees(newValue);
|
|
14
18
|
onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
|
|
15
19
|
};
|
|
16
20
|
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;AACA;AACA;AACA;AACA;"}
|
|
@@ -21,7 +21,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
21
21
|
setLinear = _useColorPicker.setLinear,
|
|
22
22
|
previousSolidColor = _useColorPicker.previousSolidColor,
|
|
23
23
|
previousGradientColor = _useColorPicker.previousGradientColor,
|
|
24
|
-
color = _useColorPicker.color
|
|
24
|
+
color = _useColorPicker.color,
|
|
25
|
+
degrees = _useColorPicker.degrees;
|
|
25
26
|
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';
|
|
26
27
|
var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
|
|
27
28
|
var changeToSolid = function changeToSolid() {
|
|
@@ -29,10 +30,10 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
29
30
|
};
|
|
30
31
|
var changeToLinear = function changeToLinear() {
|
|
31
32
|
if (!isCurrentValueGradient) {
|
|
32
|
-
setLinear(previousGradientColor);
|
|
33
|
+
setLinear(previousGradientColor, degrees);
|
|
33
34
|
return;
|
|
34
35
|
}
|
|
35
|
-
setLinear(color.value);
|
|
36
|
+
setLinear(color.value, degrees);
|
|
36
37
|
};
|
|
37
38
|
var changeToRadial = function changeToRadial() {
|
|
38
39
|
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;AACA;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
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,10 +27,12 @@ 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) => void;
|
|
30
|
+
setLinear: (value?: string, deg?: number) => void;
|
|
31
31
|
gradientType: TGradientType;
|
|
32
32
|
withGradient: boolean;
|
|
33
33
|
isColorPickerOpened: boolean;
|
|
34
|
-
setIsColorPickerOpened:
|
|
34
|
+
setIsColorPickerOpened: React.Dispatch<React.SetStateAction<boolean>>;
|
|
35
|
+
degrees: number;
|
|
36
|
+
setDegrees: React.Dispatch<React.SetStateAction<number>>;
|
|
35
37
|
};
|
|
36
38
|
export default useSetupColorPicker;
|
|
@@ -1,6 +1,7 @@
|
|
|
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';
|
|
4
5
|
import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
|
|
5
6
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
6
7
|
import isEqual from 'lodash/isEqual';
|
|
@@ -36,6 +37,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
36
37
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
37
38
|
isColorPickerOpened = _useState10[0],
|
|
38
39
|
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];
|
|
39
46
|
var setColor = function setColor(newColor) {
|
|
40
47
|
var newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
|
|
41
48
|
!ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
|
|
@@ -66,24 +73,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
66
73
|
getGradientObject = _useBestGradientColor.getGradientObject;
|
|
67
74
|
var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
|
|
68
75
|
var hex = ColorPickerUtils.getHexValue(tinyColor);
|
|
69
|
-
var
|
|
70
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
71
|
-
alpha = _useState12[0],
|
|
72
|
-
setAlpha = _useState12[1];
|
|
73
|
-
var _useState13 = useState("".concat(alpha)),
|
|
76
|
+
var _useState13 = useState(rgbaArr[3] * 100),
|
|
74
77
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
75
|
-
|
|
76
|
-
|
|
78
|
+
alpha = _useState14[0],
|
|
79
|
+
setAlpha = _useState14[1];
|
|
80
|
+
var _useState15 = useState("".concat(alpha)),
|
|
81
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
82
|
+
alphaValue = _useState16[0],
|
|
83
|
+
setAlphaValue = _useState16[1];
|
|
77
84
|
var setSolid = function setSolid(value) {
|
|
78
85
|
setColor(ColorPickerUtils.getColorPickerValue(value).value);
|
|
79
86
|
};
|
|
80
|
-
var setLinear = function setLinear(value) {
|
|
87
|
+
var setLinear = function setLinear(value, deg) {
|
|
81
88
|
var gradientColor = value || defaultGradient;
|
|
82
89
|
if (value && !ColorPickerUtils.isGradient(value)) {
|
|
83
90
|
setGradient(gradientColor);
|
|
84
91
|
}
|
|
85
92
|
var remaining = gradientColor.split(/,(.+)/)[1];
|
|
86
|
-
setColor("linear-gradient(90deg, ".concat(remaining));
|
|
93
|
+
setColor("linear-gradient(".concat(deg !== undefined ? deg + 'deg' : '90deg', ", ").concat(remaining));
|
|
87
94
|
};
|
|
88
95
|
var setRadial = function setRadial(value) {
|
|
89
96
|
var gradientColor = value || defaultGradient;
|
|
@@ -146,7 +153,9 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
146
153
|
gradientType: gradientType,
|
|
147
154
|
withGradient: withGradient,
|
|
148
155
|
isColorPickerOpened: isColorPickerOpened,
|
|
149
|
-
setIsColorPickerOpened: setIsColorPickerOpened
|
|
156
|
+
setIsColorPickerOpened: setIsColorPickerOpened,
|
|
157
|
+
degrees: degrees,
|
|
158
|
+
setDegrees: setDegrees
|
|
150
159
|
};
|
|
151
160
|
};
|
|
152
161
|
|
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,+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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+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;"}
|
|
@@ -2,7 +2,11 @@ import { useContext } from 'react';
|
|
|
2
2
|
import { ColorPickerContext } from '../color_picker_context.js';
|
|
3
3
|
|
|
4
4
|
var useColorPicker = function useColorPicker() {
|
|
5
|
-
|
|
5
|
+
var context = useContext(ColorPickerContext);
|
|
6
|
+
if (!context) {
|
|
7
|
+
throw new Error('ColorPickerContext is missing');
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
6
10
|
};
|
|
7
11
|
|
|
8
12
|
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;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,30 +6,8 @@ var MultiSelectUtils = /*#__PURE__*/_createClass(function MultiSelectUtils() {
|
|
|
6
6
|
});
|
|
7
7
|
_MultiSelectUtils = MultiSelectUtils;
|
|
8
8
|
_defineProperty(MultiSelectUtils, "isOptionVisible", function (option, search) {
|
|
9
|
-
var polishCharMap = {
|
|
10
|
-
ą: 'a',
|
|
11
|
-
ć: 'c',
|
|
12
|
-
ę: 'e',
|
|
13
|
-
ł: 'l',
|
|
14
|
-
ń: 'n',
|
|
15
|
-
ó: 'o',
|
|
16
|
-
ś: 's',
|
|
17
|
-
ź: 'z',
|
|
18
|
-
ż: 'z',
|
|
19
|
-
Ą: 'a',
|
|
20
|
-
Ć: 'c',
|
|
21
|
-
Ę: 'e',
|
|
22
|
-
Ł: 'l',
|
|
23
|
-
Ń: 'n',
|
|
24
|
-
Ó: 'o',
|
|
25
|
-
Ś: 's',
|
|
26
|
-
Ź: 'z',
|
|
27
|
-
Ż: 'z'
|
|
28
|
-
};
|
|
29
9
|
var normalizePolish = function normalizePolish(str) {
|
|
30
|
-
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[
|
|
31
|
-
return polishCharMap[char] || char;
|
|
32
|
-
}).toLowerCase();
|
|
10
|
+
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[\u0141-\u0142]/g, 'l').toLowerCase();
|
|
33
11
|
};
|
|
34
12
|
return normalizePolish(option.text).includes(normalizePolish(search));
|
|
35
13
|
});
|
|
@@ -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;
|
|
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;"}
|
|
@@ -6,30 +6,8 @@ var SelectUtils = /*#__PURE__*/_createClass(function SelectUtils() {
|
|
|
6
6
|
});
|
|
7
7
|
_SelectUtils = SelectUtils;
|
|
8
8
|
_defineProperty(SelectUtils, "localSearchIsOptionVisible", function (option, search) {
|
|
9
|
-
var polishCharMap = {
|
|
10
|
-
ą: 'a',
|
|
11
|
-
ć: 'c',
|
|
12
|
-
ę: 'e',
|
|
13
|
-
ł: 'l',
|
|
14
|
-
ń: 'n',
|
|
15
|
-
ó: 'o',
|
|
16
|
-
ś: 's',
|
|
17
|
-
ź: 'z',
|
|
18
|
-
ż: 'z',
|
|
19
|
-
Ą: 'a',
|
|
20
|
-
Ć: 'c',
|
|
21
|
-
Ę: 'e',
|
|
22
|
-
Ł: 'l',
|
|
23
|
-
Ń: 'n',
|
|
24
|
-
Ó: 'o',
|
|
25
|
-
Ś: 's',
|
|
26
|
-
Ź: 'z',
|
|
27
|
-
Ż: 'z'
|
|
28
|
-
};
|
|
29
9
|
var normalizePolish = function normalizePolish(str) {
|
|
30
|
-
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[
|
|
31
|
-
return polishCharMap[char] || char;
|
|
32
|
-
}).toLowerCase();
|
|
10
|
+
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[\u0141-\u0142]/g, 'l').toLowerCase();
|
|
33
11
|
};
|
|
34
12
|
return normalizePolish(option.text).includes(normalizePolish(search));
|
|
35
13
|
});
|
|
@@ -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;
|
|
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;"}
|