@dreamcommerce/aurora 2.20.3-12 → 2.20.3-13

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 (5) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +10 -12
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +11 -13
  4. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  5. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -9,20 +9,17 @@ var constants = require('../constants.js');
9
9
  var color_picker_utils = require('../color_picker_utils.js');
10
10
 
11
11
  var useColorPicker = function useColorPicker(_ref) {
12
- var _initialColorMemo$nam;
12
+ var _initialColor$name;
13
13
 
14
14
  var initialColor = _ref.initialColor,
15
15
  onChange = _ref.onChange,
16
16
  onCancel = _ref.onCancel,
17
17
  onSave = _ref.onSave,
18
18
  initialColorVariables = _ref.colorVariables;
19
- var initialColorMemo = React.useMemo(function () {
20
- return initialColor;
21
- }, [initialColor]);
22
19
 
23
20
  var _useState = React.useState({
24
- value: initialColorMemo ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof initialColorMemo === 'string' ? initialColorMemo : initialColorMemo === null || initialColorMemo === void 0 ? void 0 : initialColorMemo.value).toHex8() : constants.COLOR_PICKER_INITIAL_STATE,
25
- name: typeof initialColorMemo === 'string' ? '' : (_initialColorMemo$nam = initialColorMemo === null || initialColorMemo === void 0 ? void 0 : initialColorMemo.name) !== null && _initialColorMemo$nam !== void 0 ? _initialColorMemo$nam : ''
21
+ value: initialColor ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : constants.COLOR_PICKER_INITIAL_STATE,
22
+ name: typeof initialColor === 'string' ? '' : (_initialColor$name = initialColor === null || initialColor === void 0 ? void 0 : initialColor.name) !== null && _initialColor$name !== void 0 ? _initialColor$name : ''
26
23
  }),
27
24
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
28
25
  color = _useState2[0],
@@ -35,22 +32,23 @@ var useColorPicker = function useColorPicker(_ref) {
35
32
  var setColor = function setColor(color) {
36
33
  var hexColor = color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
37
34
  setColorValue(function (prevColor) {
38
- var _prevColor$value;
35
+ var _prevColor$value, _prevColor$value2;
39
36
 
40
37
  console.log('prevColor', prevColor);
41
38
  console.log('hexColor', hexColor);
42
39
  console.log('=============================');
43
40
  return {
44
- value: hexColor,
45
- name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof color === 'string' ? '' : color === null || color === void 0 ? void 0 : color.name
41
+ // value: hexColor,
42
+ value: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.value : typeof color === 'string' ? color : color === null || color === void 0 ? void 0 : color.value,
43
+ name: ((_prevColor$value2 = prevColor.value) !== null && _prevColor$value2 !== void 0 ? _prevColor$value2 : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof color === 'string' ? '' : color === null || color === void 0 ? void 0 : color.name
46
44
  };
47
45
  });
48
46
  };
49
47
 
50
48
  React.useEffect(function () {
51
- if (!initialColorMemo) return;
52
- setColor(initialColorMemo);
53
- }, [initialColorMemo]);
49
+ if (!initialColor) return;
50
+ setColor(initialColor);
51
+ }, [initialColor]);
54
52
 
55
53
  var _useState5 = React.useState(color),
56
54
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_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,+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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -1,24 +1,21 @@
1
- import { useMemo, useState, useEffect } from 'react';
1
+ import { useState, useEffect } from 'react';
2
2
  import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
4
4
  import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
5
5
  import { ColorPickerUtils } from '../color_picker_utils.js';
6
6
 
7
7
  var useColorPicker = function useColorPicker(_ref) {
8
- var _initialColorMemo$nam;
8
+ var _initialColor$name;
9
9
 
10
10
  var initialColor = _ref.initialColor,
11
11
  onChange = _ref.onChange,
12
12
  onCancel = _ref.onCancel,
13
13
  onSave = _ref.onSave,
14
14
  initialColorVariables = _ref.colorVariables;
15
- var initialColorMemo = useMemo(function () {
16
- return initialColor;
17
- }, [initialColor]);
18
15
 
19
16
  var _useState = useState({
20
- value: initialColorMemo ? ColorPickerUtils.getTinyColorInstance(typeof initialColorMemo === 'string' ? initialColorMemo : initialColorMemo === null || initialColorMemo === void 0 ? void 0 : initialColorMemo.value).toHex8() : COLOR_PICKER_INITIAL_STATE,
21
- name: typeof initialColorMemo === 'string' ? '' : (_initialColorMemo$nam = initialColorMemo === null || initialColorMemo === void 0 ? void 0 : initialColorMemo.name) !== null && _initialColorMemo$nam !== void 0 ? _initialColorMemo$nam : ''
17
+ value: initialColor ? ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : COLOR_PICKER_INITIAL_STATE,
18
+ name: typeof initialColor === 'string' ? '' : (_initialColor$name = initialColor === null || initialColor === void 0 ? void 0 : initialColor.name) !== null && _initialColor$name !== void 0 ? _initialColor$name : ''
22
19
  }),
23
20
  _useState2 = _slicedToArray(_useState, 2),
24
21
  color = _useState2[0],
@@ -31,22 +28,23 @@ var useColorPicker = function useColorPicker(_ref) {
31
28
  var setColor = function setColor(color) {
32
29
  var hexColor = ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
33
30
  setColorValue(function (prevColor) {
34
- var _prevColor$value;
31
+ var _prevColor$value, _prevColor$value2;
35
32
 
36
33
  console.log('prevColor', prevColor);
37
34
  console.log('hexColor', hexColor);
38
35
  console.log('=============================');
39
36
  return {
40
- value: hexColor,
41
- name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof color === 'string' ? '' : color === null || color === void 0 ? void 0 : color.name
37
+ // value: hexColor,
38
+ value: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.value : typeof color === 'string' ? color : color === null || color === void 0 ? void 0 : color.value,
39
+ name: ((_prevColor$value2 = prevColor.value) !== null && _prevColor$value2 !== void 0 ? _prevColor$value2 : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof color === 'string' ? '' : color === null || color === void 0 ? void 0 : color.name
42
40
  };
43
41
  });
44
42
  };
45
43
 
46
44
  useEffect(function () {
47
- if (!initialColorMemo) return;
48
- setColor(initialColorMemo);
49
- }, [initialColorMemo]);
45
+ if (!initialColor) return;
46
+ setColor(initialColor);
47
+ }, [initialColor]);
50
48
 
51
49
  var _useState5 = useState(color),
52
50
  _useState6 = _slicedToArray(_useState5, 2),
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.20.3-12",
5
+ "version": "2.20.3-13",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",