@dreamcommerce/aurora 2.20.1-3 → 2.20.1-5

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

@@ -21,10 +21,10 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
       secondControl = _ref.secondControl,
       initialFirstValue = _ref.initialFirstValue,
       initialSecondValue = _ref.initialSecondValue,
-      cssClasses = _ref.cssClasses,
-      onChange = _ref.onChange;
+      onLock = _ref.onLock,
+      isLocked = _ref.isLocked;
 
-  var _useToggle = use_toggle.useToggle(false),
+  var _useToggle = use_toggle.useToggle(isLocked),
       _useToggle2 = _rollupPluginBabelHelpers.slicedToArray(_useToggle, 2),
       locked = _useToggle2[0],
       toggleLock = _useToggle2[1];
@@ -40,8 +40,12 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
       setSecondControlValue = _useState4[1];
 
   React.useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(locked);
-  }, [locked, onChange]);
+    onLock === null || onLock === void 0 || onLock(locked);
+
+    if (locked) {
+      setSecondControlValue(firstControlValue);
+    }
+  }, [locked, onLock, firstControlValue]);
 
   var setFirstControl = function setFirstControl(value) {
     setFirstControlValue(value);

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

package/build/cjs/packages/aurora/src/css/controls/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n/** Values Syncer */\n.main-module_controls__1yrPe:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n  fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n  color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n  display: flex;\n  align-items: flex-start;\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n  min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n  flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n  margin-left: 0;\n  margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n  flex: 0 1 100%;\n  max-width: 100%;\n  padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n  flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n  flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n  flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n  flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n  content: attr(data-prefix);\n  position: absolute;\n  left: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n  padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n  content: attr(data-postfix);\n  position: absolute;\n  right: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n  padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n  flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n  justify-content: space-between;\n  align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n  display: flex;\n  align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n  display: flex;\n  justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n  display: flex;\n  align-items: center;\n  color: #2d3748;\n  margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n  display: flex;\n  justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n  display: flex;\n  margin-top: -0.25rem;\n  margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n  margin-top: 0.4rem;\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #e60c54;\n  text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n  cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n  padding: 0.5rem;\n  background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n  list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #5c657e;\n  margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n  margin-left: 2.5rem;\n  margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n  margin-left: 0.8rem;\n  border-left: 1px solid #d0e6ff;\n  padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n  margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n  position: absolute;\n  left: 1.25rem;\n  pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n  align-items: center;\n  position: relative;\n  display: flex;\n}\ninput,\ntextarea {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: #5c657e;\n  background-color: #ffffff;\n  width: 100%;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n}\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\ntextarea {\n  min-height: 8rem;\n  resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n  option {\n    font-size: 12px;\n    font-size: 0.8571428571428571rem;\n  }\n}\n.main-module_values-syncer__lock-button__3NY5C {\n  margin-bottom: 0.75rem;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n/** Values Syncer */\n.main-module_controls__1yrPe:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n  fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n  color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n  display: flex;\n  align-items: flex-start;\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n  min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n  flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n  margin-left: 0;\n  margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n  flex: 0 1 100%;\n  max-width: 100%;\n  padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n  flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n  flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n  flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n  flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n  content: attr(data-prefix);\n  position: absolute;\n  left: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n  padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n  content: attr(data-postfix);\n  position: absolute;\n  right: 0.965em;\n  z-index: 1;\n  top: 50%;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n  padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n  flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n  justify-content: space-between;\n  align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n  display: flex;\n  align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n  display: flex;\n  justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n  display: flex;\n  align-items: center;\n  color: #2d3748;\n  margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n  display: flex;\n  justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n  display: flex;\n  margin-top: -0.25rem;\n  margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n  margin-top: 0.4rem;\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #e60c54;\n  text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n  cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n  padding: 0.5rem;\n  background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n  list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #5c657e;\n  margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n  margin-left: 2.5rem;\n  margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n  margin-left: 0.8rem;\n  border-left: 1px solid #d0e6ff;\n  padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n  margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n  position: absolute;\n  left: 1.25rem;\n  pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n  align-items: center;\n  position: relative;\n  display: flex;\n}\ninput,\ntextarea {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: #5c657e;\n  background-color: #ffffff;\n  width: 100%;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n}\ninput[type='number'] {\n  -moz-appearance: textfield;\n  width: 50px;\n}\ntextarea {\n  min-height: 8rem;\n  resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n  option {\n    font-size: 12px;\n    font-size: 0.8571428571428571rem;\n  }\n}\n.main-module_values-syncer__lock-button__3NY5C {\n  margin-bottom: 0.75rem;\n}\n";
 var cssStyles = {
   "controls": "main-module_controls__1yrPe",
   "controls_error": "main-module_controls_error__1aqLg",

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

@@ -5,7 +5,8 @@ export declare type TChildrenRenderProps = {
     initialFirstValue?: unknown;
     initialSecondValue?: unknown;
     cssClasses?: string;
-    onChange?: (isLocked: boolean) => void;
+    onLock?: (isLocked: boolean) => void;
+    isLocked?: boolean;
 };
-declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue, cssClasses, onChange }: TChildrenRenderProps) => JSX.Element;
+declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue, onLock, isLocked }: TChildrenRenderProps) => JSX.Element;
 export default ValuesSyncer;

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

@@ -13,10 +13,10 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
       secondControl = _ref.secondControl,
       initialFirstValue = _ref.initialFirstValue,
       initialSecondValue = _ref.initialSecondValue,
-      cssClasses = _ref.cssClasses,
-      onChange = _ref.onChange;
+      onLock = _ref.onLock,
+      isLocked = _ref.isLocked;
 
-  var _useToggle = useToggle(false),
+  var _useToggle = useToggle(isLocked),
       _useToggle2 = _slicedToArray(_useToggle, 2),
       locked = _useToggle2[0],
       toggleLock = _useToggle2[1];
@@ -32,8 +32,12 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
       setSecondControlValue = _useState4[1];
 
   useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(locked);
-  }, [locked, onChange]);
+    onLock === null || onLock === void 0 || onLock(locked);
+
+    if (locked) {
+      setSecondControlValue(firstControlValue);
+    }
+  }, [locked, onLock, firstControlValue]);
 
   var setFirstControl = function setFirstControl(value) {
     setFirstControlValue(value);

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

package/build/esm/packages/aurora/src/components/controls/hoc/control_numbers_syncer/index.d.ts

@@ -0,0 +1,19 @@
+import { IControlNumbersSyncerProps } from '../../types';
+import React from 'react';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlNumbersSyncer
+ *      label="Padding"
+ *      isRequired={true}
+ *      id="input_example"
+ *      postfix="rem"
+ *      placeholder="0"
+ *      value="0"
+ *      onLock={() => {}}
+ *  />
+ * )
+ */
+declare const ControlNumbersSyncer: React.FC<IControlNumbersSyncerProps>;
+export default ControlNumbersSyncer;

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

@@ -0,0 +1,36 @@
+import Control from '../../index';
+import Hint from '@auroraComponents/hint';
+import '../../types';
+import React from 'react';
+import ValuesSyncer from '@auroraComponents/controls/components/values_syncer';
+import '@auroraComponents/controls/components/input';
+import ControlInput from '../control_input';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlNumbersSyncer
+ *      label="Padding"
+ *      isRequired={true}
+ *      id="input_example"
+ *      postfix="rem"
+ *      placeholder="0"
+ *      value="0"
+ *      onLock={() => {}}
+ *  />
+ * )
+ */
+const ControlNumbersSyncer = ({ label, isRequired, id, name, placeholder, prefix, postfix, firstLabel, secondLabel, onLock, hint, errors, labelAdditionalInfo, additionalInfo, isLocked, min, max, ...props }) => {
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        (label || hint) && (React.createElement(Control.Label, { id: id, additionalInfo: labelAdditionalInfo },
+            label,
+            hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
+        React.createElement(Control.Content, null,
+            React.createElement(ValuesSyncer, { firstControl: (value, setValue) => (React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
+                    React.createElement(ControlInput, { isRequired: isRequired, type: "number", label: firstLabel, value: value, placeholder: placeholder, onChange: (ev) => setValue(ev.target.value), min: min, max: max, className: '', ...props }))), secondControl: (value, setValue) => (React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
+                    React.createElement(ControlInput, { isRequired: isRequired, type: "number", label: secondLabel, value: value, placeholder: placeholder, onChange: (ev) => setValue(ev.target.value), min: min, max: max, ...props }))), initialFirstValue: props.value, initialSecondValue: props.value, onLock: onLock, isLocked: isLocked })),
+        React.createElement(Control.Errors, null),
+        additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
+};
+export default ControlNumbersSyncer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/hoc/control_numbers_syncer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,aAAa,CAAC;AAClC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAA+D,aAAa,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAkB,6CAA6C,CAAC;AAChE,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C;;;;;;;;;;;;;;GAcG;AACH,MAAM,oBAAoB,GAAyC,CAAC,EAChE,KAAK,EACL,UAAU,EACV,EAAE,EACF,IAAI,EACJ,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,WAAW,EACX,MAAM,EACN,IAAI,EACJ,MAAM,EACN,mBAAmB,EACnB,cAAc,EACd,QAAQ,EACR,GAAG,EACH,GAAG,EACH,GAAG,KAAK,EACX,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAChB,oBAAC,OAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,mBAAmB;YACrD,KAAK;YACL,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,SAAG,CAC7B,CACnB;QAED,oBAAC,OAAO,CAAC,OAAO;YACZ,oBAAC,YAAY,IACT,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC/B,oBAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;oBAC7C,oBAAC,YAAY,IACb,UAAU,EAAE,UAAU,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,KAAe,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,EAAE,KACR,KAAK,GACP,CACY,CACrB,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAChC,oBAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;oBAC7C,oBAAC,YAAY,IACb,UAAU,EAAE,UAAU,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,KAAe,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,KACJ,KAAK,GACP,CACY,CACrB,EACD,iBAAiB,EAAE,KAAK,CAAC,KAAK,EAC9B,kBAAkB,EAAE,KAAK,CAAC,KAAK,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACpB,CACY;QAElB,oBAAC,OAAO,CAAC,MAAM,OAAG;QACjB,cAAc,IAAI,oBAAC,OAAO,CAAC,cAAc,QAAE,cAAc,CAA0B,CAC9E,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -107,6 +107,19 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
     isRequired?: boolean;
     labelAdditionalInfo?: string | ReactNode;
 }
+export interface IControlNumbersSyncerProps extends IInputProps, IControlCommonProps {
+    prefix?: string;
+    postfix?: string;
+    label?: string;
+    firstLabel: string;
+    secondLabel: string;
+    isRequired?: boolean;
+    labelAdditionalInfo?: string | ReactNode;
+    isLocked?: boolean;
+    onLock?: (isLocked: boolean) => void;
+    min?: number;
+    max?: number;
+}
 export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
     label: string;
     labelAdditionalInfo?: string | ReactNode;

package/build/esm/packages/aurora/src/css/controls/main.module.less.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n/** Values Syncer */\n.main-module_controls__1yrPe:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n  fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n  color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n  display: flex;\n  align-items: flex-start;\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n  min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n  flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n  margin-left: 0;\n  margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n  flex: 0 1 100%;\n  max-width: 100%;\n  padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n  flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n  flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n  flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n  flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n  content: attr(data-prefix);\n  position: absolute;\n  left: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n  padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n  content: attr(data-postfix);\n  position: absolute;\n  right: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n  padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n  flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n  justify-content: space-between;\n  align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n  display: flex;\n  align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n  display: flex;\n  justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n  display: flex;\n  align-items: center;\n  color: #2d3748;\n  margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n  display: flex;\n  justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n  display: flex;\n  margin-top: -0.25rem;\n  margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n  margin-top: 0.4rem;\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #e60c54;\n  text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n  cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n  padding: 0.5rem;\n  background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n  list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #5c657e;\n  margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n  margin-left: 2.5rem;\n  margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n  margin-left: 0.8rem;\n  border-left: 1px solid #d0e6ff;\n  padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n  margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n  position: absolute;\n  left: 1.25rem;\n  pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n  align-items: center;\n  position: relative;\n  display: flex;\n}\ninput,\ntextarea {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: #5c657e;\n  background-color: #ffffff;\n  width: 100%;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n}\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\ntextarea {\n  min-height: 8rem;\n  resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n  option {\n    font-size: 12px;\n    font-size: 0.8571428571428571rem;\n  }\n}\n.main-module_values-syncer__lock-button__3NY5C {\n  margin-bottom: 0.75rem;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n/** Values Syncer */\n.main-module_controls__1yrPe:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n  fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n  color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n  display: flex;\n  align-items: flex-start;\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n  min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n  flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n  margin-left: 0;\n  margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n  flex: 0 1 100%;\n  max-width: 100%;\n  padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n  flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n  flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n  flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n  flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n  content: attr(data-prefix);\n  position: absolute;\n  left: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n  padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n  content: attr(data-postfix);\n  position: absolute;\n  right: 0.965em;\n  z-index: 1;\n  top: 50%;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n  padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n  flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n  justify-content: space-between;\n  align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n  display: flex;\n  align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n  display: flex;\n  justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n  display: flex;\n  align-items: center;\n  color: #2d3748;\n  margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n  display: flex;\n  justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n  display: flex;\n  margin-top: -0.25rem;\n  margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n  margin-top: 0.4rem;\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #e60c54;\n  text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n  cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n  padding: 0.5rem;\n  background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n  list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #5c657e;\n  margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n  margin-left: 2.5rem;\n  margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n  margin-left: 0.8rem;\n  border-left: 1px solid #d0e6ff;\n  padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n  margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n  position: absolute;\n  left: 1.25rem;\n  pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n  align-items: center;\n  position: relative;\n  display: flex;\n}\ninput,\ntextarea {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: #5c657e;\n  background-color: #ffffff;\n  width: 100%;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n}\ninput[type='number'] {\n  -moz-appearance: textfield;\n  width: 50px;\n}\ntextarea {\n  min-height: 8rem;\n  resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n  option {\n    font-size: 12px;\n    font-size: 0.8571428571428571rem;\n  }\n}\n.main-module_values-syncer__lock-button__3NY5C {\n  margin-bottom: 0.75rem;\n}\n";
 var cssStyles = {
   "controls": "main-module_controls__1yrPe",
   "controls_error": "main-module_controls_error__1aqLg",

package/package.json

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