@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.
- package/build/cjs/packages/aurora/src/components/color_picker_new/context.js +0 -3
- package/build/cjs/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +1 -4
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +16 -2
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/context.js +0 -3
- package/build/esm/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +1 -4
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js +16 -2
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts +0 -3
- package/package.json +1 -1
|
@@ -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;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,
|
|
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,
|
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;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
|
|
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:
|
|
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;"}
|
|
@@ -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;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts
CHANGED
|
@@ -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,
|
|
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,
|
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;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
|
|
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:
|
|
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[];
|