@dreamcommerce/aurora 2.16.2 → 2.16.3

package/build/cjs/packages/aurora/src/components/controls/components/errors_list.js

@@ -10,10 +10,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ErrorsList = ({ errors, id }) => {
-    return (errors === null || errors === void 0 ? void 0 : errors.length) ? (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsErrors] },
-        React__default['default'].createElement("ul", { className: main_module['default'][css_classes.cssControlsErrorsList] }, errors.map((error, key) => (React__default['default'].createElement("label", { htmlFor: id, key: `error-item-${id}-${key}` },
-            React__default['default'].createElement("li", { className: main_module['default'][css_classes.cssControlsErrorsListItem] }, error))))))) : null;
+var ErrorsList = function ErrorsList(_ref) {
+  var errors = _ref.errors,
+      id = _ref.id;
+  return errors !== null && errors !== void 0 && errors.length ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssControlsErrors]
+  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+    className: main_module['default'][css_classes.cssControlsErrorsList]
+  }, errors.map(function (error, key) {
+    return /*#__PURE__*/React__default['default'].createElement("label", {
+      htmlFor: id,
+      key: "error-item-".concat(id, "-").concat(key)
+    }, /*#__PURE__*/React__default['default'].createElement("li", {
+      className: main_module['default'][css_classes.cssControlsErrorsListItem]
+    }, error));
+  }))) : null;
 };
 
 exports.ErrorsList = ErrorsList;

package/build/cjs/packages/aurora/src/components/controls/components/errors_list.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;"}
+{"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;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/input/main.module.less.js');
@@ -14,15 +15,38 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
-    const { errors } = context.useControlContext();
-    const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], {
-        [main_module['default'][css_classes.cssControlS]]: padding === 'small',
-        [main_module['default'][css_classes.cssControlError]]: errors,
-        [main_module['default'][css_classes.cssControlDisabled]]: disabled,
-        [main_module['default'][css_classes.cssControlReadonly]]: readOnly
-    });
-    return (React__default['default'].createElement("input", { ...props, className: inputClasses, id: id, name: name, value: value !== null && value !== void 0 ? value : '', placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }));
+var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children"];
+
+var Input = function Input(_ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      padding = _ref.padding,
+      placeholder = _ref.placeholder,
+      value = _ref.value,
+      disabled = _ref.disabled,
+      readOnly = _ref.readOnly,
+      onChange = _ref.onChange,
+      onKeyPress = _ref.onKeyPress,
+      onKeyUp = _ref.onKeyUp,
+      children = _ref.children,
+      props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var _useControlContext = context.useControlContext(),
+      errors = _useControlContext.errors;
+
+  var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly));
+  return /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers['extends']({}, props, {
+    className: inputClasses,
+    id: id,
+    name: name,
+    value: value !== null && value !== void 0 ? value : '',
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    onChange: onChange,
+    onKeyPress: onKeyPress,
+    onKeyUp: onKeyUp
+  }));
 };
 
 exports.default = Input;

package/build/cjs/packages/aurora/src/components/controls/components/input.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;"}
+{"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;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/input/main.module.less.js');
@@ -13,19 +14,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
-    const { errors } = context.useControlContext();
-    const classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], {
-        [main_module['default'][css_classes.cssControlS]]: size === 'small',
-        [main_module['default'][css_classes.cssControlFocus]]: isFocused,
-        [main_module['default'][css_classes.cssControlDisabled]]: isDisabled,
-        [main_module['default'][css_classes.cssControlReadonly]]: isReadOnly,
-        [main_module['default'][css_classes.cssControlError]]: errors
-    });
-    return (React__default['default'].createElement("div", { ...props, className: classes },
-        preElements,
-        React__default['default'].createElement("input", { type: "text", className: main_module['default'][css_classes.cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
-        postElements));
+var _excluded = ["value", "size", "isFocused", "isDisabled", "isReadOnly", "preElements", "postElements", "placeholder"];
+
+var InputWrapper = function InputWrapper(_ref) {
+  var value = _ref.value,
+      size = _ref.size,
+      isFocused = _ref.isFocused,
+      isDisabled = _ref.isDisabled,
+      isReadOnly = _ref.isReadOnly,
+      preElements = _ref.preElements,
+      postElements = _ref.postElements,
+      placeholder = _ref.placeholder,
+      props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var _useControlContext = context.useControlContext(),
+      errors = _useControlContext.errors;
+
+  var classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], size === 'small'), main_module['default'][css_classes.cssControlFocus], isFocused), main_module['default'][css_classes.cssControlDisabled], isDisabled), main_module['default'][css_classes.cssControlReadonly], isReadOnly), main_module['default'][css_classes.cssControlError], errors));
+  return /*#__PURE__*/React__default['default'].createElement("div", _rollupPluginBabelHelpers['extends']({}, props, {
+    className: classes
+  }), preElements, /*#__PURE__*/React__default['default'].createElement("input", {
+    type: "text",
+    className: main_module['default'][css_classes.cssControlInput],
+    value: value,
+    placeholder: placeholder,
+    readOnly: true
+  }), postElements);
 };
 
 exports.default = InputWrapper;

package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/controls/components/label.js

@@ -11,9 +11,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlLabel = ({ id, isRequired, children, additionalInfo }) => {
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsLabel] },
-        React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired, additionalInfo: additionalInfo }, children)));
+var ControlLabel = function ControlLabel(_ref) {
+  var id = _ref.id,
+      isRequired = _ref.isRequired,
+      children = _ref.children,
+      additionalInfo = _ref.additionalInfo;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssControlsLabel]
+  }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
+    htmlFor: id,
+    isRequired: isRequired,
+    additionalInfo: additionalInfo
+  }, children));
 };
 
 exports.default = ControlLabel;

package/build/cjs/packages/aurora/src/components/controls/components/label.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;"}
+{"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;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/radio/main.module.less.js');
@@ -13,18 +14,39 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const Radio = ({ id, name, value, checked, defaultChecked = false, disabled, onClick }) => {
-    const radioClasses = classnames__default['default'](css_classes.radio, {
-        [css_classes.radioDisabled]: disabled
-    });
-    function handleRadioChange(ev) {
-        if (onClick) {
-            onClick(ev);
-        }
-    }
-    return (React__default['default'].createElement("span", { className: classNames.classNames(radioClasses.split(' '), main_module['default']) },
-        React__default['default'].createElement("input", { className: main_module['default'][css_classes.radioControl], id: id, name: name, type: "radio", value: value, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onClick: handleRadioChange }),
-        React__default['default'].createElement("label", { className: main_module['default'][css_classes.radioLabel], htmlFor: id })));
+var Radio = function Radio(_ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      value = _ref.value,
+      checked = _ref.checked,
+      _ref$defaultChecked = _ref.defaultChecked,
+      defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
+      disabled = _ref.disabled,
+      onClick = _ref.onClick;
+  var radioClasses = classnames__default['default'](css_classes.radio, _rollupPluginBabelHelpers.defineProperty({}, css_classes.radioDisabled, disabled));
+
+  function handleRadioChange(ev) {
+    if (onClick) {
+      onClick(ev);
+    }
+  }
+
+  return /*#__PURE__*/React__default['default'].createElement("span", {
+    className: classNames.classNames(radioClasses.split(' '), main_module['default'])
+  }, /*#__PURE__*/React__default['default'].createElement("input", {
+    className: main_module['default'][css_classes.radioControl],
+    id: id,
+    name: name,
+    type: "radio",
+    value: value,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    disabled: disabled,
+    onClick: handleRadioChange
+  }), /*#__PURE__*/React__default['default'].createElement("label", {
+    className: main_module['default'][css_classes.radioLabel],
+    htmlFor: id
+  }));
 };
 
 exports.default = Radio;

package/build/cjs/packages/aurora/src/components/controls/components/radio.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;"}
+{"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;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/input/main.module.less.js');
@@ -12,13 +13,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const Textarea = React__default['default'].forwardRef(({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }, ref) => {
-    const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], {
-        [main_module['default'][css_classes.cssControlS]]: padding === 'small',
-        [main_module['default'][css_classes.cssControlDisabled]]: disabled,
-        [main_module['default'][css_classes.cssControlReadonly]]: readOnly
-    });
-    return (React__default['default'].createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, ref: ref }));
+var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress"];
+var Textarea = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      padding = _ref.padding,
+      placeholder = _ref.placeholder,
+      value = _ref.value,
+      disabled = _ref.disabled,
+      readOnly = _ref.readOnly,
+      onChange = _ref.onChange,
+      onKeyPress = _ref.onKeyPress,
+      props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly));
+  return /*#__PURE__*/React__default['default'].createElement("textarea", _rollupPluginBabelHelpers['extends']({}, props, {
+    className: inputClasses,
+    id: id,
+    name: name,
+    value: value,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    onChange: onChange,
+    onKeyPress: onKeyPress,
+    ref: ref
+  }));
 });
 
 exports.default = Textarea;

package/build/cjs/packages/aurora/src/components/controls/components/textarea.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;"}
+{"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;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var use_toggle = require('../../dropdown/hooks/use_toggle.js');
@@ -14,29 +15,57 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue, cssClasses, onChange }) => {
-    const [locked, toggleLock] = use_toggle.useToggle(false);
-    const [firstControlValue, setFirstControlValue] = React.useState(initialFirstValue);
-    const [secondControlValue, setSecondControlValue] = React.useState(initialSecondValue);
-    React.useEffect(() => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(locked);
-    }, [locked, onChange]);
-    const setFirstControl = (value) => {
-        setFirstControlValue(value);
-        if (locked) {
-            setSecondControlValue(value);
-        }
-    };
-    const setSecondControl = (value) => {
-        setSecondControlValue(value);
-        if (locked) {
-            setFirstControlValue(value);
-        }
-    };
-    return (React__default['default'].createElement("div", { className: classnames__default['default'](css_classes.valuesSyncer, cssClasses) },
-        firstControl(firstControlValue, setFirstControl),
-        React__default['default'].createElement("button", { className: css_classes.valuesSyncerLockButton, "aria-label": "Lock values", type: "button", onClick: toggleLock }, locked ? React__default['default'].createElement(lock_closed['default'], null) : React__default['default'].createElement(lock_opened['default'], null)),
-        secondControl(secondControlValue, setSecondControl)));
+var ValuesSyncer = function ValuesSyncer(_ref) {
+  var firstControl = _ref.firstControl,
+      secondControl = _ref.secondControl,
+      initialFirstValue = _ref.initialFirstValue,
+      initialSecondValue = _ref.initialSecondValue,
+      cssClasses = _ref.cssClasses,
+      onChange = _ref.onChange;
+
+  var _useToggle = use_toggle.useToggle(false),
+      _useToggle2 = _rollupPluginBabelHelpers.slicedToArray(_useToggle, 2),
+      locked = _useToggle2[0],
+      toggleLock = _useToggle2[1];
+
+  var _useState = React.useState(initialFirstValue),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      firstControlValue = _useState2[0],
+      setFirstControlValue = _useState2[1];
+
+  var _useState3 = React.useState(initialSecondValue),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      secondControlValue = _useState4[0],
+      setSecondControlValue = _useState4[1];
+
+  React.useEffect(function () {
+    onChange === null || onChange === void 0 || onChange(locked);
+  }, [locked, onChange]);
+
+  var setFirstControl = function setFirstControl(value) {
+    setFirstControlValue(value);
+
+    if (locked) {
+      setSecondControlValue(value);
+    }
+  };
+
+  var setSecondControl = function setSecondControl(value) {
+    setSecondControlValue(value);
+
+    if (locked) {
+      setFirstControlValue(value);
+    }
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classnames__default['default'](css_classes.valuesSyncer, cssClasses)
+  }, firstControl(firstControlValue, setFirstControl), /*#__PURE__*/React__default['default'].createElement("button", {
+    className: css_classes.valuesSyncerLockButton,
+    "aria-label": "Lock values",
+    type: "button",
+    onClick: toggleLock
+  }, locked ? /*#__PURE__*/React__default['default'].createElement(lock_closed['default'], null) : /*#__PURE__*/React__default['default'].createElement(lock_opened['default'], null)), secondControl(secondControlValue, setSecondControl));
 };
 
 exports.default = ValuesSyncer;

package/build/cjs/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;"}
+{"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/context.js

@@ -8,8 +8,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlContext = React__default['default'].createContext({});
-const useControlContext = () => React.useContext(ControlContext);
+var ControlContext = /*#__PURE__*/React__default['default'].createContext({});
+var useControlContext = function useControlContext() {
+  return React.useContext(ControlContext);
+};
 
 exports.ControlContext = ControlContext;
 exports.useControlContext = useControlContext;

package/build/cjs/packages/aurora/src/components/controls/context.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/controls/css_classes.js

@@ -2,50 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cssControls = 'controls';
-const cssControlsError = 'controls_error';
-const cssControlsLabel = `${cssControls}__label`;
-const cssControlsContent = `${cssControls}__content`;
-const cssControlsElement = `${cssControls}__element`;
-const cssControlsElementPrefix = `${cssControls}__element_prefix`;
-const cssControlsElementPostfix = `${cssControls}__element_postfix`;
-const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;
-const cssControlsElementRadio = `${cssControls}__element_radio`;
-const cssControlsErrors = `${cssControls}__errors`;
-const cssControlsErrorsList = `${cssControls}__errors-list`;
-const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;
-const cssControlsAdditionalInfo = `${cssControls}__additional-info`;
-const cssControlsElementVerticalAlignTop = `${cssControlsElement}_vtop`;
-const cssControl = 'control';
-const cssControlS = 'control_s';
-const cssControlWrapper = 'control_wrapper';
-const cssControlFocus = 'control_focus';
-const cssControlDisabled = 'control_disabled';
-const cssControlReadonly = 'control_readonly';
-const cssControlError = 'control_error';
-const cssControlInput = 'control__input';
-const cssControlInputRemoveButton = 'control__remove-button';
-const checkbox = 'checkbox';
-const checkboxDisabled = `${checkbox}_disabled`;
-const checkboxControl = `${checkbox}__control`;
-const checkboxLabel = `${checkbox}__label`;
-const checkboxIcon = `${checkbox}__icon`;
-const checkboxSwitch = 'checkbox-switch';
-const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;
-const checkboxSwitchControl = `${checkboxSwitch}__control`;
-const checkboxSwitchLabel = `${checkboxSwitch}__label`;
-const checkboxSwitchIcon = `${checkboxSwitch}__icon`;
-const radio = 'radio';
-const radioDisabled = `${radio}_disabled`;
-const radioControl = `${radio}__control`;
-const radioLabel = `${radio}__label`;
-const cellSelector = 'cell-selector';
-const cellSelectorContainer = `${cellSelector}__container`;
-const cellSelectorRow = `${cellSelector}__row`;
-const cellSelectorCell = `${cellSelector}__cell`;
-const cellSelectorCellActive = `${cellSelectorCell}_active`;
-const valuesSyncer = 'values-syncer';
-const valuesSyncerLockButton = `${valuesSyncer}__lock-button`;
+var cssControls = 'controls';
+var cssControlsError = 'controls_error';
+var cssControlsLabel = "".concat(cssControls, "__label");
+var cssControlsContent = "".concat(cssControls, "__content");
+var cssControlsElement = "".concat(cssControls, "__element");
+var cssControlsElementPrefix = "".concat(cssControls, "__element_prefix");
+var cssControlsElementPostfix = "".concat(cssControls, "__element_postfix");
+var cssControlsElementCheckbox = "".concat(cssControls, "__element_checkbox");
+var cssControlsElementRadio = "".concat(cssControls, "__element_radio");
+var cssControlsErrors = "".concat(cssControls, "__errors");
+var cssControlsErrorsList = "".concat(cssControls, "__errors-list");
+var cssControlsErrorsListItem = "".concat(cssControls, "__errors-list-item");
+var cssControlsAdditionalInfo = "".concat(cssControls, "__additional-info");
+var cssControlsElementVerticalAlignTop = "".concat(cssControlsElement, "_vtop");
+var cssControl = 'control';
+var cssControlS = 'control_s';
+var cssControlWrapper = 'control_wrapper';
+var cssControlFocus = 'control_focus';
+var cssControlDisabled = 'control_disabled';
+var cssControlReadonly = 'control_readonly';
+var cssControlError = 'control_error';
+var cssControlInput = 'control__input';
+var cssControlInputRemoveButton = 'control__remove-button';
+var checkbox = 'checkbox';
+var checkboxDisabled = "".concat(checkbox, "_disabled");
+var checkboxControl = "".concat(checkbox, "__control");
+var checkboxLabel = "".concat(checkbox, "__label");
+var checkboxIcon = "".concat(checkbox, "__icon");
+var checkboxSwitch = 'checkbox-switch';
+var checkboxSwitchDisabled = "".concat(checkboxSwitch, "_disabled");
+var checkboxSwitchControl = "".concat(checkboxSwitch, "__control");
+var checkboxSwitchLabel = "".concat(checkboxSwitch, "__label");
+var checkboxSwitchIcon = "".concat(checkboxSwitch, "__icon");
+var radio = 'radio';
+var radioDisabled = "".concat(radio, "_disabled");
+var radioControl = "".concat(radio, "__control");
+var radioLabel = "".concat(radio, "__label");
+var cellSelector = 'cell-selector';
+var cellSelectorContainer = "".concat(cellSelector, "__container");
+var cellSelectorRow = "".concat(cellSelector, "__row");
+var cellSelectorCell = "".concat(cellSelector, "__cell");
+var cellSelectorCellActive = "".concat(cellSelectorCell, "_active");
+var valuesSyncer = 'values-syncer';
+var valuesSyncerLockButton = "".concat(valuesSyncer, "__lock-button");
 
 exports.cellSelector = cellSelector;
 exports.cellSelectorCell = cellSelectorCell;

package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js

@@ -4,22 +4,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var index = require('../../index.js');
-var cell_selector = require('../../components/cell_selector.js');
 var index$1 = require('../../../hint/index.js');
+var cell_selector = require('../../components/cell_selector.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, labelAdditionalInfo }) => {
-    return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
-        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
-            label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
-        React__default['default'].createElement(index['default'].Content, null,
-            React__default['default'].createElement(index['default'].Element, null,
-                React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
-        React__default['default'].createElement(index['default'].Errors, null)));
+var ControlCellSelector = function ControlCellSelector(_ref) {
+  var label = _ref.label,
+      isRequired = _ref.isRequired,
+      id = _ref.id,
+      name = _ref.name,
+      errors = _ref.errors,
+      onChange = _ref.onChange,
+      cols = _ref.cols,
+      initialSelected = _ref.initialSelected,
+      rows = _ref.rows,
+      withValueOffset = _ref.withValueOffset,
+      className = _ref.className,
+      hint = _ref.hint,
+      labelAdditionalInfo = _ref.labelAdditionalInfo;
+  return /*#__PURE__*/React__default['default'].createElement(index['default'], {
+    errors: errors,
+    name: name,
+    id: id
+  }, (label || hint) && /*#__PURE__*/React__default['default'].createElement(index['default'].Label, {
+    id: id,
+    isRequired: isRequired,
+    additionalInfo: labelAdditionalInfo
+  }, label, hint && /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
+    spacingLeft: true,
+    hint: hint
+  })), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(cell_selector['default'], {
+    name: name,
+    onChange: onChange,
+    cols: cols,
+    initialSelected: initialSelected,
+    rows: rows,
+    withValueOffset: withValueOffset,
+    className: className
+  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null));
 };
 
 exports.default = ControlCellSelector;

package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/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;"}
+{"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;"}