@dreamcommerce/aurora 2.20.2-1 → 2.20.2-3

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 (20) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +41 -41
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +9 -4
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +3 -1
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +42 -42
  8. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/color_picker_new/index.d.ts +1 -1
  10. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +10 -5
  11. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts +2 -0
  13. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +3 -1
  14. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
  16. package/package.json +1 -1
  17. package/build/cjs/external/lodash/isEqual.js +0 -43
  18. package/build/cjs/external/lodash/isEqual.js.map +0 -1
  19. package/build/esm/external/lodash/isEqual.js +0 -39
  20. package/build/esm/external/lodash/isEqual.js.map +0 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var context = require('../context.js');
7
7
  var constants = require('../constants.js');
8
8
  var css_classes = require('../css_classes.js');
9
9
  var colorLabelInput = require('./color-label-input.js');
@@ -16,48 +16,25 @@ var colorPickerSwatch = require('./color-picker-swatch.js');
16
16
  var colorPickerShades = require('./color-picker-shades.js');
17
17
  var colorPickerVariables = require('./color-picker-variables.js');
18
18
  var dropdown = require('../../dropdown/components/dropdown.js');
19
- var isEqual = require('../../../../../../external/lodash/isEqual.js');
20
19
 
21
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
21
 
23
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
23
 
25
- var ColorPickerMy = /*#__PURE__*/React__default['default'].memo(function (_ref) {
26
- var colorValue = _ref.colorValue,
27
- setColor = _ref.setColor;
28
- console.warn('%c ColorPickerMy', 'color: red', colorValue);
29
- return /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
30
- value: colorValue,
31
- onChange: setColor,
32
- width: constants.COLOR_PICKER_WIDTH,
33
- height: constants.COLOR_PICKER_HEIGHT,
34
- hideColorTypeBtns: true,
35
- hideColorGuide: true,
36
- hideAdvancedSliders: true,
37
- hideInputType: true,
38
- hideInputs: true,
39
- hidePresets: true,
40
- className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
41
- });
42
- }, function (prev, curr) {
43
- return isEqual['default'](prev, curr);
44
- });
45
- var ColorPickerNewPure = /*#__PURE__*/React__default['default'].memo(function (_ref2) {
46
- var id = _ref2.id,
47
- name = _ref2.name,
48
- colorVariables = _ref2.colorVariables;
49
-
50
- // const { color, setColor } = useContext<IColorPickerNewContextProps>(ColorPickerNewContext);
51
- var _useState = React.useState(),
52
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
53
- colorValue = _useState2[0],
54
- setColor = _useState2[1]; // const colorValue = typeof color === 'string' ? color : color.value;
24
+ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
25
+ var id = _ref.id,
26
+ name = _ref.name,
27
+ colorVariables = _ref.colorVariables,
28
+ onModal = _ref.onModal;
55
29
 
30
+ var _useContext = React.useContext(context.ColorPickerNewContext),
31
+ color = _useContext.color,
32
+ setColor = _useContext.setColor;
56
33
 
57
- console.log('%c ColorPickerNewWithContext', 'color: red', colorVariables);
34
+ var colorValue = typeof color === 'string' ? color : color.value;
58
35
  return /*#__PURE__*/React__default['default'].createElement("div", {
59
36
  className: "".concat(main_module['default'][css_classes.cssColorPicker])
60
- }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
37
+ }, onModal ? /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
61
38
  className: "".concat(main_module['default'][css_classes.cssColorPickerInputContainer])
62
39
  }, /*#__PURE__*/React__default['default'].createElement("div", {
63
40
  className: "".concat(main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer])
@@ -72,15 +49,38 @@ var ColorPickerNewPure = /*#__PURE__*/React__default['default'].memo(function (_
72
49
  shouldCloseOthersOnOpen: true
73
50
  }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
74
51
  className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
75
- }, /*#__PURE__*/React__default['default'].createElement(ColorPickerMy, {
76
- colorValue: colorValue,
77
- setColor: setColor
52
+ }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
53
+ value: colorValue,
54
+ onChange: setColor,
55
+ width: constants.COLOR_PICKER_WIDTH,
56
+ height: constants.COLOR_PICKER_HEIGHT,
57
+ hideColorTypeBtns: true,
58
+ hideColorGuide: true,
59
+ hideAdvancedSliders: true,
60
+ hideInputType: true,
61
+ hideInputs: true,
62
+ hidePresets: true,
63
+ className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
64
+ }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerShades.ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React__default['default'].createElement(colorPickerVariables.ColorPickerVariables, {
65
+ variables: colorVariables.variables
66
+ })), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
67
+ className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
68
+ }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
69
+ value: colorValue,
70
+ onChange: setColor,
71
+ width: constants.COLOR_PICKER_WIDTH,
72
+ height: constants.COLOR_PICKER_HEIGHT,
73
+ hideColorTypeBtns: true,
74
+ hideColorGuide: true,
75
+ hideAdvancedSliders: true,
76
+ hideInputType: true,
77
+ hideInputs: true,
78
+ hidePresets: true,
79
+ className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
78
80
  }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerShades.ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React__default['default'].createElement(colorPickerVariables.ColorPickerVariables, {
79
81
  variables: colorVariables.variables
80
- })), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))));
81
- }, function (prev, curr) {
82
- return isEqual['default'](prev, curr);
83
- });
82
+ }))));
83
+ };
84
84
 
85
85
  exports.default = ColorPickerNewPure;
86
86
  //# sourceMappingURL=pure-color-picker.js.map
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,oBAAoB,0FAA8F;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,8CAAkD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0FAA8F;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -18,7 +18,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
18
18
  colorVariables = _ref.colorVariables,
19
19
  onChange = _ref.onChange,
20
20
  onCancel = _ref.onCancel,
21
- onSave = _ref.onSave;
21
+ onSave = _ref.onSave,
22
+ onModal = _ref.onModal;
22
23
 
23
24
  var _useColorPicker = use_color_picker['default']({
24
25
  initialColor: initialColor,
@@ -40,8 +41,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
40
41
  handleSave = _useColorPicker.handleSave,
41
42
  handlePickSwatch = _useColorPicker.handlePickSwatch;
42
43
 
43
- return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
44
- value: {
44
+ var value = React.useMemo(function () {
45
+ return {
45
46
  color: color,
46
47
  setColor: setColor,
47
48
  hex: hex,
@@ -55,10 +56,14 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
55
56
  handleCancel: handleCancel,
56
57
  handleSave: handleSave,
57
58
  handlePickSwatch: handlePickSwatch
58
- }
59
+ };
60
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
61
+ return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
62
+ value: value
59
63
  }, /*#__PURE__*/React__default['default'].createElement(pureColorPicker['default'], {
60
64
  id: id,
61
65
  name: name,
66
+ onModal: onModal,
62
67
  colorVariables: colorVariables
63
68
  }));
64
69
  };
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;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js CHANGED
@@ -23,7 +23,8 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
23
23
  colorVariables = _ref.colorVariables,
24
24
  onChange = _ref.onChange,
25
25
  onCancel = _ref.onCancel,
26
- onSave = _ref.onSave;
26
+ onSave = _ref.onSave,
27
+ onModal = _ref.onModal;
27
28
  return /*#__PURE__*/React__default['default'].createElement(index['default'], {
28
29
  errors: errors,
29
30
  name: name,
@@ -36,6 +37,7 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
36
37
  hint: hint,
37
38
  spacingLeft: true
38
39
  })), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
40
+ onModal: true,
39
41
  id: id,
40
42
  name: name,
41
43
  initialColor: initialColor,
package/build/cjs/packages/aurora/src/components/controls/hoc/control_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;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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -1,5 +1,5 @@
1
- import React, { useState } from 'react';
2
- import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
1
+ import React, { useContext } from 'react';
2
+ import { ColorPickerNewContext } from '../context.js';
3
3
  import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
4
4
  import { cssColorPicker, cssColorPickerInputContainer, cssColorPickerInputColorSwatchContainer, cssColorPickerContainer, cssColorPickerRbgcp } from '../css_classes.js';
5
5
  import { ColorLabelInput } from './color-label-input.js';
@@ -12,44 +12,21 @@ import { ColorPickerSwatch } from './color-picker-swatch.js';
12
12
  import { ColorPickerShades } from './color-picker-shades.js';
13
13
  import { ColorPickerVariables } from './color-picker-variables.js';
14
14
  import Dropdown from '../../dropdown/components/dropdown.js';
15
- import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
16
15
 
17
- var ColorPickerMy = /*#__PURE__*/React.memo(function (_ref) {
18
- var colorValue = _ref.colorValue,
19
- setColor = _ref.setColor;
20
- console.warn('%c ColorPickerMy', 'color: red', colorValue);
21
- return /*#__PURE__*/React.createElement(ColorPicker, {
22
- value: colorValue,
23
- onChange: setColor,
24
- width: COLOR_PICKER_WIDTH,
25
- height: COLOR_PICKER_HEIGHT,
26
- hideColorTypeBtns: true,
27
- hideColorGuide: true,
28
- hideAdvancedSliders: true,
29
- hideInputType: true,
30
- hideInputs: true,
31
- hidePresets: true,
32
- className: "".concat(styles[cssColorPickerRbgcp])
33
- });
34
- }, function (prev, curr) {
35
- return isEqual_1(prev, curr);
36
- });
37
- var ColorPickerNewPure = /*#__PURE__*/React.memo(function (_ref2) {
38
- var id = _ref2.id,
39
- name = _ref2.name,
40
- colorVariables = _ref2.colorVariables;
41
-
42
- // const { color, setColor } = useContext<IColorPickerNewContextProps>(ColorPickerNewContext);
43
- var _useState = useState(),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- colorValue = _useState2[0],
46
- setColor = _useState2[1]; // const colorValue = typeof color === 'string' ? color : color.value;
16
+ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
17
+ var id = _ref.id,
18
+ name = _ref.name,
19
+ colorVariables = _ref.colorVariables,
20
+ onModal = _ref.onModal;
47
21
 
22
+ var _useContext = useContext(ColorPickerNewContext),
23
+ color = _useContext.color,
24
+ setColor = _useContext.setColor;
48
25
 
49
- console.log('%c ColorPickerNewWithContext', 'color: red', colorVariables);
26
+ var colorValue = typeof color === 'string' ? color : color.value;
50
27
  return /*#__PURE__*/React.createElement("div", {
51
28
  className: "".concat(styles[cssColorPicker])
52
- }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("div", {
29
+ }, onModal ? /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("div", {
53
30
  className: "".concat(styles[cssColorPickerInputContainer])
54
31
  }, /*#__PURE__*/React.createElement("div", {
55
32
  className: "".concat(styles[cssColorPickerInputColorSwatchContainer])
@@ -64,15 +41,38 @@ var ColorPickerNewPure = /*#__PURE__*/React.memo(function (_ref2) {
64
41
  shouldCloseOthersOnOpen: true
65
42
  }, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
66
43
  className: "".concat(styles[cssColorPickerContainer])
67
- }, /*#__PURE__*/React.createElement(ColorPickerMy, {
68
- colorValue: colorValue,
69
- setColor: setColor
44
+ }, /*#__PURE__*/React.createElement(ColorPicker, {
45
+ value: colorValue,
46
+ onChange: setColor,
47
+ width: COLOR_PICKER_WIDTH,
48
+ height: COLOR_PICKER_HEIGHT,
49
+ hideColorTypeBtns: true,
50
+ hideColorGuide: true,
51
+ hideAdvancedSliders: true,
52
+ hideInputType: true,
53
+ hideInputs: true,
54
+ hidePresets: true,
55
+ className: "".concat(styles[cssColorPickerRbgcp])
56
+ }), /*#__PURE__*/React.createElement(ColorPickerInputs, null), /*#__PURE__*/React.createElement(ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React.createElement(ColorPickerVariables, {
57
+ variables: colorVariables.variables
58
+ })), /*#__PURE__*/React.createElement(ColorPickerFooter, null))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
59
+ className: "".concat(styles[cssColorPickerContainer])
60
+ }, /*#__PURE__*/React.createElement(ColorPicker, {
61
+ value: colorValue,
62
+ onChange: setColor,
63
+ width: COLOR_PICKER_WIDTH,
64
+ height: COLOR_PICKER_HEIGHT,
65
+ hideColorTypeBtns: true,
66
+ hideColorGuide: true,
67
+ hideAdvancedSliders: true,
68
+ hideInputType: true,
69
+ hideInputs: true,
70
+ hidePresets: true,
71
+ className: "".concat(styles[cssColorPickerRbgcp])
70
72
  }), /*#__PURE__*/React.createElement(ColorPickerInputs, null), /*#__PURE__*/React.createElement(ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React.createElement(ColorPickerVariables, {
71
73
  variables: colorVariables.variables
72
- })), /*#__PURE__*/React.createElement(ColorPickerFooter, null))));
73
- }, function (prev, curr) {
74
- return isEqual_1(prev, curr);
75
- });
74
+ }))));
75
+ };
76
76
 
77
77
  export default ColorPickerNewPure;
78
78
  //# sourceMappingURL=pure-color-picker.js.map
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,sBAAsB,8CAAkD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { IColorPickerNewProps } from './types';
2
- declare const ColorPickerNewWithContext: ({ id, name, initialColor, colorVariables, onChange, onCancel, onSave }: IColorPickerNewProps) => JSX.Element;
2
+ declare const ColorPickerNewWithContext: ({ id, name, initialColor, colorVariables, onChange, onCancel, onSave, onModal }: IColorPickerNewProps) => JSX.Element;
3
3
  export default ColorPickerNewWithContext;
package/build/esm/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { useMemo } from 'react';
2
2
  import { ColorPickerNewContext } from './context.js';
3
3
  import ColorPickerNewPure from './components/pure-color-picker.js';
4
4
  import useColorPicker from './hooks/use_color_picker.js';
@@ -10,7 +10,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
10
10
  colorVariables = _ref.colorVariables,
11
11
  onChange = _ref.onChange,
12
12
  onCancel = _ref.onCancel,
13
- onSave = _ref.onSave;
13
+ onSave = _ref.onSave,
14
+ onModal = _ref.onModal;
14
15
 
15
16
  var _useColorPicker = useColorPicker({
16
17
  initialColor: initialColor,
@@ -32,8 +33,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
32
33
  handleSave = _useColorPicker.handleSave,
33
34
  handlePickSwatch = _useColorPicker.handlePickSwatch;
34
35
 
35
- return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
36
- value: {
36
+ var value = useMemo(function () {
37
+ return {
37
38
  color: color,
38
39
  setColor: setColor,
39
40
  hex: hex,
@@ -47,10 +48,14 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
47
48
  handleCancel: handleCancel,
48
49
  handleSave: handleSave,
49
50
  handlePickSwatch: handlePickSwatch
50
- }
51
+ };
52
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
53
+ return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
54
+ value: value
51
55
  }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
52
56
  id: id,
53
57
  name: name,
58
+ onModal: onModal,
54
59
  colorVariables: colorVariables
55
60
  }));
56
61
  };
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;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts CHANGED
@@ -3,6 +3,7 @@ export interface IColorPickerNewPureProps {
3
3
  id: string;
4
4
  name?: string;
5
5
  colorVariables?: IColorPickerColorVariables;
6
+ onModal?: boolean;
6
7
  }
7
8
  export interface IColorPickerColorVariables {
8
9
  isVisible: boolean;
@@ -23,6 +24,7 @@ export interface IColorPickerNewProps {
23
24
  onChange?: (color: IColorPickerColor) => void;
24
25
  onCancel?: () => void;
25
26
  onSave?: (color: IColorPickerColor) => void;
27
+ onModal?: boolean;
26
28
  }
27
29
  export interface IColorPickerNewContextProps {
28
30
  color: ColorPickerVariable;
package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js CHANGED
@@ -15,7 +15,8 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
15
15
  colorVariables = _ref.colorVariables,
16
16
  onChange = _ref.onChange,
17
17
  onCancel = _ref.onCancel,
18
- onSave = _ref.onSave;
18
+ onSave = _ref.onSave,
19
+ onModal = _ref.onModal;
19
20
  return /*#__PURE__*/React.createElement(Control, {
20
21
  errors: errors,
21
22
  name: name,
@@ -28,6 +29,7 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
28
29
  hint: hint,
29
30
  spacingLeft: true
30
31
  })), /*#__PURE__*/React.createElement(Control.Content, null, /*#__PURE__*/React.createElement(Control.Element, null, /*#__PURE__*/React.createElement(ColorPickerNewWithContext, {
32
+ onModal: true,
31
33
  id: id,
32
34
  name: name,
33
35
  initialColor: initialColor,
package/build/esm/packages/aurora/src/components/controls/hoc/control_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;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;"}
package/build/esm/packages/aurora/src/components/controls/types.d.ts CHANGED
@@ -205,5 +205,6 @@ export interface IControlColorPickerNew extends IColorPickerNewProps, IControlCo
205
205
  isRequired?: boolean;
206
206
  hideChooseCancelButtons?: boolean;
207
207
  labelAdditionalInfo?: string | React.ReactNode;
208
+ onModal?: boolean;
208
209
  }
209
210
  export {};
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.20.2-1",
5
+ "version": "2.20.2-3",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
package/build/cjs/external/lodash/isEqual.js DELETED
@@ -1,43 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _baseIsEqual = require('./_baseIsEqual.js');
6
-
7
- /**
8
- * Performs a deep comparison between two values to determine if they are
9
- * equivalent.
10
- *
11
- * **Note:** This method supports comparing arrays, array buffers, booleans,
12
- * date objects, error objects, maps, numbers, `Object` objects, regexes,
13
- * sets, strings, symbols, and typed arrays. `Object` objects are compared
14
- * by their own, not inherited, enumerable properties. Functions and DOM
15
- * nodes are compared by strict equality, i.e. `===`.
16
- *
17
- * @static
18
- * @memberOf _
19
- * @since 0.1.0
20
- * @category Lang
21
- * @param {*} value The value to compare.
22
- * @param {*} other The other value to compare.
23
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
24
- * @example
25
- *
26
- * var object = { 'a': 1 };
27
- * var other = { 'a': 1 };
28
- *
29
- * _.isEqual(object, other);
30
- * // => true
31
- *
32
- * object === other;
33
- * // => false
34
- */
35
-
36
- function isEqual(value, other) {
37
- return _baseIsEqual['default'](value, other);
38
- }
39
-
40
- var isEqual_1 = isEqual;
41
-
42
- exports.default = isEqual_1;
43
- //# sourceMappingURL=isEqual.js.map
package/build/cjs/external/lodash/isEqual.js.map DELETED
@@ -1 +0,0 @@
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;"}
package/build/esm/external/lodash/isEqual.js DELETED
@@ -1,39 +0,0 @@
1
- import _baseIsEqual from './_baseIsEqual.js';
2
-
3
- /**
4
- * Performs a deep comparison between two values to determine if they are
5
- * equivalent.
6
- *
7
- * **Note:** This method supports comparing arrays, array buffers, booleans,
8
- * date objects, error objects, maps, numbers, `Object` objects, regexes,
9
- * sets, strings, symbols, and typed arrays. `Object` objects are compared
10
- * by their own, not inherited, enumerable properties. Functions and DOM
11
- * nodes are compared by strict equality, i.e. `===`.
12
- *
13
- * @static
14
- * @memberOf _
15
- * @since 0.1.0
16
- * @category Lang
17
- * @param {*} value The value to compare.
18
- * @param {*} other The other value to compare.
19
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
20
- * @example
21
- *
22
- * var object = { 'a': 1 };
23
- * var other = { 'a': 1 };
24
- *
25
- * _.isEqual(object, other);
26
- * // => true
27
- *
28
- * object === other;
29
- * // => false
30
- */
31
-
32
- function isEqual(value, other) {
33
- return _baseIsEqual(value, other);
34
- }
35
-
36
- var isEqual_1 = isEqual;
37
-
38
- export default isEqual_1;
39
- //# sourceMappingURL=isEqual.js.map
package/build/esm/external/lodash/isEqual.js.map DELETED
@@ -1 +0,0 @@
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;"}