@dreamcommerce/aurora 2.20.2-0 → 2.20.2-2

package/build/cjs/external/lodash/isEqual.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseIsEqual = require('./_baseIsEqual.js');
+
+/**
+ * Performs a deep comparison between two values to determine if they are
+ * equivalent.
+ *
+ * **Note:** This method supports comparing arrays, array buffers, booleans,
+ * date objects, error objects, maps, numbers, `Object` objects, regexes,
+ * sets, strings, symbols, and typed arrays. `Object` objects are compared
+ * by their own, not inherited, enumerable properties. Functions and DOM
+ * nodes are compared by strict equality, i.e. `===`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.isEqual(object, other);
+ * // => true
+ *
+ * object === other;
+ * // => false
+ */
+
+function isEqual(value, other) {
+  return _baseIsEqual['default'](value, other);
+}
+
+var isEqual_1 = isEqual;
+
+exports.default = isEqual_1;
+//# sourceMappingURL=isEqual.js.map

package/build/cjs/external/lodash/isEqual.js.map

@@ -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/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var context = require('../context.js');
 var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
 var colorLabelInput = require('./color-label-input.js');
@@ -16,23 +16,44 @@ var colorPickerSwatch = require('./color-picker-swatch.js');
 var colorPickerShades = require('./color-picker-shades.js');
 var colorPickerVariables = require('./color-picker-variables.js');
 var dropdown = require('../../dropdown/components/dropdown.js');
+var isEqual = require('../../../../../../external/lodash/isEqual.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
-  var id = _ref.id,
-      name = _ref.name,
-      colorVariables = _ref.colorVariables;
+var ColorPickerMy = /*#__PURE__*/React__default['default'].memo(function (_ref) {
+  var colorValue = _ref.colorValue,
+      setColor = _ref.setColor;
+  console.warn('%c ColorPickerMy', 'color: red', colorValue);
+  return /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
+    value: colorValue,
+    onChange: setColor,
+    width: constants.COLOR_PICKER_WIDTH,
+    height: constants.COLOR_PICKER_HEIGHT,
+    hideColorTypeBtns: true,
+    hideColorGuide: true,
+    hideAdvancedSliders: true,
+    hideInputType: true,
+    hideInputs: true,
+    hidePresets: true,
+    className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
+  });
+}, function (prev, curr) {
+  return isEqual['default'](prev, curr);
+});
+var ColorPickerNewPure = /*#__PURE__*/React__default['default'].memo(function (_ref2) {
+  var id = _ref2.id,
+      name = _ref2.name,
+      colorVariables = _ref2.colorVariables;
+
+  var _useContext = React.useContext(context.ColorPickerNewContext),
+      color = _useContext.color,
+      setColor = _useContext.setColor; // const [colorValue, setColor] = useState();
 
-  // const { color, setColor } = useContext<IColorPickerNewContextProps>(ColorPickerNewContext);
-  // const colorValue = typeof color === 'string' ? color : color.value;
-  var _useState = React.useState('#000000'),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      colorValue = _useState2[0],
-      setColor = _useState2[1];
 
+  var colorValue = typeof color === 'string' ? color : color.value;
+  console.log('%c ColorPickerNewWithContext', 'color: red', colorVariables);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPicker])
   }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -50,22 +71,15 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
     shouldCloseOthersOnOpen: true
   }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
-  }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
-    value: colorValue,
-    onChange: setColor,
-    width: constants.COLOR_PICKER_WIDTH,
-    height: constants.COLOR_PICKER_HEIGHT,
-    hideColorTypeBtns: true,
-    hideColorGuide: true,
-    hideAdvancedSliders: true,
-    hideInputType: true,
-    hideInputs: true,
-    hidePresets: true,
-    className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
+  }, /*#__PURE__*/React__default['default'].createElement(ColorPickerMy, {
+    colorValue: colorValue,
+    setColor: setColor
   }), /*#__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, {
     variables: colorVariables.variables
   })), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))));
-};
+}, function (prev, curr) {
+  return isEqual['default'](prev, curr);
+});
 
 exports.default = ColorPickerNewPure;
 //# sourceMappingURL=pure-color-picker.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/index.js

@@ -40,8 +40,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleSave = _useColorPicker.handleSave,
       handlePickSwatch = _useColorPicker.handlePickSwatch;
 
-  var value = React.useMemo(function () {
-    return {
+  return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
+    value: {
       color: color,
       setColor: setColor,
       hex: hex,
@@ -55,11 +55,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleCancel: handleCancel,
       handleSave: handleSave,
       handlePickSwatch: handlePickSwatch
-    };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
-  console.log('%c ColorPickerNewWithContext', 'color: red', value, colorVariables);
-  return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
-    value: value
+    }
   }, /*#__PURE__*/React__default['default'].createElement(pureColorPicker['default'], {
     id: id,
     name: name,

package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map

@@ -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;"}
+{"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;"}

package/build/esm/external/lodash/isEqual.js

@@ -0,0 +1,39 @@
+import _baseIsEqual from './_baseIsEqual.js';
+
+/**
+ * Performs a deep comparison between two values to determine if they are
+ * equivalent.
+ *
+ * **Note:** This method supports comparing arrays, array buffers, booleans,
+ * date objects, error objects, maps, numbers, `Object` objects, regexes,
+ * sets, strings, symbols, and typed arrays. `Object` objects are compared
+ * by their own, not inherited, enumerable properties. Functions and DOM
+ * nodes are compared by strict equality, i.e. `===`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.isEqual(object, other);
+ * // => true
+ *
+ * object === other;
+ * // => false
+ */
+
+function isEqual(value, other) {
+  return _baseIsEqual(value, other);
+}
+
+var isEqual_1 = isEqual;
+
+export default isEqual_1;
+//# sourceMappingURL=isEqual.js.map

package/build/esm/external/lodash/isEqual.js.map

@@ -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;"}

package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js

@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useContext } from 'react';
+import { ColorPickerNewContext } from '../context.js';
 import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
 import { cssColorPicker, cssColorPickerInputContainer, cssColorPickerInputColorSwatchContainer, cssColorPickerContainer, cssColorPickerRbgcp } from '../css_classes.js';
 import { ColorLabelInput } from './color-label-input.js';
@@ -12,19 +12,40 @@ import { ColorPickerSwatch } from './color-picker-swatch.js';
 import { ColorPickerShades } from './color-picker-shades.js';
 import { ColorPickerVariables } from './color-picker-variables.js';
 import Dropdown from '../../dropdown/components/dropdown.js';
+import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
 
-var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
-  var id = _ref.id,
-      name = _ref.name,
-      colorVariables = _ref.colorVariables;
+var ColorPickerMy = /*#__PURE__*/React.memo(function (_ref) {
+  var colorValue = _ref.colorValue,
+      setColor = _ref.setColor;
+  console.warn('%c ColorPickerMy', 'color: red', colorValue);
+  return /*#__PURE__*/React.createElement(ColorPicker, {
+    value: colorValue,
+    onChange: setColor,
+    width: COLOR_PICKER_WIDTH,
+    height: COLOR_PICKER_HEIGHT,
+    hideColorTypeBtns: true,
+    hideColorGuide: true,
+    hideAdvancedSliders: true,
+    hideInputType: true,
+    hideInputs: true,
+    hidePresets: true,
+    className: "".concat(styles[cssColorPickerRbgcp])
+  });
+}, function (prev, curr) {
+  return isEqual_1(prev, curr);
+});
+var ColorPickerNewPure = /*#__PURE__*/React.memo(function (_ref2) {
+  var id = _ref2.id,
+      name = _ref2.name,
+      colorVariables = _ref2.colorVariables;
+
+  var _useContext = useContext(ColorPickerNewContext),
+      color = _useContext.color,
+      setColor = _useContext.setColor; // const [colorValue, setColor] = useState();
 
-  // const { color, setColor } = useContext<IColorPickerNewContextProps>(ColorPickerNewContext);
-  // const colorValue = typeof color === 'string' ? color : color.value;
-  var _useState = useState('#000000'),
-      _useState2 = _slicedToArray(_useState, 2),
-      colorValue = _useState2[0],
-      setColor = _useState2[1];
 
+  var colorValue = typeof color === 'string' ? color : color.value;
+  console.log('%c ColorPickerNewWithContext', 'color: red', colorVariables);
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPicker])
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("div", {
@@ -42,22 +63,15 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
     shouldCloseOthersOnOpen: true
   }, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerContainer])
-  }, /*#__PURE__*/React.createElement(ColorPicker, {
-    value: colorValue,
-    onChange: setColor,
-    width: COLOR_PICKER_WIDTH,
-    height: COLOR_PICKER_HEIGHT,
-    hideColorTypeBtns: true,
-    hideColorGuide: true,
-    hideAdvancedSliders: true,
-    hideInputType: true,
-    hideInputs: true,
-    hidePresets: true,
-    className: "".concat(styles[cssColorPickerRbgcp])
+  }, /*#__PURE__*/React.createElement(ColorPickerMy, {
+    colorValue: colorValue,
+    setColor: setColor
   }), /*#__PURE__*/React.createElement(ColorPickerInputs, null), /*#__PURE__*/React.createElement(ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React.createElement(ColorPickerVariables, {
     variables: colorVariables.variables
   })), /*#__PURE__*/React.createElement(ColorPickerFooter, null))));
-};
+}, function (prev, curr) {
+  return isEqual_1(prev, curr);
+});
 
 export default ColorPickerNewPure;
 //# sourceMappingURL=pure-color-picker.js.map

package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/color_picker_new/index.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { ColorPickerNewContext } from './context.js';
 import ColorPickerNewPure from './components/pure-color-picker.js';
 import useColorPicker from './hooks/use_color_picker.js';
@@ -32,8 +32,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleSave = _useColorPicker.handleSave,
       handlePickSwatch = _useColorPicker.handlePickSwatch;
 
-  var value = useMemo(function () {
-    return {
+  return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
+    value: {
       color: color,
       setColor: setColor,
       hex: hex,
@@ -47,11 +47,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleCancel: handleCancel,
       handleSave: handleSave,
       handlePickSwatch: handlePickSwatch
-    };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
-  console.log('%c ColorPickerNewWithContext', 'color: red', value, colorVariables);
-  return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
-    value: value
+    }
   }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
     id: id,
     name: name,

package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map

@@ -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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.20.2-0",
+  "version": "2.20.2-2",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",