@dreamcommerce/aurora 2.12.1-40 → 2.12.1-41

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 (24) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +2 -2
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +3 -4
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js +0 -2
  6. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +1 -8
  8. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +6 -5
  10. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.d.ts +7 -1
  12. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +2 -2
  13. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +2 -2
  14. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +4 -5
  15. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/color_picker_new/context.js +0 -2
  17. package/build/esm/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts +4 -5
  19. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +1 -8
  20. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +7 -6
  22. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts +2 -2
  24. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js CHANGED
@@ -15,9 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
 
18
- const ColorPickerFooter = () => {
18
+ const ColorPickerFooter = ({ color }) => {
19
19
  const { closeDropdown } = React.useContext(index.DropdownContext);
20
- const { color, handleCancel, handleSave } = React.useContext(context.ColorPickerNewContext);
20
+ const { handleCancel, handleSave } = React.useContext(context.ColorPickerNewContext);
21
21
  const [t] = useTranslation.useTranslation();
22
22
  const handleCancelButton = () => {
23
23
  closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js CHANGED
@@ -13,14 +13,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
15
  const ColorPickerInputsHex = () => {
16
- const { setColor, hex, handleOnChangeAlpha, alphaValue } = React.useContext(context.ColorPickerNewContext);
16
+ const { hex, handleOnChangeAlpha, alphaValue } = React.useContext(context.ColorPickerNewContext);
17
17
  const [value, setValue] = React.useState(hex);
18
18
  const [disable, setDisable] = React.useState(false);
19
19
  const handleOnChange = (event) => {
20
20
  const inputValue = event.target.value.replace('%', '');
21
21
  if (utilities$1.isHexChar(inputValue)) {
22
22
  setValue(inputValue);
23
- setColor(inputValue);
23
+ // setColor(inputValue);
24
24
  }
25
25
  };
26
26
  const hexFocus = () => {
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var input = require('../../controls/components/input.js');
7
- var context = require('../context.js');
8
7
  var constants = require('../constants.js');
8
+ var context = require('../context.js');
9
9
  var css_classes = require('../css_classes.js');
10
10
  var index$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
11
11
  var main_module = require('../../../css/color_picker_new/main.module.less.js');
@@ -20,9 +20,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
20
20
 
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
 
23
- const ColorPickerNewPure = ({ id, name }) => {
23
+ const ColorPickerNewPure = ({ color, setColor, id, name }) => {
24
24
  const { hex, handleCancel } = React.useContext(context.ColorPickerNewContext);
25
- const [color, setColor] = React.useState('rgba(255,255,255,1)');
26
25
  return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPicker]}` },
27
26
  React__default['default'].createElement(index['default'], null,
28
27
  React__default['default'].createElement(index['default'].CustomLabel, null,
@@ -36,7 +35,7 @@ const ColorPickerNewPure = ({ id, name }) => {
36
35
  React__default['default'].createElement(index$1.ColorPicker, { value: color, onChange: setColor, width: constants.COLOR_PICKER_WIDTH, height: constants.COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${main_module['default'][css_classes.cssColorPickerRbgcp]}` }),
37
36
  React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null),
38
37
  React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)),
39
- React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null)))));
38
+ React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, { color: color })))));
40
39
  };
41
40
 
42
41
  exports.default = ColorPickerNewPure;
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;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/context.js CHANGED
@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  const ColorPickerNewContext = React.createContext({
8
- color: '',
9
- setColor: () => { },
10
8
  hex: '',
11
9
  hslArr: [],
12
10
  handleOnChangeAlpha: () => { },
package/build/cjs/packages/aurora/src/components/color_picker_new/context.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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -3,12 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var constants = require('../constants.js');
7
6
  var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
8
7
  var utilities = require('../utilities.js');
9
8
 
10
- const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
11
- const [color, setColor] = React.useState(initialColor ? initialColor : constants.COLOR_PICKER_INITIAL_STATE);
9
+ const useColorPicker = ({ color, setColor, onChange, onCancel, onSave }) => {
12
10
  const [choosenColor, setChoosenColor] = React.useState(color);
13
11
  const { hslArr, rgbaArr, setR, setG, setB, setA } = useColorPicker$1.useColorPicker(color, setColor);
14
12
  const tinyColor = utilities.getTinyColorInstance(color);
@@ -22,15 +20,12 @@ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
22
20
  setAlpha(value > 100 ? 100 : value);
23
21
  };
24
22
  React.useEffect(() => {
25
- console.log('alpha');
26
23
  setA(alpha);
27
24
  }, [alpha]);
28
25
  React.useEffect(() => {
29
- console.log('rgbaArr[3]');
30
26
  setAlphaValue(`${Math.round(rgbaArr[3] * 100)}`);
31
27
  }, [rgbaArr[3]]);
32
28
  React.useEffect(() => {
33
- console.log('color');
34
29
  onChange === null || onChange === void 0 ? void 0 : onChange(utilities.getAllColorTypes(color));
35
30
  }, [color]);
36
31
  const handleCancel = () => {
@@ -45,8 +40,6 @@ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
45
40
  setColor(color);
46
41
  };
47
42
  return {
48
- color,
49
- setColor,
50
43
  hex,
51
44
  hslArr,
52
45
  handleOnChangeAlpha,
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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var constants = require('./constants.js');
6
7
  var context = require('./context.js');
7
8
  var pureColorPicker = require('./components/pure-color-picker.js');
8
9
  var use_color_picker = require('./hooks/use_color_picker.js');
@@ -12,15 +13,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
14
 
14
15
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
15
- const { color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch } = use_color_picker['default']({
16
- initialColor,
16
+ const [color, setColor] = React.useState(initialColor ? initialColor : constants.COLOR_PICKER_INITIAL_STATE);
17
+ const { hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch } = use_color_picker['default']({
18
+ color,
19
+ setColor,
17
20
  onChange,
18
21
  onCancel,
19
22
  onSave
20
23
  });
21
24
  return (React__default['default'].createElement(context.ColorPickerNewContext.Provider, { value: {
22
- color,
23
- setColor,
24
25
  hex,
25
26
  hslArr,
26
27
  handleOnChangeAlpha,
@@ -33,7 +34,7 @@ const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel,
33
34
  handleSave,
34
35
  handlePickSwatch
35
36
  } },
36
- React__default['default'].createElement(pureColorPicker['default'], { id: id, name: name })));
37
+ React__default['default'].createElement(pureColorPicker['default'], { color: color, setColor: setColor, id: id, name: name })));
37
38
  };
38
39
 
39
40
  exports.default = ColorPickerNewWithContext;
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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.d.ts CHANGED
@@ -1 +1,7 @@
1
- export declare const ColorPickerFooter: () => JSX.Element;
1
+ import { ColorPickerColorTypes } from '../types';
2
+ import React from 'react';
3
+ interface IColorPickerFooterProps {
4
+ color: ColorPickerColorTypes['hex'];
5
+ }
6
+ export declare const ColorPickerFooter: React.FC<IColorPickerFooterProps>;
7
+ export {};
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js CHANGED
@@ -7,9 +7,9 @@ import { cssColorPickerFooter } from '../css_classes.js';
7
7
  import { getAllColorTypes } from '../utilities.js';
8
8
  import styles from '../../../css/color_picker_new/main.module.less.js';
9
9
 
10
- const ColorPickerFooter = () => {
10
+ const ColorPickerFooter = ({ color }) => {
11
11
  const { closeDropdown } = useContext(DropdownContext);
12
- const { color, handleCancel, handleSave } = useContext(ColorPickerNewContext);
12
+ const { handleCancel, handleSave } = useContext(ColorPickerNewContext);
13
13
  const [t] = useTranslation();
14
14
  const handleCancelButton = () => {
15
15
  closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js CHANGED
@@ -5,14 +5,14 @@ import { ColorPickerNewContext } from '../../context.js';
5
5
  import { isHexChar } from '../../utilities.js';
6
6
 
7
7
  const ColorPickerInputsHex = () => {
8
- const { setColor, hex, handleOnChangeAlpha, alphaValue } = useContext(ColorPickerNewContext);
8
+ const { hex, handleOnChangeAlpha, alphaValue } = useContext(ColorPickerNewContext);
9
9
  const [value, setValue] = useState(hex);
10
10
  const [disable, setDisable] = useState(false);
11
11
  const handleOnChange = (event) => {
12
12
  const inputValue = event.target.value.replace('%', '');
13
13
  if (isHexChar(inputValue)) {
14
14
  setValue(inputValue);
15
- setColor(inputValue);
15
+ // setColor(inputValue);
16
16
  }
17
17
  };
18
18
  const hexFocus = () => {
package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -1,7 +1,7 @@
1
- import React, { useContext, useState } from 'react';
1
+ import React, { useContext } from 'react';
2
2
  import Input from '../../controls/components/input.js';
3
- import { ColorPickerNewContext } from '../context.js';
4
3
  import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
4
+ import { ColorPickerNewContext } from '../context.js';
5
5
  import { cssColorPicker, cssColorPickerInputContainer, cssColorPickerInputColorSwatchContainer, cssColorPickerContainer, cssColorPickerRbgcp } from '../css_classes.js';
6
6
  import { ColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js';
7
7
  import styles from '../../../css/color_picker_new/main.module.less.js';
@@ -12,9 +12,8 @@ import { ColorPickerSwatch } from './color-picker-swatch.js';
12
12
  import { ColorPickerSwatches } from './color-picker-swatches.js';
13
13
  import Dropdown from '../../dropdown/index.js';
14
14
 
15
- const ColorPickerNewPure = ({ id, name }) => {
15
+ const ColorPickerNewPure = ({ color, setColor, id, name }) => {
16
16
  const { hex, handleCancel } = useContext(ColorPickerNewContext);
17
- const [color, setColor] = useState('rgba(255,255,255,1)');
18
17
  return (React.createElement("div", { className: `${styles[cssColorPicker]}` },
19
18
  React.createElement(Dropdown, null,
20
19
  React.createElement(Dropdown.CustomLabel, null,
@@ -28,7 +27,7 @@ const ColorPickerNewPure = ({ id, name }) => {
28
27
  React.createElement(ColorPicker, { value: color, onChange: setColor, width: COLOR_PICKER_WIDTH, height: COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${styles[cssColorPickerRbgcp]}` }),
29
28
  React.createElement(ColorPickerInputs, null),
30
29
  React.createElement(ColorPickerSwatches, null)),
31
- React.createElement(ColorPickerFooter, null)))));
30
+ React.createElement(ColorPickerFooter, { color: color })))));
32
31
  };
33
32
 
34
33
  export default ColorPickerNewPure;
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;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/context.js CHANGED
@@ -1,8 +1,6 @@
1
1
  import { createContext } from 'react';
2
2
 
3
3
  const ColorPickerNewContext = createContext({
4
- color: '',
5
- setColor: () => { },
6
4
  hex: '',
7
5
  hslArr: [],
8
6
  handleOnChangeAlpha: () => { },
package/build/esm/packages/aurora/src/components/color_picker_new/context.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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts CHANGED
@@ -1,14 +1,13 @@
1
- /// <reference types="react" />
2
1
  import { ColorPickerColorTypes, IColorPickerColor } from '../types';
2
+ import { Dispatch, SetStateAction } from 'react';
3
3
  export declare type ColorPickerHookProps = {
4
- initialColor?: ColorPickerColorTypes['hex'];
4
+ color: string;
5
+ setColor: Dispatch<SetStateAction<string>>;
5
6
  onChange?: (color: IColorPickerColor) => void;
6
7
  onCancel?: () => void;
7
8
  onSave?: (color: IColorPickerColor) => void;
8
9
  };
9
- declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave }: ColorPickerHookProps) => {
10
- color: string;
11
- setColor: import("react").Dispatch<import("react").SetStateAction<string>>;
10
+ declare const useColorPicker: ({ color, setColor, onChange, onCancel, onSave }: ColorPickerHookProps) => {
12
11
  hex: string;
13
12
  hslArr: number[];
14
13
  handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -1,10 +1,8 @@
1
1
  import { useState, useEffect } from 'react';
2
- import { COLOR_PICKER_INITIAL_STATE } from '../constants.js';
3
2
  import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
4
3
  import { getTinyColorInstance, getHexValue, getAllColorTypes } from '../utilities.js';
5
4
 
6
- const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
7
- const [color, setColor] = useState(initialColor ? initialColor : COLOR_PICKER_INITIAL_STATE);
5
+ const useColorPicker = ({ color, setColor, onChange, onCancel, onSave }) => {
8
6
  const [choosenColor, setChoosenColor] = useState(color);
9
7
  const { hslArr, rgbaArr, setR, setG, setB, setA } = useColorPicker$1(color, setColor);
10
8
  const tinyColor = getTinyColorInstance(color);
@@ -18,15 +16,12 @@ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
18
16
  setAlpha(value > 100 ? 100 : value);
19
17
  };
20
18
  useEffect(() => {
21
- console.log('alpha');
22
19
  setA(alpha);
23
20
  }, [alpha]);
24
21
  useEffect(() => {
25
- console.log('rgbaArr[3]');
26
22
  setAlphaValue(`${Math.round(rgbaArr[3] * 100)}`);
27
23
  }, [rgbaArr[3]]);
28
24
  useEffect(() => {
29
- console.log('color');
30
25
  onChange === null || onChange === void 0 ? void 0 : onChange(getAllColorTypes(color));
31
26
  }, [color]);
32
27
  const handleCancel = () => {
@@ -41,8 +36,6 @@ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
41
36
  setColor(color);
42
37
  };
43
38
  return {
44
- color,
45
- setColor,
46
39
  hex,
47
40
  hslArr,
48
41
  handleOnChangeAlpha,
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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -1,18 +1,19 @@
1
- import React from 'react';
1
+ import React, { useState } from 'react';
2
+ import { COLOR_PICKER_INITIAL_STATE } from './constants.js';
2
3
  import { ColorPickerNewContext } from './context.js';
3
4
  import ColorPickerNewPure from './components/pure-color-picker.js';
4
5
  import useColorPicker from './hooks/use_color_picker.js';
5
6
 
6
7
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
7
- const { color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch } = useColorPicker({
8
- initialColor,
8
+ const [color, setColor] = useState(initialColor ? initialColor : COLOR_PICKER_INITIAL_STATE);
9
+ const { hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch } = useColorPicker({
10
+ color,
11
+ setColor,
9
12
  onChange,
10
13
  onCancel,
11
14
  onSave
12
15
  });
13
16
  return (React.createElement(ColorPickerNewContext.Provider, { value: {
14
- color,
15
- setColor,
16
17
  hex,
17
18
  hslArr,
18
19
  handleOnChangeAlpha,
@@ -25,7 +26,7 @@ const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel,
25
26
  handleSave,
26
27
  handlePickSwatch
27
28
  } },
28
- React.createElement(ColorPickerNewPure, { id: id, name: name })));
29
+ React.createElement(ColorPickerNewPure, { color: color, setColor: setColor, id: id, name: name })));
29
30
  };
30
31
 
31
32
  export default ColorPickerNewWithContext;
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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
2
  export interface IColorPickerNewPureProps {
3
+ color: ColorPickerColorTypes['hex'];
4
+ setColor: Dispatch<SetStateAction<string>>;
3
5
  id: string;
4
6
  name?: string;
5
7
  }
@@ -12,8 +14,6 @@ export interface IColorPickerNewProps {
12
14
  onSave?: (color: IColorPickerColor) => void;
13
15
  }
14
16
  export interface IColorPickerNewContextProps {
15
- color: string;
16
- setColor: Dispatch<SetStateAction<string>>;
17
17
  hex: string;
18
18
  hslArr: number[];
19
19
  handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
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-40",
5
+ "version": "2.12.1-41",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",