@dreamcommerce/aurora 3.1.5-4 → 3.1.6

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 (6) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +15 -6
  2. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +1 -1
  4. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +15 -6
  5. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -19,8 +19,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
19
19
  _ref$withGradient = _ref.withGradient,
20
20
  isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
21
21
  var colorValue = color_picker_utils.ColorPickerUtils.normalizeLinearGradient(value || color_picker_constants.COLOR_PICKER_INITIAL_STATE);
22
+ var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
22
23
  var colorValueRef = React.useRef(colorValue);
23
- var savedColorRef = React.useRef(colorValue);
24
+ var savedColorRef = React.useRef({
25
+ value: colorValue,
26
+ name: currentSelectedVariable || ''
27
+ });
24
28
  var _useState = React.useState(!color_picker_utils.ColorPickerUtils.isGradient(colorValue) ? colorValue : color_picker_constants.COLOR_PICKER_INITIAL_STATE),
25
29
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
26
30
  previousSolidColor = _useState2[0],
@@ -46,14 +50,13 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
46
50
  _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
47
51
  isColorPickerCurrentlyUsed = _useState12[0],
48
52
  setIsColorPickerCurrentlyUsed = _useState12[1];
49
- var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
50
53
  var _getDetails = utils.getDetails(colorValue),
51
54
  degrees = _getDetails.degrees;
52
55
  var savedDegRef = React.useRef(isNaN(degrees) ? 180 : degrees);
53
56
  var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
54
57
  var setColor = React.useCallback(function (newColor) {
55
58
  var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
56
- var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
59
+ var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
57
60
  setShadeName(shadeName);
58
61
  !color_picker_utils.ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
59
62
  var isGradient = color_picker_utils.ColorPickerUtils.isGradient(newColor);
@@ -107,15 +110,21 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
107
110
  setA(val);
108
111
  };
109
112
  var handleCancel = function handleCancel() {
110
- setColor(savedColorRef.current);
113
+ var _savedColorRef$curren = savedColorRef.current,
114
+ value = _savedColorRef$curren.value,
115
+ name = _savedColorRef$curren.name;
116
+ setColor(value, '', name || '');
111
117
  onCancel === null || onCancel === void 0 ? void 0 : onCancel();
112
118
  };
113
119
  var handleSave = function handleSave() {
114
120
  var newColorVar = {
115
121
  value: colorValue,
116
- name: variables && color_picker_utils.ColorPickerUtils.findVariable(variables, colorValue) || ''
122
+ name: variables && color_picker_utils.ColorPickerUtils.findVariable(variables, colorValue) || currentSelectedVariable || ''
123
+ };
124
+ savedColorRef.current = {
125
+ value: colorValue,
126
+ name: newColorVar.name
117
127
  };
118
- savedColorRef.current = colorValue;
119
128
  onSave === null || onSave === void 0 ? void 0 : onSave(color_picker_utils.ColorPickerUtils.getAllColorTypes(newColorVar));
120
129
  };
121
130
  return {
package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_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,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/setup_color_picker.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, colorVa
12
12
  color: string;
13
13
  previousSolidColor: string;
14
14
  previousGradientColor: string;
15
- setColor: (newColor: string, shadeName?: string, variableName?: undefined) => void;
15
+ setColor: (newColor: string, shadeName?: string, variableName?: string) => void;
16
16
  hex: string;
17
17
  hslArr: number[];
18
18
  handleOnChangeAlpha: (value: number) => void;
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -15,8 +15,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
15
15
  _ref$withGradient = _ref.withGradient,
16
16
  isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
17
17
  var colorValue = ColorPickerUtils.normalizeLinearGradient(value || COLOR_PICKER_INITIAL_STATE);
18
+ var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
18
19
  var colorValueRef = useRef(colorValue);
19
- var savedColorRef = useRef(colorValue);
20
+ var savedColorRef = useRef({
21
+ value: colorValue,
22
+ name: currentSelectedVariable || ''
23
+ });
20
24
  var _useState = useState(!ColorPickerUtils.isGradient(colorValue) ? colorValue : COLOR_PICKER_INITIAL_STATE),
21
25
  _useState2 = _slicedToArray(_useState, 2),
22
26
  previousSolidColor = _useState2[0],
@@ -42,14 +46,13 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
42
46
  _useState12 = _slicedToArray(_useState11, 2),
43
47
  isColorPickerCurrentlyUsed = _useState12[0],
44
48
  setIsColorPickerCurrentlyUsed = _useState12[1];
45
- var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
46
49
  var _getDetails = getDetails(colorValue),
47
50
  degrees = _getDetails.degrees;
48
51
  var savedDegRef = useRef(isNaN(degrees) ? 180 : degrees);
49
52
  var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
50
53
  var setColor = useCallback(function (newColor) {
51
54
  var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
52
- var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
55
+ var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
53
56
  setShadeName(shadeName);
54
57
  !ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
55
58
  var isGradient = ColorPickerUtils.isGradient(newColor);
@@ -103,15 +106,21 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
103
106
  setA(val);
104
107
  };
105
108
  var handleCancel = function handleCancel() {
106
- setColor(savedColorRef.current);
109
+ var _savedColorRef$curren = savedColorRef.current,
110
+ value = _savedColorRef$curren.value,
111
+ name = _savedColorRef$curren.name;
112
+ setColor(value, '', name || '');
107
113
  onCancel === null || onCancel === void 0 ? void 0 : onCancel();
108
114
  };
109
115
  var handleSave = function handleSave() {
110
116
  var newColorVar = {
111
117
  value: colorValue,
112
- name: variables && ColorPickerUtils.findVariable(variables, colorValue) || ''
118
+ name: variables && ColorPickerUtils.findVariable(variables, colorValue) || currentSelectedVariable || ''
119
+ };
120
+ savedColorRef.current = {
121
+ value: colorValue,
122
+ name: newColorVar.name
113
123
  };
114
- savedColorRef.current = colorValue;
115
124
  onSave === null || onSave === void 0 ? void 0 : onSave(ColorPickerUtils.getAllColorTypes(newColorVar));
116
125
  };
117
126
  return {
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+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;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,2BAA2B,qFAAyF;AACpH,+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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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": "3.1.5-4",
5
+ "version": "3.1.6",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",