@dreamcommerce/aurora 2.20.10-0 → 2.20.10

package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js

@@ -3,6 +3,7 @@ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rol
 import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
 import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
+import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
 
 var useColorPicker = function useColorPicker(_ref) {
   var _initialColor$name;
@@ -10,7 +11,9 @@ var useColorPicker = function useColorPicker(_ref) {
   var initialColor = _ref.initialColor,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
-      onSave = _ref.onSave;
+      onSave = _ref.onSave,
+      initialColorVariables = _ref.colorVariables,
+      isColorPickerOpened = _ref.isColorPickerOpened;
 
   var _useState = useState({
     value: initialColor ? ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : COLOR_PICKER_INITIAL_STATE,
@@ -20,6 +23,15 @@ var useColorPicker = function useColorPicker(_ref) {
       color = _useState2[0],
       setColorValue = _useState2[1];
 
+  var _useState3 = useState(initialColorVariables),
+      _useState4 = _slicedToArray(_useState3, 1),
+      colorVariables = _useState4[0];
+
+  var _useState5 = useState(initialColor),
+      _useState6 = _slicedToArray(_useState5, 2),
+      prevInitalColor = _useState6[0],
+      setPrevInitialColor = _useState6[1];
+
   var setColor = function setColor(color) {
     var hexColor = ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
     setColorValue(function (prevColor) {
@@ -34,13 +46,17 @@ var useColorPicker = function useColorPicker(_ref) {
 
   useEffect(function () {
     if (!initialColor) return;
-    setColor(initialColor);
+
+    if (!isEqual_1(initialColor, prevInitalColor) && !isColorPickerOpened) {
+      setColor(initialColor);
+      setPrevInitialColor(initialColor);
+    }
   }, [initialColor]);
 
-  var _useState3 = useState(color),
-      _useState4 = _slicedToArray(_useState3, 2),
-      choosenColor = _useState4[0],
-      setChoosenColor = _useState4[1];
+  var _useState7 = useState(color),
+      _useState8 = _slicedToArray(_useState7, 2),
+      choosenColor = _useState8[0],
+      setChoosenColor = _useState8[1];
 
   var _useBestGradientColor = useColorPicker$1(typeof color === 'string' ? color : color.value, setColor),
       hslArr = _useBestGradientColor.hslArr,
@@ -53,15 +69,15 @@ var useColorPicker = function useColorPicker(_ref) {
   var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
   var hex = ColorPickerUtils.getHexValue(tinyColor);
 
-  var _useState5 = useState(rgbaArr[3] * 100),
-      _useState6 = _slicedToArray(_useState5, 2),
-      alpha = _useState6[0],
-      setAlpha = _useState6[1];
+  var _useState9 = useState(rgbaArr[3] * 100),
+      _useState10 = _slicedToArray(_useState9, 2),
+      alpha = _useState10[0],
+      setAlpha = _useState10[1];
 
-  var _useState7 = useState("".concat(alpha)),
-      _useState8 = _slicedToArray(_useState7, 2),
-      alphaValue = _useState8[0],
-      setAlphaValue = _useState8[1];
+  var _useState11 = useState("".concat(alpha)),
+      _useState12 = _slicedToArray(_useState11, 2),
+      alphaValue = _useState12[0],
+      setAlphaValue = _useState12[1];
 
   var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
     changeAlphaValue(Number(event.target.value));
@@ -108,7 +124,8 @@ var useColorPicker = function useColorPicker(_ref) {
     setB: setB,
     handleCancel: handleCancel,
     handleSave: handleSave,
-    handlePickSwatch: handlePickSwatch
+    handlePickSwatch: handlePickSwatch,
+    colorVariables: colorVariables
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,mDAAmD,8FAAkG;AACrJ;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6 +1,7 @@
-import React, { useMemo } from 'react';
+import React, { useState, useMemo } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ColorPickerNewContext } from './context.js';
-import ColorPickerNewPure from './components/pure-color-picker.js';
+import ColorPickerNewPure from './components/pure_color_picker.js';
 import useColorPicker from './hooks/use_color_picker.js';
 
 var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
@@ -12,11 +13,18 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       onCancel = _ref.onCancel,
       onSave = _ref.onSave;
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isColorPickerOpened = _useState2[0],
+      setIsColorPickerOpened = _useState2[1];
+
   var _useColorPicker = useColorPicker({
+    colorVariables: colorVariables,
     initialColor: initialColor,
     onChange: onChange,
     onCancel: onCancel,
-    onSave: onSave
+    onSave: onSave,
+    isColorPickerOpened: isColorPickerOpened
   }),
       color = _useColorPicker.color,
       setColor = _useColorPicker.setColor,
@@ -46,9 +54,11 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       setB: setB,
       handleCancel: handleCancel,
       handleSave: handleSave,
-      handlePickSwatch: handlePickSwatch
+      colorVariables: colorVariables,
+      handlePickSwatch: handlePickSwatch,
+      setIsColorPickerOpened: setIsColorPickerOpened
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables, setIsColorPickerOpened]);
   return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
     value: value
   }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {

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;"}
+{"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/esm/packages/aurora/src/components/color_picker_new/types.d.ts

@@ -38,6 +38,8 @@ export interface IColorPickerNewContextProps {
     handleCancel: () => void;
     handleSave: (color: IColorPickerColor) => void;
     handlePickSwatch: (color: string | ColorPickerVariable) => void;
+    colorVariables?: IColorPickerColorVariables;
+    setIsColorPickerOpened: (isOpened: boolean) => void;
 }
 export declare type ColorPickerColorTypes = {
     hex: string;

package/build/esm/packages/aurora/src/components/controls/components/checkbox.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes.js';
 import classnames from 'classnames';
+import { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes.js';
 import cssClasses from '../../../css/checkbox/main.module.less.js';
 import IconTick from '../../../assets/icon_tick.js';
 

package/build/esm/packages/aurora/src/components/controls/components/checkbox_switch.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { checkboxSwitch, checkboxSwitchDisabled, checkboxSwitchControl, checkboxSwitchLabel, checkboxSwitchIcon } from '../css_classes.js';
 import classnames from 'classnames';
+import { checkboxSwitch, checkboxSwitchDisabled, checkboxSwitchControl, checkboxSwitchLabel, checkboxSwitchIcon } from '../css_classes.js';
 import cssClasses from '../../../css/checkbox/main.module.less.js';
 import IconTick from '../../../assets/icon_tick.js';
 

package/build/esm/packages/aurora/src/components/controls/components/element.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { VERTICAL_POSITION } from '../../../constants/positions.js';
-import { cssControlsElement, cssControlsElementVerticalAlignTop, cssControlsElementPrefix, cssControlsElementPostfix, cssControlsElementCheckbox, cssControlsElementRadio } from '../css_classes.js';
 import classnames from 'classnames';
+import { cssControlsElement, cssControlsElementVerticalAlignTop, cssControlsElementPrefix, cssControlsElementPostfix, cssControlsElementCheckbox, cssControlsElementRadio } from '../css_classes.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 
 var Element = function Element(_ref) {

package/build/esm/packages/aurora/src/components/controls/components/input.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cssControl, cssControlPreElement, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
 import classnames from 'classnames';
-import cssStyles from '../../../css/controls/main.module.less.js';
+import { cssControl, cssControlPreElement, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
+import cssStyles from '../../../css/controls/main.module.less.js';
 
 var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children", "preElement"];
 

package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cssControl, cssControlWrapper, cssControlError, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlInput } from '../css_classes.js';
 import classnames from 'classnames';
+import { cssControl, cssControlWrapper, cssControlError, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlInput } from '../css_classes.js';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
 

package/build/esm/packages/aurora/src/components/controls/components/radio.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.js';
 import classnames from 'classnames';
+import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.js';
 import cssStyles from '../../../css/radio/main.module.less.js';
 import { classNames } from '../../../utilities/styles/classNames.js';
 

package/build/esm/packages/aurora/src/components/controls/components/textarea.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cssControl, cssControlReadonly, cssControlS, cssControlDisabled } from '../css_classes.js';
 import classnames from 'classnames';
+import { cssControl, cssControlReadonly, cssControlS, cssControlDisabled } from '../css_classes.js';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 
 var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress"];

package/build/esm/packages/aurora/src/components/controls/components/values_syncer.d.ts

@@ -1,17 +1,11 @@
 import React from 'react';
-export declare type TValuesSyncerProps = {
+export declare type TChildrenRenderProps = {
     firstControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
     secondControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
     initialFirstValue?: unknown;
     initialSecondValue?: unknown;
     cssClasses?: string;
-    onLock?: (isLocked: boolean) => void;
-    isLocked?: boolean;
-    onChange?: (props: {
-        first: unknown;
-        second: unknown;
-        isLocked: boolean;
-    }) => void;
+    onChange?: (isLocked: boolean) => void;
 };
-declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue, onLock, isLocked, onChange }: TValuesSyncerProps) => JSX.Element;
+declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue, cssClasses, onChange }: TChildrenRenderProps) => JSX.Element;
 export default ValuesSyncer;

package/build/esm/packages/aurora/src/components/controls/components/values_syncer.js

@@ -1,23 +1,20 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import classnames from 'classnames';
+import { valuesSyncer, valuesSyncerLockButton } from '../css_classes.js';
 import { useToggle } from '../../dropdown/hooks/use_toggle.js';
 import LockClosed from '../../../assets/lock_closed.js';
 import LockOpened from '../../../assets/lock_opened.js';
-import { valuesSyncerLockButton } from '../css_classes.js';
-import { STACK_ALIGNMENTS } from '../../stack/stack_constants.js';
-import Stack from '../../stack/index.js';
-import cssStyles from '../../../css/controls/main.module.less.js';
 
 var ValuesSyncer = function ValuesSyncer(_ref) {
   var firstControl = _ref.firstControl,
       secondControl = _ref.secondControl,
       initialFirstValue = _ref.initialFirstValue,
       initialSecondValue = _ref.initialSecondValue,
-      onLock = _ref.onLock,
-      isLocked = _ref.isLocked,
+      cssClasses = _ref.cssClasses,
       onChange = _ref.onChange;
 
-  var _useToggle = useToggle(isLocked),
+  var _useToggle = useToggle(false),
       _useToggle2 = _slicedToArray(_useToggle, 2),
       locked = _useToggle2[0],
       toggleLock = _useToggle2[1];
@@ -33,19 +30,8 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
       setSecondControlValue = _useState4[1];
 
   useEffect(function () {
-    onLock === null || onLock === void 0 || onLock(locked);
-
-    if (locked) {
-      setSecondControlValue(firstControlValue);
-    }
-  }, [locked, onLock, firstControlValue]);
-  useEffect(function () {
-    onChange === null || onChange === void 0 || onChange({
-      first: firstControlValue,
-      second: secondControlValue,
-      isLocked: locked
-    });
-  }, [firstControlValue, secondControlValue]);
+    onChange === null || onChange === void 0 || onChange(locked);
+  }, [locked, onChange]);
 
   var setFirstControl = function setFirstControl(value) {
     setFirstControlValue(value);
@@ -63,11 +49,10 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement(Stack, {
-    spacing: 16,
-    align: STACK_ALIGNMENTS.end
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(valuesSyncer, cssClasses)
   }, firstControl(firstControlValue, setFirstControl), /*#__PURE__*/React.createElement("button", {
-    className: cssStyles[valuesSyncerLockButton],
+    className: valuesSyncerLockButton,
     "aria-label": "Lock values",
     type: "button",
     onClick: toggleLock

package/build/esm/packages/aurora/src/components/controls/components/values_syncer.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;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;"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { cssControls, cssControlsError } from './css_classes.js';
-import cssStyles from '../../css/controls/main.module.less.js';
 import { ControlContext } from './context.js';
+import cssStyles from '../../css/controls/main.module.less.js';
 import Input from './components/input.js';
 import { AdditionalInfo } from './components/additional_info.js';
 import Checkbox from './components/checkbox.js';

package/build/esm/packages/aurora/src/components/controls/types.d.ts

@@ -8,7 +8,6 @@ import { IRange } from "../range/types";
 import React from 'react';
 import { TVerticalPosition } from "../../typings/general";
 import { TUploadedImageData } from "../xhr_image_picker/types";
-import { TValuesSyncerProps } from "./components/values_syncer";
 export declare type TControlErrors = string[] | null | undefined;
 export interface IControlContext {
     errors?: TControlErrors;
@@ -108,13 +107,6 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
     isRequired?: boolean;
     labelAdditionalInfo?: string | ReactNode;
 }
-export interface IControlNumbersSyncerProps extends IControlCommonProps, TValuesSyncerProps {
-    id?: string;
-    name?: string;
-    label?: string;
-    isRequired?: boolean;
-    labelAdditionalInfo?: string | ReactNode;
-}
 export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
     label: string;
     labelAdditionalInfo?: string | ReactNode;

package/build/esm/packages/aurora/src/components/controls/types.js

@@ -8,5 +8,4 @@ import '@auroraComponents/range/types';
 import 'react';
 import '@auroraTypings/general';
 import '@auroraComponents/xhr_image_picker/types';
-import '@auroraComponents/controls/components/values_syncer';
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/controls/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAoD,qCAAqC,CAAC;AAC1F,OAAyC,sCAAsC,CAAC;AAChF,OAAgD,kCAAkC,CAAC;AAEnF,OAAqC,0CAA0C,CAAC;AAChF,OAAkC,sCAAsC,CAAC;AACzE,OAAuB,+BAA+B,CAAC;AACvD,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC;AAC3D,OAAmC,0CAA0C,CAAC;AAC9E,OAAmC,qDAAqD,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAoD,qCAAqC,CAAC;AAC1F,OAAyC,sCAAsC,CAAC;AAChF,OAAgD,kCAAkC,CAAC;AAEnF,OAAqC,0CAA0C,CAAC;AAChF,OAAkC,sCAAsC,CAAC;AACzE,OAAuB,+BAA+B,CAAC;AACvD,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC;AAC3D,OAAmC,0CAA0C,CAAC"}

package/build/esm/packages/aurora/src/components/date_picker/components/buttons.js

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import Button from '../../button/index.js';
 import ButtonsGroup from '../../buttons_group/index.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
+import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import DatepickerContext from '../context/value_controller_context.js';
 
 var Buttons = function Buttons() {

package/build/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -1,13 +1,12 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useClickOutside } from '../../../hooks/use_click_outside.js';
-import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
-import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
-import cssClasses$3 from '../../../css/icons/main.module.less.js';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
+import cssClasses$3 from '../../../css/icons/main.module.less.js';
 import { useDropdownContext } from '../context/index.js';
+import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
+import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
 import { UiDomUtils } from '@dreamcommerce/utilities';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
@@ -15,6 +14,7 @@ import { DROPDOWN_Z_INDEX, DROPDOWN_CONTENT_ARROW_HEIGHT, DROPDOWN_ON_MODAL_Z_IN
 import { jsDropdownContentClass, cssDropdownContent, cssDropdownContentOnTop, cssDropdownContentOnBottom, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { getBounding, getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
+import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import IconArrow from '../../../assets/icon_arrow.js';
 import cssClasses$1 from '../../../css/hint/main.module.less.js';
 import cssClasses$2 from '../../../css/tooltip/main.module.less.js';

package/build/esm/packages/aurora/src/components/dropdown/components/dropdown.js

@@ -1,6 +1,5 @@
 import React, { useRef } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useToggle } from '../hooks/use_toggle.js';
 import { DropdownContext } from '../context/index.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { useDropdownsManagerContext } from '../hooks/use_dropdowns_manager_context.js';
@@ -13,9 +12,11 @@ import Label from './label.js';
 import Link from './link.js';
 import List from './list.js';
 import Option from './option.js';
+import { useToggle } from '../hooks/use_toggle.js';
 import OptionMultiple from './option_multiple.js';
 import Search from './search.js';
 import Select from './select.js';
+import { MemoizedContent } from './memoized_content.js';
 
 /**
  * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
@@ -77,6 +78,7 @@ var Dropdown = function Dropdown(_ref) {
 
 Dropdown.Select = Select;
 Dropdown.Content = Content;
+Dropdown.MemoizedContent = MemoizedContent;
 Dropdown.ItemWithHover = ItemWithHover;
 Dropdown.Search = Search;
 Dropdown.List = List;

package/build/esm/packages/aurora/src/components/dropdown/components/dropdown.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;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;AACA;AACA;AACA;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/dropdown/components/memoized_content.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDropdownContentProps } from "../types";
+export declare const MemoizedContent: React.MemoExoticComponent<(props: IDropdownContentProps) => JSX.Element>;

package/build/esm/packages/aurora/src/components/dropdown/components/memoized_content.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import Content from './content.js';
+import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
+import omit_1 from '../../../../../../external/lodash/omit.js';
+
+var MemoizedContent = /*#__PURE__*/React.memo(function (props) {
+  return /*#__PURE__*/React.createElement(Content, _objectSpread2({}, props));
+}, function (prev, curr) {
+  return isEqual_1(omit_1(prev, ['children']), omit_1(curr, ['children']));
+});
+MemoizedContent.displayName;
+
+export { MemoizedContent };
+//# sourceMappingURL=memoized_content.js.map

package/build/esm/packages/aurora/src/components/dropdown/components/memoized_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sBAAsB,8CAAkD;AACxE,mBAAmB,2CAA+C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/components/select.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import { cssControlInputRemoveButton } from '../../controls/css_classes.js';
 import { useDropdownContext } from '../context/index.js';
+import { cssControlInputRemoveButton } from '../../controls/css_classes.js';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 import IconClose from '../../../assets/icon_close.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';

package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -1,12 +1,12 @@
 import React, { useRef, useState } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useValues } from '../../hooks/use_values.js';
-import { useToggle } from '../../hooks/use_toggle.js';
-import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
 import { DropdownContext } from '../../context/index.js';
 import { cssDropdown } from '../../css_classes.js';
 import cssClasses from '../../../../css/dropdown/main.module.less.js';
 import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.js';
+import { useValues } from '../../hooks/use_values.js';
+import { useToggle } from '../../hooks/use_toggle.js';
+import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
 import Dropdown from '../../components/dropdown.js';
 
 /**

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -1,12 +1,12 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useValue } from '../../hooks/use_value.js';
-import { useToggle } from '../../hooks/use_toggle.js';
-import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
 import { DropdownContext } from '../../context/index.js';
 import { cssDropdown } from '../../css_classes.js';
 import cssClasses from '../../../../css/dropdown/main.module.less.js';
 import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.js';
+import { useValue } from '../../hooks/use_value.js';
+import { useToggle } from '../../hooks/use_toggle.js';
+import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
 import Dropdown from '../../components/dropdown.js';
 
 /**

package/build/esm/packages/aurora/src/components/dropdown/types.d.ts

@@ -12,6 +12,7 @@ export interface IDropdownComposition {
     Label: React.FC<IDropdownLabelProps>;
     CustomLabel: React.FC<IDropdownCustomLabelProps>;
     Content: React.FC<IDropdownContentProps>;
+    MemoizedContent: React.FC<IDropdownContentProps>;
     ItemWithHover: React.FC<IDropdownItemWithHover>;
     Search: React.FC<IDropdownSearchProps>;
     Header: React.FC<IDropdownHeaderProps>;

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

@@ -1,10 +1,10 @@
 import React, { useRef } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useToggle } from '../dropdown/hooks/use_toggle.js';
 import { DropdownContext } from '../dropdown/context/index.js';
 import cssClasses from '../../css/hint/main.module.less.js';
 import { classNames } from '../../utilities/styles/classNames.js';
 import IconHint from '../../assets/icon_hint.js';
+import { useToggle } from '../dropdown/hooks/use_toggle.js';
 import Dropdown from '../dropdown/components/dropdown.js';
 
 var Hint = function Hint(_ref) {

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -1,13 +1,13 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useResize } from '../../../../hooks/use_resize.js';
-import classnames from 'classnames';
 import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
 import cssClasses from '../../../../css/modal/main.module.less.js';
 import Modal from '../../components/modal.js';
+import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
+import { useResize } from '../../../../hooks/use_resize.js';
 
 var _excluded = ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "style", "withBackground"];
 var useStyles = createUseStyles({

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/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,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/hoc/relative_modal/index.js

@@ -1,13 +1,13 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useResize } from '../../../../hooks/use_resize.js';
-import classnames from 'classnames';
 import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
 import cssClasses from '../../../../css/modal/main.module.less.js';
 import Modal from '../../components/modal.js';
+import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
+import { useResize } from '../../../../hooks/use_resize.js';
 
 var _excluded = ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"];
 var useStyles = createUseStyles({

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/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,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/slide/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { DIRECTION } from '../../constants/directions.js';
-import { useClickOutside } from '../../hooks/use_click_outside.js';
 import classnames from 'classnames';
+import { useClickOutside } from '../../hooks/use_click_outside.js';
 import CSS_CLASSES from './css_classes.js';
 import cssClasses from '../../css/slide/main.module.less.js';
 

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

@@ -1,7 +1,7 @@
 import React, { useRef, useImperativeHandle, useEffect } from 'react';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP } from './stack_constants.js';
 import classnames from 'classnames';
+import { STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP } from './stack_constants.js';
 import cssClasses from '../../css/stack/main.module.less.js';
 import { cssStack } from './css_classes.js';