@dreamcommerce/aurora 2.12.1-41 → 2.12.1-42

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 +4 -3
  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 +2 -0
  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 +5 -1
  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 +4 -19
  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 +1 -7
  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 +5 -4
  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 +2 -0
  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 +5 -4
  19. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +5 -1
  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 +5 -20
  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 = ({ color }) => {
18
+ const ColorPickerFooter = () => {
19
19
  const { closeDropdown } = React.useContext(index.DropdownContext);
20
- const { handleCancel, handleSave } = React.useContext(context.ColorPickerNewContext);
20
+ const { color, 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 { hex, handleOnChangeAlpha, alphaValue } = React.useContext(context.ColorPickerNewContext);
16
+ const { setColor, 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 constants = require('../constants.js');
8
7
  var context = require('../context.js');
8
+ var constants = require('../constants.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,8 +20,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
20
20
 
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
 
23
- const ColorPickerNewPure = ({ color, setColor, id, name }) => {
23
+ const ColorPickerNewPure = ({ id, name }) => {
24
24
  const { hex, handleCancel } = React.useContext(context.ColorPickerNewContext);
25
+ const [color, setColor] = React.useState('rgba(255,255,255,1)');
25
26
  return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPicker]}` },
26
27
  React__default['default'].createElement(index['default'], null,
27
28
  React__default['default'].createElement(index['default'].CustomLabel, null,
@@ -35,7 +36,7 @@ const ColorPickerNewPure = ({ color, setColor, id, name }) => {
35
36
  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]}` }),
36
37
  React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null),
37
38
  React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)),
38
- React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, { color: color })))));
39
+ React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null)))));
39
40
  };
40
41
 
41
42
  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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/context.js CHANGED
@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  const ColorPickerNewContext = React.createContext({
8
+ color: '',
9
+ setColor: () => { },
8
10
  hex: '',
9
11
  hslArr: [],
10
12
  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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -3,10 +3,12 @@
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 useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
7
8
  var utilities = require('../utilities.js');
8
9
 
9
- const useColorPicker = ({ color, setColor, onChange, onCancel, onSave }) => {
10
+ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
11
+ const [color, setColor] = React.useState(initialColor ? initialColor : constants.COLOR_PICKER_INITIAL_STATE);
10
12
  const [choosenColor, setChoosenColor] = React.useState(color);
11
13
  const { hslArr, rgbaArr, setR, setG, setB, setA } = useColorPicker$1.useColorPicker(color, setColor);
12
14
  const tinyColor = utilities.getTinyColorInstance(color);
@@ -40,6 +42,8 @@ const useColorPicker = ({ color, setColor, onChange, onCancel, onSave }) => {
40
42
  setColor(color);
41
43
  };
42
44
  return {
45
+ color,
46
+ setColor,
43
47
  hex,
44
48
  hslArr,
45
49
  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,+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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -3,7 +3,6 @@
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 context = require('./context.js');
8
7
  var pureColorPicker = require('./components/pure-color-picker.js');
9
8
  var use_color_picker = require('./hooks/use_color_picker.js');
@@ -13,28 +12,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
13
 
15
14
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
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,
15
+ const contextValue = use_color_picker['default']({
16
+ initialColor,
20
17
  onChange,
21
18
  onCancel,
22
19
  onSave
23
20
  });
24
- return (React__default['default'].createElement(context.ColorPickerNewContext.Provider, { value: {
25
- hex,
26
- hslArr,
27
- handleOnChangeAlpha,
28
- alphaValue,
29
- rgbaArr,
30
- setR,
31
- setG,
32
- setB,
33
- handleCancel,
34
- handleSave,
35
- handlePickSwatch
36
- } },
37
- React__default['default'].createElement(pureColorPicker['default'], { color: color, setColor: setColor, id: id, name: name })));
21
+ return (React__default['default'].createElement(context.ColorPickerNewContext.Provider, { value: contextValue },
22
+ React__default['default'].createElement(pureColorPicker['default'], { id: id, name: name })));
38
23
  };
39
24
 
40
25
  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;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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.d.ts CHANGED
@@ -1,7 +1 @@
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 {};
1
+ export declare const ColorPickerFooter: () => JSX.Element;
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 = ({ color }) => {
10
+ const ColorPickerFooter = () => {
11
11
  const { closeDropdown } = useContext(DropdownContext);
12
- const { handleCancel, handleSave } = useContext(ColorPickerNewContext);
12
+ const { color, 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 { hex, handleOnChangeAlpha, alphaValue } = useContext(ColorPickerNewContext);
8
+ const { setColor, 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 } from 'react';
1
+ import React, { useContext, useState } from 'react';
2
2
  import Input from '../../controls/components/input.js';
3
- import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
4
3
  import { ColorPickerNewContext } from '../context.js';
4
+ import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.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,8 +12,9 @@ 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 = ({ color, setColor, id, name }) => {
15
+ const ColorPickerNewPure = ({ id, name }) => {
16
16
  const { hex, handleCancel } = useContext(ColorPickerNewContext);
17
+ const [color, setColor] = useState('rgba(255,255,255,1)');
17
18
  return (React.createElement("div", { className: `${styles[cssColorPicker]}` },
18
19
  React.createElement(Dropdown, null,
19
20
  React.createElement(Dropdown.CustomLabel, null,
@@ -27,7 +28,7 @@ const ColorPickerNewPure = ({ color, setColor, id, name }) => {
27
28
  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]}` }),
28
29
  React.createElement(ColorPickerInputs, null),
29
30
  React.createElement(ColorPickerSwatches, null)),
30
- React.createElement(ColorPickerFooter, { color: color })))));
31
+ React.createElement(ColorPickerFooter, null)))));
31
32
  };
32
33
 
33
34
  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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/context.js CHANGED
@@ -1,6 +1,8 @@
1
1
  import { createContext } from 'react';
2
2
 
3
3
  const ColorPickerNewContext = createContext({
4
+ color: '',
5
+ setColor: () => { },
4
6
  hex: '',
5
7
  hslArr: [],
6
8
  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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts CHANGED
@@ -1,13 +1,14 @@
1
+ /// <reference types="react" />
1
2
  import { ColorPickerColorTypes, IColorPickerColor } from '../types';
2
- import { Dispatch, SetStateAction } from 'react';
3
3
  export declare type ColorPickerHookProps = {
4
- color: string;
5
- setColor: Dispatch<SetStateAction<string>>;
4
+ initialColor?: ColorPickerColorTypes['hex'];
6
5
  onChange?: (color: IColorPickerColor) => void;
7
6
  onCancel?: () => void;
8
7
  onSave?: (color: IColorPickerColor) => void;
9
8
  };
10
- declare const useColorPicker: ({ color, setColor, onChange, onCancel, onSave }: ColorPickerHookProps) => {
9
+ declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave }: ColorPickerHookProps) => {
10
+ color: string;
11
+ setColor: import("react").Dispatch<import("react").SetStateAction<string>>;
11
12
  hex: string;
12
13
  hslArr: number[];
13
14
  handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -1,8 +1,10 @@
1
1
  import { useState, useEffect } from 'react';
2
+ import { COLOR_PICKER_INITIAL_STATE } from '../constants.js';
2
3
  import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
3
4
  import { getTinyColorInstance, getHexValue, getAllColorTypes } from '../utilities.js';
4
5
 
5
- const useColorPicker = ({ color, setColor, onChange, onCancel, onSave }) => {
6
+ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
7
+ const [color, setColor] = useState(initialColor ? initialColor : COLOR_PICKER_INITIAL_STATE);
6
8
  const [choosenColor, setChoosenColor] = useState(color);
7
9
  const { hslArr, rgbaArr, setR, setG, setB, setA } = useColorPicker$1(color, setColor);
8
10
  const tinyColor = getTinyColorInstance(color);
@@ -36,6 +38,8 @@ const useColorPicker = ({ color, setColor, onChange, onCancel, onSave }) => {
36
38
  setColor(color);
37
39
  };
38
40
  return {
41
+ color,
42
+ setColor,
39
43
  hex,
40
44
  hslArr,
41
45
  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,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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -1,32 +1,17 @@
1
- import React, { useState } from 'react';
2
- import { COLOR_PICKER_INITIAL_STATE } from './constants.js';
1
+ import React from 'react';
3
2
  import { ColorPickerNewContext } from './context.js';
4
3
  import ColorPickerNewPure from './components/pure-color-picker.js';
5
4
  import useColorPicker from './hooks/use_color_picker.js';
6
5
 
7
6
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
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,
7
+ const contextValue = useColorPicker({
8
+ initialColor,
12
9
  onChange,
13
10
  onCancel,
14
11
  onSave
15
12
  });
16
- return (React.createElement(ColorPickerNewContext.Provider, { value: {
17
- hex,
18
- hslArr,
19
- handleOnChangeAlpha,
20
- alphaValue,
21
- rgbaArr,
22
- setR,
23
- setG,
24
- setB,
25
- handleCancel,
26
- handleSave,
27
- handlePickSwatch
28
- } },
29
- React.createElement(ColorPickerNewPure, { color: color, setColor: setColor, id: id, name: name })));
13
+ return (React.createElement(ColorPickerNewContext.Provider, { value: contextValue },
14
+ React.createElement(ColorPickerNewPure, { id: id, name: name })));
30
15
  };
31
16
 
32
17
  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;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/types.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
2
  export interface IColorPickerNewPureProps {
3
- color: ColorPickerColorTypes['hex'];
4
- setColor: Dispatch<SetStateAction<string>>;
5
3
  id: string;
6
4
  name?: string;
7
5
  }
@@ -14,6 +12,8 @@ export interface IColorPickerNewProps {
14
12
  onSave?: (color: IColorPickerColor) => void;
15
13
  }
16
14
  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-41",
5
+ "version": "2.12.1-42",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",