@dreamcommerce/aurora 2.12.1-39 → 2.12.1-40

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.
@@ -9,9 +9,6 @@ const ColorPickerNewContext = React.createContext({
9
9
  setColor: () => { },
10
10
  hex: '',
11
11
  hslArr: [],
12
- setHue: () => { },
13
- setSaturation: () => { },
14
- setLightness: () => { },
15
12
  handleOnChangeAlpha: () => { },
16
13
  alphaValue: '',
17
14
  rgbaArr: [],
@@ -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;"}
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;"}
@@ -10,7 +10,7 @@ var utilities = require('../utilities.js');
10
10
  const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
11
11
  const [color, setColor] = React.useState(initialColor ? initialColor : constants.COLOR_PICKER_INITIAL_STATE);
12
12
  const [choosenColor, setChoosenColor] = React.useState(color);
13
- const { hslArr, setHue, setSaturation, setLightness, rgbaArr, setR, setG, setB, setA } = useColorPicker$1.useColorPicker(color, setColor);
13
+ const { hslArr, rgbaArr, setR, setG, setB, setA } = useColorPicker$1.useColorPicker(color, setColor);
14
14
  const tinyColor = utilities.getTinyColorInstance(color);
15
15
  const hex = utilities.getHexValue(tinyColor);
16
16
  const [alpha, setAlpha] = React.useState(rgbaArr[3] * 100);
@@ -49,9 +49,6 @@ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
49
49
  setColor,
50
50
  hex,
51
51
  hslArr,
52
- setHue,
53
- setSaturation,
54
- setLightness,
55
52
  handleOnChangeAlpha,
56
53
  alphaValue,
57
54
  rgbaArr,
@@ -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;"}
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;"}
@@ -12,13 +12,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
15
- const colorPickerNewContext = use_color_picker['default']({
15
+ const { color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch } = use_color_picker['default']({
16
16
  initialColor,
17
17
  onChange,
18
18
  onCancel,
19
19
  onSave
20
20
  });
21
- return (React__default['default'].createElement(context.ColorPickerNewContext.Provider, { value: colorPickerNewContext },
21
+ return (React__default['default'].createElement(context.ColorPickerNewContext.Provider, { value: {
22
+ color,
23
+ setColor,
24
+ hex,
25
+ hslArr,
26
+ handleOnChangeAlpha,
27
+ alphaValue,
28
+ rgbaArr,
29
+ setR,
30
+ setG,
31
+ setB,
32
+ handleCancel,
33
+ handleSave,
34
+ handlePickSwatch
35
+ } },
22
36
  React__default['default'].createElement(pureColorPicker['default'], { id: id, name: name })));
23
37
  };
24
38
 
@@ -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;"}
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;"}
@@ -5,9 +5,6 @@ const ColorPickerNewContext = createContext({
5
5
  setColor: () => { },
6
6
  hex: '',
7
7
  hslArr: [],
8
- setHue: () => { },
9
- setSaturation: () => { },
10
- setLightness: () => { },
11
8
  handleOnChangeAlpha: () => { },
12
9
  alphaValue: '',
13
10
  rgbaArr: [],
@@ -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;"}
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;"}
@@ -11,9 +11,6 @@ declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave }: Col
11
11
  setColor: import("react").Dispatch<import("react").SetStateAction<string>>;
12
12
  hex: string;
13
13
  hslArr: number[];
14
- setHue: (newHue: number) => void;
15
- setSaturation: (newSat: number) => void;
16
- setLightness: (newLight: number) => void;
17
14
  handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
18
15
  alphaValue: string;
19
16
  rgbaArr: number[];
@@ -6,7 +6,7 @@ import { getTinyColorInstance, getHexValue, getAllColorTypes } from '../utilitie
6
6
  const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
7
7
  const [color, setColor] = useState(initialColor ? initialColor : COLOR_PICKER_INITIAL_STATE);
8
8
  const [choosenColor, setChoosenColor] = useState(color);
9
- const { hslArr, setHue, setSaturation, setLightness, rgbaArr, setR, setG, setB, setA } = useColorPicker$1(color, setColor);
9
+ const { hslArr, rgbaArr, setR, setG, setB, setA } = useColorPicker$1(color, setColor);
10
10
  const tinyColor = getTinyColorInstance(color);
11
11
  const hex = getHexValue(tinyColor);
12
12
  const [alpha, setAlpha] = useState(rgbaArr[3] * 100);
@@ -45,9 +45,6 @@ const useColorPicker = ({ initialColor, onChange, onCancel, onSave }) => {
45
45
  setColor,
46
46
  hex,
47
47
  hslArr,
48
- setHue,
49
- setSaturation,
50
- setLightness,
51
48
  handleOnChangeAlpha,
52
49
  alphaValue,
53
50
  rgbaArr,
@@ -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;"}
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;"}
@@ -4,13 +4,27 @@ import ColorPickerNewPure from './components/pure-color-picker.js';
4
4
  import useColorPicker from './hooks/use_color_picker.js';
5
5
 
6
6
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
7
- const colorPickerNewContext = useColorPicker({
7
+ const { color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch } = useColorPicker({
8
8
  initialColor,
9
9
  onChange,
10
10
  onCancel,
11
11
  onSave
12
12
  });
13
- return (React.createElement(ColorPickerNewContext.Provider, { value: colorPickerNewContext },
13
+ return (React.createElement(ColorPickerNewContext.Provider, { value: {
14
+ color,
15
+ setColor,
16
+ hex,
17
+ hslArr,
18
+ handleOnChangeAlpha,
19
+ alphaValue,
20
+ rgbaArr,
21
+ setR,
22
+ setG,
23
+ setB,
24
+ handleCancel,
25
+ handleSave,
26
+ handlePickSwatch
27
+ } },
14
28
  React.createElement(ColorPickerNewPure, { id: id, name: name })));
15
29
  };
16
30
 
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -16,9 +16,6 @@ export interface IColorPickerNewContextProps {
16
16
  setColor: Dispatch<SetStateAction<string>>;
17
17
  hex: string;
18
18
  hslArr: number[];
19
- setHue: (newHue: number) => void;
20
- setSaturation: (newSat: number) => void;
21
- setLightness: (newLight: number) => void;
22
19
  handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
23
20
  alphaValue: string;
24
21
  rgbaArr: number[];
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-39",
5
+ "version": "2.12.1-40",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",