@dreamcommerce/aurora 3.0.0-250 → 3.0.0-251
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/external/react-best-gradient-color-picker/dist/esm/context.js +1 -1
- package/build/cjs/external/react-best-gradient-color-picker/dist/esm/context.js.map +1 -1
- package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js +1 -1
- package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map +1 -1
- package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js +1 -1
- package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +10 -0
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_content.js +3 -3
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_controls.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_controls.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js +15 -3
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_gradient_bar.js +4 -10
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_gradient_bar.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js +1 -1
- package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js.map +1 -1
- package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js +1 -1
- package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map +1 -1
- package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js +1 -1
- package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +10 -0
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_content.js +3 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_controls.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_controls.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js +15 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_gradient_bar.js +4 -10
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_gradient_bar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/typography/typography.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var utils = require('./utils/utils.js');
|
|
7
6
|
var tinycolor = require('../../external/tinycolor2/tinycolor.js');
|
|
8
7
|
var formatters = require('./utils/formatters.js');
|
|
8
|
+
var utils = require('./utils/utils.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,wCAA4C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js
CHANGED
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var constants = require('../constants.js');
|
|
7
|
-
var utils = require('../utils/utils.js');
|
|
8
7
|
var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
|
|
9
8
|
var formatters = require('../utils/formatters.js');
|
|
9
|
+
var utils = require('../utils/utils.js');
|
|
10
10
|
var converters = require('../utils/converters.js');
|
|
11
11
|
|
|
12
12
|
var __assign = undefined && undefined.__assign || function () {
|
package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var utils = require('./utils.js');
|
|
6
5
|
var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
|
|
7
6
|
var formatters = require('./formatters.js');
|
|
7
|
+
var utils = require('./utils.js');
|
|
8
8
|
|
|
9
9
|
var __assign = undefined && undefined.__assign || function () {
|
|
10
10
|
__assign = Object.assign || function (t) {
|
package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map
CHANGED
|
@@ -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,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
6
|
var color_picker_constants = require('./color_picker_constants.js');
|
|
7
|
+
var formatters = require('../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
|
|
7
8
|
var tinycolor = require('../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
8
9
|
|
|
9
10
|
var _ColorPickerUtils;
|
|
@@ -186,6 +187,15 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "convertVariableShade
|
|
|
186
187
|
};
|
|
187
188
|
});
|
|
188
189
|
});
|
|
190
|
+
_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "updateGradientWithActiveColor", function (colors, index, newColor) {
|
|
191
|
+
return colors.map(function (c, i) {
|
|
192
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, c), {}, {
|
|
193
|
+
value: i === index ? formatters.high(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, c), {}, {
|
|
194
|
+
value: tinycolor['default'](newColor).toRgbString()
|
|
195
|
+
})) : formatters.low(c)
|
|
196
|
+
});
|
|
197
|
+
});
|
|
198
|
+
});
|
|
189
199
|
|
|
190
200
|
exports.ColorPickerUtils = ColorPickerUtils;
|
|
191
201
|
//# sourceMappingURL=color_picker_utils.js.map
|
|
@@ -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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,uFAA2F;AACpH,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;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_content.js
CHANGED
|
@@ -5,12 +5,12 @@ 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 use_color_picker = require('../hooks/use_color_picker.js');
|
|
9
|
-
var color_picker_footer = require('./color_picker_footer.js');
|
|
10
|
-
var color_picker_variables = require('./color_picker_variables.js');
|
|
11
8
|
var utils = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
|
|
12
9
|
var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
13
10
|
var styles = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
|
|
11
|
+
var use_color_picker = require('../hooks/use_color_picker.js');
|
|
12
|
+
var color_picker_footer = require('./color_picker_footer.js');
|
|
13
|
+
var color_picker_variables = require('./color_picker_variables.js');
|
|
14
14
|
var color_picker_controls = require('./color_picker_controls.js');
|
|
15
15
|
var color_picker_impl = require('./color_picker_impl.js');
|
|
16
16
|
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_content.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,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_controls.js
CHANGED
|
@@ -12,8 +12,8 @@ var tooltip_trigger = require('../../tooltip/components/tooltip_trigger.js');
|
|
|
12
12
|
var tooltip_content = require('../../tooltip/components/tooltip_content.js');
|
|
13
13
|
var tooltip_provider = require('../../tooltip/context/tooltip_provider.js');
|
|
14
14
|
var color_picker_constants = require('../color_picker_constants.js');
|
|
15
|
-
var use_color_picker = require('../hooks/use_color_picker.js');
|
|
16
15
|
var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
16
|
+
var use_color_picker = require('../hooks/use_color_picker.js');
|
|
17
17
|
var color_picker_gradient_angle = require('./color_picker_gradient_controls/color_picker_gradient_angle.js');
|
|
18
18
|
var color_picker_mode_toggler = require('./color_picker_mode_toggler.js');
|
|
19
19
|
var color_picker_gradient_bar = require('./color_picker_overrides/color_picker_gradient_bar.js');
|
|
@@ -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
|
|
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,sBAAsB,iFAAqF;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var input = require('../../../input/input.js');
|
|
8
|
+
var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
9
|
+
var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
8
10
|
var color_picker_utils = require('../../color_picker_utils.js');
|
|
9
11
|
var use_color_picker = require('../../hooks/use_color_picker.js');
|
|
10
12
|
var utilities = require('@dreamcommerce/utilities');
|
|
@@ -18,7 +20,9 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
|
|
|
18
20
|
setColor = _useColorPicker.setColor,
|
|
19
21
|
hex = _useColorPicker.hex,
|
|
20
22
|
handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
|
|
21
|
-
alphaValue = _useColorPicker.alphaValue
|
|
23
|
+
alphaValue = _useColorPicker.alphaValue,
|
|
24
|
+
isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
|
|
25
|
+
gradientType = _useColorPicker.gradientType;
|
|
22
26
|
var _useState = React.useState(hex),
|
|
23
27
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
24
28
|
value = _useState2[0],
|
|
@@ -27,10 +31,18 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
|
|
|
27
31
|
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
28
32
|
disable = _useState4[0],
|
|
29
33
|
setDisable = _useState4[1];
|
|
34
|
+
var _usePicker = context.usePicker(),
|
|
35
|
+
colors = _usePicker.colors,
|
|
36
|
+
selectedColor = _usePicker.selectedColor,
|
|
37
|
+
createGradientStr = _usePicker.createGradientStr;
|
|
30
38
|
var handleOnChange = function handleOnChange(event) {
|
|
31
39
|
var inputValue = event.target.value.replace('%', '');
|
|
32
|
-
|
|
33
|
-
|
|
40
|
+
setValue(inputValue);
|
|
41
|
+
if (!tinycolor['default'](inputValue).isValid()) return;
|
|
42
|
+
if (isCurrentValueGradient && gradientType) {
|
|
43
|
+
var newColors = color_picker_utils.ColorPickerUtils.updateGradientWithActiveColor(colors, selectedColor, inputValue);
|
|
44
|
+
createGradientStr(newColors);
|
|
45
|
+
} else {
|
|
34
46
|
setColor(inputValue);
|
|
35
47
|
}
|
|
36
48
|
};
|
|
@@ -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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,oFAAwF;AAC9G,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
8
7
|
var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
9
8
|
var styles = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
|
|
9
|
+
var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
10
10
|
var dropper_fill_icon = require('../../../../assets/icons/dropper_fill_icon.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,oFAAwF;AAC9G,qBAAqB,0FAA8F;AACnH,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,9 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
|
|
8
7
|
var formatters = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
|
|
8
|
+
var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
|
|
9
9
|
var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
10
|
+
var color_picker_utils = require('../../color_picker_utils.js');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
13
|
|
|
@@ -29,18 +30,11 @@ var Handle = function Handle(_ref) {
|
|
|
29
30
|
createGradientStr = _usePicker.createGradientStr;
|
|
30
31
|
var isSelected = selectedColor === i;
|
|
31
32
|
var leftMultiplyer = (squareWidth - 18) / 100;
|
|
32
|
-
var setSelectedColor = function setSelectedColor(index) {
|
|
33
|
-
var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
|
|
34
|
-
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, cc), {}, {
|
|
35
|
-
value: i === index ? formatters.high(cc) : formatters.low(cc)
|
|
36
|
-
});
|
|
37
|
-
});
|
|
38
|
-
createGradientStr(newGradStr);
|
|
39
|
-
};
|
|
40
33
|
var handleDown = function handleDown(e) {
|
|
41
34
|
e.preventDefault();
|
|
42
35
|
e.stopPropagation();
|
|
43
|
-
|
|
36
|
+
var updated = color_picker_utils.ColorPickerUtils.updateGradientWithActiveColor(colors, i, colors[i].value);
|
|
37
|
+
createGradientStr(updated);
|
|
44
38
|
setDragging(true);
|
|
45
39
|
};
|
|
46
40
|
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;AACA,oBAAoB,wFAA4F;AAChH,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,oBAAoB,wFAA4F;AAChH,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
8
7
|
var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
|
|
9
8
|
var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
10
9
|
var usePaintHue = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js');
|
|
10
|
+
var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,0BAA0B,8FAAkG;AAC5H,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
8
7
|
var constants = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/constants.js');
|
|
9
8
|
var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
|
|
10
9
|
var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
|
|
11
10
|
var usePaintSquare = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js');
|
|
11
|
+
var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,sFAA0F;AAClH,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,6BAA6B,iGAAqG;AAClI,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,8 +5,8 @@ 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 color_picker_utils = require('../color_picker_utils.js');
|
|
9
8
|
var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
|
|
9
|
+
var color_picker_utils = require('../color_picker_utils.js');
|
|
10
10
|
var isEqual = require('lodash/isEqual');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
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;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState, useEffect, createContext, useContext } from 'react';
|
|
2
|
-
import { getDetails, getColorObj, isUpperCase } from './utils/utils.js';
|
|
3
2
|
import tinycolor from '../../external/tinycolor2/tinycolor.js';
|
|
4
3
|
import { getColors, high, low } from './utils/formatters.js';
|
|
4
|
+
import { getDetails, getColorObj, isUpperCase } from './utils/utils.js';
|
|
5
5
|
|
|
6
6
|
var __assign = undefined && undefined.__assign || function () {
|
|
7
7
|
__assign = Object.assign || function (t) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,wCAA4C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
2
|
import { config } from '../constants.js';
|
|
3
|
-
import { getDetails, getColorObj, isUpperCase } from '../utils/utils.js';
|
|
4
3
|
import tinycolor from '../../../external/tinycolor2/tinycolor.js';
|
|
5
4
|
import { getColors, formatInputValues, high, low } from '../utils/formatters.js';
|
|
5
|
+
import { getDetails, getColorObj, isUpperCase } from '../utils/utils.js';
|
|
6
6
|
import { rgb2cmyk } from '../utils/converters.js';
|
|
7
7
|
|
|
8
8
|
var __assign = undefined && undefined.__assign || function () {
|
package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { isUpperCase } from './utils.js';
|
|
2
1
|
import tinycolor from '../../../external/tinycolor2/tinycolor.js';
|
|
3
2
|
import { high, low } from './formatters.js';
|
|
3
|
+
import { isUpperCase } from './utils.js';
|
|
4
4
|
|
|
5
5
|
var __assign = undefined && undefined.__assign || function () {
|
|
6
6
|
__assign = Object.assign || function (t) {
|
package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,5 @@
|
|
|
1
1
|
import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, TGradientColoPickerLibGradientObject, TGradientObject } from './color_picker_types';
|
|
2
|
+
import { GradientProps } from 'react-best-gradient-color-picker';
|
|
2
3
|
import tinycolor from 'tinycolor2';
|
|
3
4
|
export declare class ColorPickerUtils {
|
|
4
5
|
static getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
|
|
@@ -15,4 +16,5 @@ export declare class ColorPickerUtils {
|
|
|
15
16
|
}) => ColorPickerVariable[];
|
|
16
17
|
private static convertVariableShadesToHex;
|
|
17
18
|
static getColorPickerGradientValue(gradient: TGradientColoPickerLibGradientObject): TGradientObject;
|
|
19
|
+
static updateGradientWithActiveColor: (colors: GradientProps[], index: number, newColor: string) => GradientProps[];
|
|
18
20
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import { COLOR_PICKER_INITIAL_STATE, GRADIENT_TYPES, GRADIENT_RADIAL_SHAPES } from './color_picker_constants.js';
|
|
3
|
+
import { high, low } from '../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
|
|
3
4
|
import tinycolor from '../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
4
5
|
|
|
5
6
|
var _ColorPickerUtils;
|
|
@@ -182,6 +183,15 @@ _defineProperty(ColorPickerUtils, "convertVariableShadesToHex", function (variab
|
|
|
182
183
|
};
|
|
183
184
|
});
|
|
184
185
|
});
|
|
186
|
+
_defineProperty(ColorPickerUtils, "updateGradientWithActiveColor", function (colors, index, newColor) {
|
|
187
|
+
return colors.map(function (c, i) {
|
|
188
|
+
return _objectSpread2(_objectSpread2({}, c), {}, {
|
|
189
|
+
value: i === index ? high(_objectSpread2(_objectSpread2({}, c), {}, {
|
|
190
|
+
value: tinycolor(newColor).toRgbString()
|
|
191
|
+
})) : low(c)
|
|
192
|
+
});
|
|
193
|
+
});
|
|
194
|
+
});
|
|
185
195
|
|
|
186
196
|
export { ColorPickerUtils };
|
|
187
197
|
//# sourceMappingURL=color_picker_utils.js.map
|
|
@@ -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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,0BAA0B,uFAA2F;AACrH,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;"}
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_content.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT, COLOR_PICKER_PADDING_LEFT, COLOR_PICKER_CONTENT_MAX_HEIGHT } from '../color_picker_constants.js';
|
|
4
|
-
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
5
|
-
import { ColorPickerFooter } from './color_picker_footer.js';
|
|
6
|
-
import { ColorPickerVariables } from './color_picker_variables.js';
|
|
7
4
|
import { objectToString } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
|
|
8
5
|
import PickerContextWrapper from '../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
9
6
|
import { getStyles } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js';
|
|
7
|
+
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
8
|
+
import { ColorPickerFooter } from './color_picker_footer.js';
|
|
9
|
+
import { ColorPickerVariables } from './color_picker_variables.js';
|
|
10
10
|
import { ColorPickerControls } from './color_picker_controls.js';
|
|
11
11
|
import { ColorPickerImpl } from './color_picker_impl.js';
|
|
12
12
|
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_content.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,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_controls.js
CHANGED
|
@@ -8,8 +8,8 @@ import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
|
|
|
8
8
|
import { TooltipContent } from '../../tooltip/components/tooltip_content.js';
|
|
9
9
|
import { TooltipProvider } from '../../tooltip/context/tooltip_provider.js';
|
|
10
10
|
import { GRADIENT_TYPES } from '../color_picker_constants.js';
|
|
11
|
-
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
12
11
|
import { usePicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
12
|
+
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
13
13
|
import { ColorPickerGradientAngle } from './color_picker_gradient_controls/color_picker_gradient_angle.js';
|
|
14
14
|
import { ColorPickerModeToggler } from './color_picker_mode_toggler.js';
|
|
15
15
|
import { GradientBar } from './color_picker_overrides/color_picker_gradient_bar.js';
|
|
@@ -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
|
|
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,0BAA0B,iFAAqF;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6 +1,8 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { Input } from '../../../input/input.js';
|
|
4
|
+
import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
5
|
+
import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
4
6
|
import { ColorPickerUtils } from '../../color_picker_utils.js';
|
|
5
7
|
import { useColorPicker } from '../../hooks/use_color_picker.js';
|
|
6
8
|
import { InputUtils } from '@dreamcommerce/utilities';
|
|
@@ -10,7 +12,9 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
|
|
|
10
12
|
setColor = _useColorPicker.setColor,
|
|
11
13
|
hex = _useColorPicker.hex,
|
|
12
14
|
handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
|
|
13
|
-
alphaValue = _useColorPicker.alphaValue
|
|
15
|
+
alphaValue = _useColorPicker.alphaValue,
|
|
16
|
+
isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
|
|
17
|
+
gradientType = _useColorPicker.gradientType;
|
|
14
18
|
var _useState = useState(hex),
|
|
15
19
|
_useState2 = _slicedToArray(_useState, 2),
|
|
16
20
|
value = _useState2[0],
|
|
@@ -19,10 +23,18 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
|
|
|
19
23
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
20
24
|
disable = _useState4[0],
|
|
21
25
|
setDisable = _useState4[1];
|
|
26
|
+
var _usePicker = usePicker(),
|
|
27
|
+
colors = _usePicker.colors,
|
|
28
|
+
selectedColor = _usePicker.selectedColor,
|
|
29
|
+
createGradientStr = _usePicker.createGradientStr;
|
|
22
30
|
var handleOnChange = function handleOnChange(event) {
|
|
23
31
|
var inputValue = event.target.value.replace('%', '');
|
|
24
|
-
|
|
25
|
-
|
|
32
|
+
setValue(inputValue);
|
|
33
|
+
if (!tinycolor(inputValue).isValid()) return;
|
|
34
|
+
if (isCurrentValueGradient && gradientType) {
|
|
35
|
+
var newColors = ColorPickerUtils.updateGradientWithActiveColor(colors, selectedColor, inputValue);
|
|
36
|
+
createGradientStr(newColors);
|
|
37
|
+
} else {
|
|
26
38
|
setColor(inputValue);
|
|
27
39
|
}
|
|
28
40
|
};
|
|
@@ -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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,0BAA0B,oFAAwF;AAClH,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
4
3
|
import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
5
4
|
import { controlBtnStyles } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js';
|
|
5
|
+
import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
6
6
|
import { DropperFillIcon } from '../../../../assets/icons/dropper_fill_icon.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,0BAA0B,oFAAwF;AAClH,iCAAiC,0FAA8F;AAC/H,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,8 +1,9 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
2
|
import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { low } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
|
|
3
4
|
import { getHandleValue } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
|
|
4
|
-
import { low, high } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
|
|
5
5
|
import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
6
|
+
import { ColorPickerUtils } from '../../color_picker_utils.js';
|
|
6
7
|
|
|
7
8
|
/**
|
|
8
9
|
* Zmieniono wzgledem react-best-gradient-color-picker:
|
|
@@ -21,18 +22,11 @@ var Handle = function Handle(_ref) {
|
|
|
21
22
|
createGradientStr = _usePicker.createGradientStr;
|
|
22
23
|
var isSelected = selectedColor === i;
|
|
23
24
|
var leftMultiplyer = (squareWidth - 18) / 100;
|
|
24
|
-
var setSelectedColor = function setSelectedColor(index) {
|
|
25
|
-
var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
|
|
26
|
-
return _objectSpread2(_objectSpread2({}, cc), {}, {
|
|
27
|
-
value: i === index ? high(cc) : low(cc)
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
createGradientStr(newGradStr);
|
|
31
|
-
};
|
|
32
25
|
var handleDown = function handleDown(e) {
|
|
33
26
|
e.preventDefault();
|
|
34
27
|
e.stopPropagation();
|
|
35
|
-
|
|
28
|
+
var updated = ColorPickerUtils.updateGradientWithActiveColor(colors, i, colors[i].value);
|
|
29
|
+
createGradientStr(updated);
|
|
36
30
|
setDragging(true);
|
|
37
31
|
};
|
|
38
32
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,+BAA+B,wFAA4F;AAC3H,0BAA0B,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,oBAAoB,6FAAiG;AACrH,+BAA+B,wFAA4F;AAC3H,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,9 +1,9 @@
|
|
|
1
1
|
import React, { useRef, useCallback, useEffect } from 'react';
|
|
2
2
|
import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
4
3
|
import { getHandleValue } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
|
|
5
4
|
import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
6
5
|
import usePaintHue from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js';
|
|
6
|
+
import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Zmieniono wzgledem react-best-gradient-color-picker:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,+BAA+B,wFAA4F;AAC3H,0BAA0B,oFAAwF;AAClH,wBAAwB,8FAAkG;AAC1H,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,10 +1,10 @@
|
|
|
1
1
|
import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
4
3
|
import { config } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/constants.js';
|
|
5
4
|
import { computeSquareXY, computePickerPosition } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
|
|
6
5
|
import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
7
6
|
import usePaintSquare from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js';
|
|
7
|
+
import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
8
8
|
|
|
9
9
|
var crossSize = config.crossSize;
|
|
10
10
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,8 +1,8 @@
|
|
|
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 { ColorPickerUtils } from '../color_picker_utils.js';
|
|
5
4
|
import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
|
|
5
|
+
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
6
6
|
import isEqual from 'lodash/isEqual';
|
|
7
7
|
|
|
8
8
|
var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
|
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;"}
|
|
@@ -46,7 +46,7 @@ export declare const Typography: ({ variant, as, style, color, weight, size, lin
|
|
|
46
46
|
results?: number | undefined;
|
|
47
47
|
security?: string | undefined;
|
|
48
48
|
unselectable?: "off" | "on" | undefined;
|
|
49
|
-
inputMode?: "search" | "
|
|
49
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
50
50
|
is?: string | undefined;
|
|
51
51
|
"aria-activedescendant"?: string | undefined;
|
|
52
52
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|