@dreamcommerce/aurora 3.1.3 → 3.1.5-1

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 (34) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +5 -3
  2. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +6 -0
  4. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js +3 -3
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +7 -4
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +3 -2
  9. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +5 -2
  11. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js +1 -1
  13. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +9 -3
  14. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +5 -3
  16. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +3 -1
  18. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +1 -0
  19. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +6 -0
  20. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js +3 -3
  22. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts +1 -0
  23. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +7 -4
  24. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +3 -2
  26. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +2 -1
  28. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +5 -2
  29. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js +1 -1
  31. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +9 -3
  32. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
  33. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.d.ts +1 -0
  34. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js CHANGED
@@ -61,7 +61,8 @@ var ColorPicker = function ColorPicker(_ref) {
61
61
  isColorPickerCurrentlyUsed = _useSetupColorPicker.isColorPickerCurrentlyUsed,
62
62
  setIsColorPickerCurrentlyUsed = _useSetupColorPicker.setIsColorPickerCurrentlyUsed,
63
63
  degrees = _useSetupColorPicker.degrees,
64
- shadeName = _useSetupColorPicker.shadeName;
64
+ shadeName = _useSetupColorPicker.shadeName,
65
+ currentSelectedVariable = _useSetupColorPicker.currentSelectedVariable;
65
66
  var contextVal = React.useMemo(function () {
66
67
  return {
67
68
  color: color,
@@ -93,9 +94,10 @@ var ColorPicker = function ColorPicker(_ref) {
93
94
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
94
95
  degrees: degrees,
95
96
  shadeName: shadeName,
96
- onPickShade: onPickShade
97
+ onPickShade: onPickShade,
98
+ currentSelectedVariable: currentSelectedVariable
97
99
  };
98
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade]);
100
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade, currentSelectedVariable]);
99
101
  return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
100
102
  value: contextVal
101
103
  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], _rollupPluginBabelHelpers.objectSpread2({
package/build/cjs/packages/aurora/src/components/color_picker/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker_utils.js CHANGED
@@ -178,6 +178,12 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariable", funct
178
178
  return variableTiny.toHex8String() === colorTiny.toHex8String();
179
179
  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
180
180
  });
181
+ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariableByName", function (variables, name) {
182
+ var _Object$values$find2;
183
+ return (_Object$values$find2 = Object.values(variables).find(function (v) {
184
+ return v.name === name;
185
+ })) === null || _Object$values$find2 === void 0 ? void 0 : _Object$values$find2.name;
186
+ });
181
187
  _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {
182
188
  var gradientRegex = /linear-gradient\s*\((.*?)\)/i;
183
189
  var match = color.match(gradientRegex);
package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF,yBAAyB,uFAA2F;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,qDAAyD;AACjF,yBAAyB,uFAA2F;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_input.js CHANGED
@@ -21,17 +21,17 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
21
21
  disabled = _ref.disabled,
22
22
  preElement = _ref.preElement;
23
23
  var _useColorPicker = use_color_picker.useColorPicker(),
24
- color = _useColorPicker.color,
25
24
  typedInputValue = _useColorPicker.typedInputValue,
26
25
  isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
27
26
  gradientType = _useColorPicker.gradientType,
28
27
  colorVariables = _useColorPicker.colorVariables,
29
- shadeName = _useColorPicker.shadeName;
28
+ shadeName = _useColorPicker.shadeName,
29
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
30
30
  var _useTranslation = useTranslation.useTranslation(),
31
31
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
32
32
  t = _useTranslation2[0];
33
33
  var typedInputValueHasFullHexLength = typedInputValue.length >= 6;
34
- var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && color_picker_utils.ColorPickerUtils.findVariable(colorVariables.variables, color) || shadeName || '';
34
+ var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && currentSelectedVariable && color_picker_utils.ColorPickerUtils.findVariableByName(colorVariables.variables, currentSelectedVariable) || shadeName || '';
35
35
  var colorName = undefined;
36
36
  if (isCurrentValueGradient) {
37
37
  colorName = gradientType === color_picker_constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -18,18 +18,21 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
18
18
  size = _ref.size,
19
19
  hasActiveBorder = _ref.hasActiveBorder,
20
20
  onClick = _ref.onClick,
21
- className = _ref.className;
21
+ className = _ref.className,
22
+ variableName = _ref.variableName;
22
23
  var _useColorPicker = use_color_picker.useColorPicker(),
23
- activeColor = _useColorPicker.color;
24
+ activeColor = _useColorPicker.color,
25
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
24
26
  var handleOnClick = function handleOnClick() {
25
27
  onClick === null || onClick === void 0 ? void 0 : onClick(color);
26
28
  };
27
- var shouldApplyActiveBorder = hasActiveBorder && tinycolor['default'](activeColor).toHex() === color;
29
+ var shouldApplyActiveBorder = hasActiveBorder && !variableName && tinycolor['default'](activeColor).toHex() === color;
30
+ var currentSelected = hasActiveBorder && variableName && variableName === currentSelectedVariable;
28
31
  return /*#__PURE__*/React__default['default'].createElement("div", {
29
32
  className: cn.cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-4 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
30
33
  'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,
31
34
  'aurora-w-7 aurora-h-7': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big,
32
- '!aurora-border-active aurora-border-2': shouldApplyActiveBorder
35
+ '!aurora-border-active aurora-border-2': shouldApplyActiveBorder || currentSelected
33
36
  }, className),
34
37
  onClick: handleOnClick
35
38
  }, /*#__PURE__*/React__default['default'].createElement("div", {
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.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,wBAAwB,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_variables.js CHANGED
@@ -67,7 +67,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
67
67
  var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(variable.value);
68
68
  var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
69
69
  var handleOnClick = function handleOnClick() {
70
- return setColor(colorHex);
70
+ return setColor(colorHex, '', variable.name);
71
71
  };
72
72
  return /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, {
73
73
  key: "".concat(variable, "-").concat(index)
@@ -77,7 +77,8 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
77
77
  onClick: handleOnClick,
78
78
  color: colorHex,
79
79
  cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
80
- hasActiveBorder: true
80
+ hasActiveBorder: true,
81
+ variableName: variable.name
81
82
  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
82
83
  variant: "dark"
83
84
  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/setup_color_picker.js CHANGED
@@ -46,18 +46,20 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
46
46
  _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
47
47
  isColorPickerCurrentlyUsed = _useState12[0],
48
48
  setIsColorPickerCurrentlyUsed = _useState12[1];
49
+ var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
49
50
  var _getDetails = utils.getDetails(colorValue),
50
51
  degrees = _getDetails.degrees;
51
52
  var savedDegRef = React.useRef(isNaN(degrees) ? 180 : degrees);
52
53
  var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
53
54
  var setColor = React.useCallback(function (newColor) {
54
55
  var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
56
+ var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
55
57
  setShadeName(shadeName);
56
58
  !color_picker_utils.ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
57
59
  var isGradient = color_picker_utils.ColorPickerUtils.isGradient(newColor);
58
60
  var newColorVar = {
59
61
  value: newColor,
60
- name: variables && !isGradient && color_picker_utils.ColorPickerUtils.findVariable(variables, newColor) || ''
62
+ name: variableName || ''
61
63
  };
62
64
  var colorObject = color_picker_utils.ColorPickerUtils.getAllColorTypes(newColorVar);
63
65
  var colorDegrees = newColor.match(/(linear|radial)-gradient\([^)]*?([0-9.]+)deg/);
@@ -145,7 +147,8 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
145
147
  isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
146
148
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
147
149
  degrees: degrees,
148
- shadeName: shadeName
150
+ shadeName: shadeName,
151
+ currentSelectedVariable: currentSelectedVariable
149
152
  };
150
153
  };
151
154
 
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;"}
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;"}
package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js CHANGED
@@ -13,7 +13,7 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
13
13
  onError = _ref.onError,
14
14
  onLoad = _ref.onLoad;
15
15
  return /*#__PURE__*/React__default['default'].createElement("div", {
16
- className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
16
+ className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center"
17
17
  }, /*#__PURE__*/React__default['default'].createElement("img", {
18
18
  className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
19
19
  alt: file.fileName,
package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js CHANGED
@@ -69,7 +69,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
69
69
  setImageExtenstion = _useState12[1];
70
70
  var handleControlChange = /*#__PURE__*/function () {
71
71
  var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
72
- var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
72
+ var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
73
73
  return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
74
74
  while (1) switch (_context.prev = _context.next) {
75
75
  case 0:
@@ -102,12 +102,18 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
102
102
  });
103
103
  case 11:
104
104
  responseObject = _context.sent;
105
+ if (responseObject.imagePath) {
106
+ paths = {
107
+ original: responseObject.imagePath
108
+ };
109
+ }
105
110
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
106
111
  fileList: fileList,
107
112
  dataUrl: fileAsDataUrl,
108
- imageId: responseObject.data.imageId
113
+ imageId: responseObject.data.imageId,
114
+ paths: paths
109
115
  });
110
- case 13:
116
+ case 14:
111
117
  case "end":
112
118
  return _context.stop();
113
119
  }
package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker.js CHANGED
@@ -53,7 +53,8 @@ var ColorPicker = function ColorPicker(_ref) {
53
53
  isColorPickerCurrentlyUsed = _useSetupColorPicker.isColorPickerCurrentlyUsed,
54
54
  setIsColorPickerCurrentlyUsed = _useSetupColorPicker.setIsColorPickerCurrentlyUsed,
55
55
  degrees = _useSetupColorPicker.degrees,
56
- shadeName = _useSetupColorPicker.shadeName;
56
+ shadeName = _useSetupColorPicker.shadeName,
57
+ currentSelectedVariable = _useSetupColorPicker.currentSelectedVariable;
57
58
  var contextVal = useMemo(function () {
58
59
  return {
59
60
  color: color,
@@ -85,9 +86,10 @@ var ColorPicker = function ColorPicker(_ref) {
85
86
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
86
87
  degrees: degrees,
87
88
  shadeName: shadeName,
88
- onPickShade: onPickShade
89
+ onPickShade: onPickShade,
90
+ currentSelectedVariable: currentSelectedVariable
89
91
  };
90
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade]);
92
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade, currentSelectedVariable]);
91
93
  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
92
94
  value: contextVal
93
95
  }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
package/build/esm/packages/aurora/src/components/color_picker/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker_types.d.ts CHANGED
@@ -12,6 +12,7 @@ export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElemen
12
12
  export interface IColorPickerColorVariables {
13
13
  isVisible: boolean;
14
14
  variables: IColorPickerColorVariablesType;
15
+ selectedVariable?: string;
15
16
  }
16
17
  export interface IColorPickerColorVariablesType {
17
18
  primary: ColorPickerVariable;
@@ -36,7 +37,7 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
36
37
  }
37
38
  export interface IColorPickerContext {
38
39
  color: string;
39
- setColor: (newColor: string, shadeName?: string) => void;
40
+ setColor: (newColor: string, shadeName?: string, variableName?: string) => void;
40
41
  hex: string;
41
42
  hslArr: number[];
42
43
  handleOnChangeAlpha: (val: number) => void;
@@ -65,6 +66,7 @@ export interface IColorPickerContext {
65
66
  degrees: number;
66
67
  shadeName: string;
67
68
  onPickShade?: (shadeValue: string) => void;
69
+ currentSelectedVariable?: string;
68
70
  }
69
71
  export declare type ColorPickerColorTypes = {
70
72
  hex: string;
package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare class ColorPickerUtils {
17
17
  private static convertVariableShadesToHex;
18
18
  static updateGradientWithActiveColor: (colors: GradientProps[], index: number, newColor: string) => GradientProps[];
19
19
  static findVariable: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], color: string) => string | undefined;
20
+ static findVariableByName: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], name: string) => string | undefined;
20
21
  static normalizeLinearGradient: (color: string) => string;
21
22
  static preventTypingLetters(event: React.KeyboardEvent<HTMLInputElement>): void;
22
23
  }
package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js CHANGED
@@ -174,6 +174,12 @@ _defineProperty(ColorPickerUtils, "findVariable", function (variables, color) {
174
174
  return variableTiny.toHex8String() === colorTiny.toHex8String();
175
175
  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
176
176
  });
177
+ _defineProperty(ColorPickerUtils, "findVariableByName", function (variables, name) {
178
+ var _Object$values$find2;
179
+ return (_Object$values$find2 = Object.values(variables).find(function (v) {
180
+ return v.name === name;
181
+ })) === null || _Object$values$find2 === void 0 ? void 0 : _Object$values$find2.name;
182
+ });
177
183
  _defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {
178
184
  var gradientRegex = /linear-gradient\s*\((.*?)\)/i;
179
185
  var match = color.match(gradientRegex);
package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,qDAAyD;AAC/E,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,qDAAyD;AAC/E,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_input.js CHANGED
@@ -13,17 +13,17 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
13
13
  disabled = _ref.disabled,
14
14
  preElement = _ref.preElement;
15
15
  var _useColorPicker = useColorPicker(),
16
- color = _useColorPicker.color,
17
16
  typedInputValue = _useColorPicker.typedInputValue,
18
17
  isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
19
18
  gradientType = _useColorPicker.gradientType,
20
19
  colorVariables = _useColorPicker.colorVariables,
21
- shadeName = _useColorPicker.shadeName;
20
+ shadeName = _useColorPicker.shadeName,
21
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
22
22
  var _useTranslation = useTranslation(),
23
23
  _useTranslation2 = _slicedToArray(_useTranslation, 1),
24
24
  t = _useTranslation2[0];
25
25
  var typedInputValueHasFullHexLength = typedInputValue.length >= 6;
26
- var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && ColorPickerUtils.findVariable(colorVariables.variables, color) || shadeName || '';
26
+ var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && currentSelectedVariable && ColorPickerUtils.findVariableByName(colorVariables.variables, currentSelectedVariable) || shadeName || '';
27
27
  var colorName = undefined;
28
28
  if (isCurrentValueGradient) {
29
29
  colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts CHANGED
@@ -8,6 +8,7 @@ interface IColorPickerSwatchProps {
8
8
  hasActiveBorder?: boolean;
9
9
  onClick?: (color: ColorPickerColorTypes['hex']) => void;
10
10
  className?: string;
11
+ variableName?: string;
11
12
  }
12
13
  export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
13
14
  export {};
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -10,18 +10,21 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
10
10
  size = _ref.size,
11
11
  hasActiveBorder = _ref.hasActiveBorder,
12
12
  onClick = _ref.onClick,
13
- className = _ref.className;
13
+ className = _ref.className,
14
+ variableName = _ref.variableName;
14
15
  var _useColorPicker = useColorPicker(),
15
- activeColor = _useColorPicker.color;
16
+ activeColor = _useColorPicker.color,
17
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
16
18
  var handleOnClick = function handleOnClick() {
17
19
  onClick === null || onClick === void 0 ? void 0 : onClick(color);
18
20
  };
19
- var shouldApplyActiveBorder = hasActiveBorder && tinycolor(activeColor).toHex() === color;
21
+ var shouldApplyActiveBorder = hasActiveBorder && !variableName && tinycolor(activeColor).toHex() === color;
22
+ var currentSelected = hasActiveBorder && variableName && variableName === currentSelectedVariable;
20
23
  return /*#__PURE__*/React.createElement("div", {
21
24
  className: cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-4 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
22
25
  'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
23
26
  'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
24
- '!aurora-border-active aurora-border-2': shouldApplyActiveBorder
27
+ '!aurora-border-active aurora-border-2': shouldApplyActiveBorder || currentSelected
25
28
  }, className),
26
29
  onClick: handleOnClick
27
30
  }, /*#__PURE__*/React.createElement("div", {
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_variables.js CHANGED
@@ -59,7 +59,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
59
59
  var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
60
60
  var colorHex = ColorPickerUtils.getHexValue(colorTiny);
61
61
  var handleOnClick = function handleOnClick() {
62
- return setColor(colorHex);
62
+ return setColor(colorHex, '', variable.name);
63
63
  };
64
64
  return /*#__PURE__*/React.createElement(TooltipProvider, {
65
65
  key: "".concat(variable, "-").concat(index)
@@ -69,7 +69,8 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
69
69
  onClick: handleOnClick,
70
70
  color: colorHex,
71
71
  cssColor: ColorPickerUtils.getHexValueString(colorTiny),
72
- hasActiveBorder: true
72
+ hasActiveBorder: true,
73
+ variableName: variable.name
73
74
  })), /*#__PURE__*/React.createElement(TooltipContent, {
74
75
  variant: "dark"
75
76
  }, /*#__PURE__*/React.createElement(Typography, {
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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) => void;
15
+ setColor: (newColor: string, shadeName?: string, variableName?: undefined) => void;
16
16
  hex: string;
17
17
  hslArr: number[];
18
18
  handleOnChangeAlpha: (value: number) => void;
@@ -38,5 +38,6 @@ declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, colorVa
38
38
  setIsColorPickerCurrentlyUsed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
39
39
  degrees: number;
40
40
  shadeName: string;
41
+ currentSelectedVariable: string | undefined;
41
42
  };
42
43
  export default useSetupColorPicker;
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -42,18 +42,20 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
42
42
  _useState12 = _slicedToArray(_useState11, 2),
43
43
  isColorPickerCurrentlyUsed = _useState12[0],
44
44
  setIsColorPickerCurrentlyUsed = _useState12[1];
45
+ var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
45
46
  var _getDetails = getDetails(colorValue),
46
47
  degrees = _getDetails.degrees;
47
48
  var savedDegRef = useRef(isNaN(degrees) ? 180 : degrees);
48
49
  var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
49
50
  var setColor = useCallback(function (newColor) {
50
51
  var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
52
+ var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
51
53
  setShadeName(shadeName);
52
54
  !ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
53
55
  var isGradient = ColorPickerUtils.isGradient(newColor);
54
56
  var newColorVar = {
55
57
  value: newColor,
56
- name: variables && !isGradient && ColorPickerUtils.findVariable(variables, newColor) || ''
58
+ name: variableName || ''
57
59
  };
58
60
  var colorObject = ColorPickerUtils.getAllColorTypes(newColorVar);
59
61
  var colorDegrees = newColor.match(/(linear|radial)-gradient\([^)]*?([0-9.]+)deg/);
@@ -141,7 +143,8 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
141
143
  isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
142
144
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
143
145
  degrees: degrees,
144
- shadeName: shadeName
146
+ shadeName: shadeName,
147
+ currentSelectedVariable: currentSelectedVariable
145
148
  };
146
149
  };
147
150
 
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;"}
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;"}
package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js CHANGED
@@ -5,7 +5,7 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
5
5
  onError = _ref.onError,
6
6
  onLoad = _ref.onLoad;
7
7
  return /*#__PURE__*/React.createElement("div", {
8
- className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
8
+ className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center"
9
9
  }, /*#__PURE__*/React.createElement("img", {
10
10
  className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
11
11
  alt: file.fileName,
package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js CHANGED
@@ -61,7 +61,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
61
61
  setImageExtenstion = _useState12[1];
62
62
  var handleControlChange = /*#__PURE__*/function () {
63
63
  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
64
- var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
64
+ var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
65
65
  return _regeneratorRuntime().wrap(function _callee$(_context) {
66
66
  while (1) switch (_context.prev = _context.next) {
67
67
  case 0:
@@ -94,12 +94,18 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
94
94
  });
95
95
  case 11:
96
96
  responseObject = _context.sent;
97
+ if (responseObject.imagePath) {
98
+ paths = {
99
+ original: responseObject.imagePath
100
+ };
101
+ }
97
102
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
98
103
  fileList: fileList,
99
104
  dataUrl: fileAsDataUrl,
100
- imageId: responseObject.data.imageId
105
+ imageId: responseObject.data.imageId,
106
+ paths: paths
101
107
  });
102
- case 13:
108
+ case 14:
103
109
  case "end":
104
110
  return _context.stop();
105
111
  }
package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/xhr_image_picker/xhr_image_picker_types.d.ts CHANGED
@@ -14,4 +14,5 @@ export declare type TUploadedImageData = {
14
14
  fileList: FileList;
15
15
  dataUrl: string | ArrayBuffer | null | undefined;
16
16
  imageId: string;
17
+ paths?: Record<any, any>;
17
18
  };
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.3",
5
+ "version": "3.1.5-1",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",