@dreamcommerce/aurora 2.12.1-70 → 2.12.1-71

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.
Files changed (9) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +11 -3
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +17 -15
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +12 -4
  6. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +17 -15
  8. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  9. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var debounce = require('../../../../../../external/lodash/debounce.js');
6
+ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var context = require('../context.js');
8
8
  var constants = require('../constants.js');
9
9
  var css_classes = require('../css_classes.js');
@@ -30,6 +30,14 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
30
30
  setColor = _useContext.setColor,
31
31
  handleCancel = _useContext.handleCancel;
32
32
 
33
+ var _useState = React.useState(color),
34
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
35
+ test = _useState2[0],
36
+ setTest = _useState2[1];
37
+
38
+ React.useEffect(function () {
39
+ setTest(color);
40
+ }, [color]);
33
41
  return /*#__PURE__*/React__default['default'].createElement("div", {
34
42
  className: "".concat(main_module['default'][css_classes.cssColorPicker])
35
43
  }, /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -46,8 +54,8 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
46
54
  }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
47
55
  className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
48
56
  }, /*#__PURE__*/React__default['default'].createElement(index$1.ColorPicker, {
49
- value: color,
50
- onChange: debounce['default'](setColor, 10),
57
+ value: test,
58
+ onChange: setColor,
51
59
  width: constants.COLOR_PICKER_WIDTH,
52
60
  height: constants.COLOR_PICKER_HEIGHT,
53
61
  hideColorTypeBtns: true,
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -18,25 +18,27 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
18
18
  onChange = _ref.onChange,
19
19
  onCancel = _ref.onCancel,
20
20
  onSave = _ref.onSave;
21
- var contextValue = use_color_picker['default']({
21
+
22
+ var _useColorPicker = use_color_picker['default']({
22
23
  initialColor: initialColor,
23
24
  onChange: onChange,
24
25
  onCancel: onCancel,
25
26
  onSave: onSave
26
- });
27
- var color = contextValue.color,
28
- setColor = contextValue.setColor,
29
- hex = contextValue.hex,
30
- hslArr = contextValue.hslArr,
31
- handleOnChangeAlpha = contextValue.handleOnChangeAlpha,
32
- alphaValue = contextValue.alphaValue,
33
- rgbaArr = contextValue.rgbaArr,
34
- setR = contextValue.setR,
35
- setG = contextValue.setG,
36
- setB = contextValue.setB,
37
- handleCancel = contextValue.handleCancel,
38
- handleSave = contextValue.handleSave,
39
- handlePickSwatch = contextValue.handlePickSwatch;
27
+ }),
28
+ color = _useColorPicker.color,
29
+ setColor = _useColorPicker.setColor,
30
+ hex = _useColorPicker.hex,
31
+ hslArr = _useColorPicker.hslArr,
32
+ handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
33
+ alphaValue = _useColorPicker.alphaValue,
34
+ rgbaArr = _useColorPicker.rgbaArr,
35
+ setR = _useColorPicker.setR,
36
+ setG = _useColorPicker.setG,
37
+ setB = _useColorPicker.setB,
38
+ handleCancel = _useColorPicker.handleCancel,
39
+ handleSave = _useColorPicker.handleSave,
40
+ handlePickSwatch = _useColorPicker.handlePickSwatch;
41
+
40
42
  var value = React.useMemo(function () {
41
43
  return {
42
44
  color: color,
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -1,5 +1,5 @@
1
- import React, { useContext } from 'react';
2
- import debounce_1 from '../../../../../../external/lodash/debounce.js';
1
+ import React, { useContext, useState, useEffect } from 'react';
2
+ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { ColorPickerNewContext } from '../context.js';
4
4
  import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
5
5
  import { cssColorPicker, cssColorPickerInputContainer, cssColorPickerInputColorSwatchContainer, cssColorPickerContainer, cssColorPickerRbgcp } from '../css_classes.js';
@@ -22,6 +22,14 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
22
22
  setColor = _useContext.setColor,
23
23
  handleCancel = _useContext.handleCancel;
24
24
 
25
+ var _useState = useState(color),
26
+ _useState2 = _slicedToArray(_useState, 2),
27
+ test = _useState2[0],
28
+ setTest = _useState2[1];
29
+
30
+ useEffect(function () {
31
+ setTest(color);
32
+ }, [color]);
25
33
  return /*#__PURE__*/React.createElement("div", {
26
34
  className: "".concat(styles[cssColorPicker])
27
35
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("div", {
@@ -38,8 +46,8 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
38
46
  }, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
39
47
  className: "".concat(styles[cssColorPickerContainer])
40
48
  }, /*#__PURE__*/React.createElement(ColorPicker, {
41
- value: color,
42
- onChange: debounce_1(setColor, 10),
49
+ value: test,
50
+ onChange: setColor,
43
51
  width: COLOR_PICKER_WIDTH,
44
52
  height: COLOR_PICKER_HEIGHT,
45
53
  hideColorTypeBtns: true,
package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -10,25 +10,27 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
10
10
  onChange = _ref.onChange,
11
11
  onCancel = _ref.onCancel,
12
12
  onSave = _ref.onSave;
13
- var contextValue = useColorPicker({
13
+
14
+ var _useColorPicker = useColorPicker({
14
15
  initialColor: initialColor,
15
16
  onChange: onChange,
16
17
  onCancel: onCancel,
17
18
  onSave: onSave
18
- });
19
- var color = contextValue.color,
20
- setColor = contextValue.setColor,
21
- hex = contextValue.hex,
22
- hslArr = contextValue.hslArr,
23
- handleOnChangeAlpha = contextValue.handleOnChangeAlpha,
24
- alphaValue = contextValue.alphaValue,
25
- rgbaArr = contextValue.rgbaArr,
26
- setR = contextValue.setR,
27
- setG = contextValue.setG,
28
- setB = contextValue.setB,
29
- handleCancel = contextValue.handleCancel,
30
- handleSave = contextValue.handleSave,
31
- handlePickSwatch = contextValue.handlePickSwatch;
19
+ }),
20
+ color = _useColorPicker.color,
21
+ setColor = _useColorPicker.setColor,
22
+ hex = _useColorPicker.hex,
23
+ hslArr = _useColorPicker.hslArr,
24
+ handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
25
+ alphaValue = _useColorPicker.alphaValue,
26
+ rgbaArr = _useColorPicker.rgbaArr,
27
+ setR = _useColorPicker.setR,
28
+ setG = _useColorPicker.setG,
29
+ setB = _useColorPicker.setB,
30
+ handleCancel = _useColorPicker.handleCancel,
31
+ handleSave = _useColorPicker.handleSave,
32
+ handlePickSwatch = _useColorPicker.handlePickSwatch;
33
+
32
34
  var value = useMemo(function () {
33
35
  return {
34
36
  color: color,
package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.12.1-70",
5
+ "version": "2.12.1-71",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",