@dreamcommerce/aurora 0.3.4-147 → 0.3.4-150

package/build/cjs/node_modules/lodash/round.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _createRound = require('./_createRound.js');
+
+/**
+ * Computes `number` rounded to `precision`.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.10.0
+ * @category Math
+ * @param {number} number The number to round.
+ * @param {number} [precision=0] The precision to round to.
+ * @returns {number} Returns the rounded number.
+ * @example
+ *
+ * _.round(4.006);
+ * // => 4
+ *
+ * _.round(4.006, 2);
+ * // => 4.01
+ *
+ * _.round(4060, -2);
+ * // => 4100
+ */
+var round = _createRound['default']('round');
+
+var round_1 = round;
+
+exports.default = round_1;
+//# sourceMappingURL=round.js.map

package/build/cjs/node_modules/lodash/round.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"round.js","sources":["../../../../node_modules/lodash/round.js"],"sourcesContent":["var createRound = require('./_createRound');\n\n/**\n * Computes `number` rounded to `precision`.\n *\n * @static\n * @memberOf _\n * @since 3.10.0\n * @category Math\n * @param {number} number The number to round.\n * @param {number} [precision=0] The precision to round to.\n * @returns {number} Returns the rounded number.\n * @example\n *\n * _.round(4.006);\n * // => 4\n *\n * _.round(4.006, 2);\n * // => 4.01\n *\n * _.round(4060, -2);\n * // => 4100\n */\nvar round = createRound('round');\n\nmodule.exports = round;\n"],"names":["createRound"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,KAAK,GAAGA,uBAAW,CAAC,OAAO,CAAC,CAAC;AACjC;WACc,GAAG;;;;"}

package/build/cjs/node_modules/lodash/stubFalse.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * This method returns `false`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {boolean} Returns `false`.
+ * @example
+ *
+ * _.times(2, _.stubFalse);
+ * // => [false, false]
+ */
+function stubFalse() {
+  return false;
+}
+
+var stubFalse_1 = stubFalse;
+
+exports.default = stubFalse_1;
+//# sourceMappingURL=stubFalse.js.map

package/build/cjs/node_modules/lodash/stubFalse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stubFalse.js","sources":["../../../../node_modules/lodash/stubFalse.js"],"sourcesContent":["/**\n * This method returns `false`.\n *\n * @static\n * @memberOf _\n * @since 4.13.0\n * @category Util\n * @returns {boolean} Returns `false`.\n * @example\n *\n * _.times(2, _.stubFalse);\n * // => [false, false]\n */\nfunction stubFalse() {\n  return false;\n}\n\nmodule.exports = stubFalse;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaA,SAAS,SAAS,GAAG;AACrB,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACD;eACc,GAAG;;;;"}

package/build/cjs/node_modules/lodash/toFinite.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toNumber = require('./toNumber.js');
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0,
+    MAX_INTEGER = 1.7976931348623157e+308;
+
+/**
+ * Converts `value` to a finite number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.12.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted number.
+ * @example
+ *
+ * _.toFinite(3.2);
+ * // => 3.2
+ *
+ * _.toFinite(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toFinite(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toFinite('3.2');
+ * // => 3.2
+ */
+function toFinite(value) {
+  if (!value) {
+    return value === 0 ? value : 0;
+  }
+  value = toNumber['default'](value);
+  if (value === INFINITY || value === -INFINITY) {
+    var sign = (value < 0 ? -1 : 1);
+    return sign * MAX_INTEGER;
+  }
+  return value === value ? value : 0;
+}
+
+var toFinite_1 = toFinite;
+
+exports.default = toFinite_1;
+//# sourceMappingURL=toFinite.js.map

package/build/cjs/node_modules/lodash/toFinite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toFinite.js","sources":["../../../../node_modules/lodash/toFinite.js"],"sourcesContent":["var toNumber = require('./toNumber');\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_INTEGER = 1.7976931348623157e+308;\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\nmodule.exports = toFinite;\n"],"names":["toNumber"],"mappings":";;;;;;AAEA;AACA,IAAI,QAAQ,GAAG,CAAC,GAAG,CAAC;AACpB,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,KAAK,EAAE;AACzB,EAAE,IAAI,CAAC,KAAK,EAAE;AACd,IAAI,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;AACnC,GAAG;AACH,EAAE,KAAK,GAAGA,mBAAQ,CAAC,KAAK,CAAC,CAAC;AAC1B,EAAE,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;AACjD,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACpC,IAAI,OAAO,IAAI,GAAG,WAAW,CAAC;AAC9B,GAAG;AACH,EAAE,OAAO,KAAK,KAAK,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;AACrC,CAAC;AACD;cACc,GAAG;;;;"}

package/build/cjs/node_modules/lodash/toInteger.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toFinite = require('./toFinite.js');
+
+/**
+ * Converts `value` to an integer.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted integer.
+ * @example
+ *
+ * _.toInteger(3.2);
+ * // => 3
+ *
+ * _.toInteger(Number.MIN_VALUE);
+ * // => 0
+ *
+ * _.toInteger(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toInteger('3.2');
+ * // => 3
+ */
+function toInteger(value) {
+  var result = toFinite['default'](value),
+      remainder = result % 1;
+
+  return result === result ? (remainder ? result - remainder : result) : 0;
+}
+
+var toInteger_1 = toInteger;
+
+exports.default = toInteger_1;
+//# sourceMappingURL=toInteger.js.map

package/build/cjs/node_modules/lodash/toInteger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toInteger.js","sources":["../../../../node_modules/lodash/toInteger.js"],"sourcesContent":["var toFinite = require('./toFinite');\n\n/**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\nfunction toInteger(value) {\n  var result = toFinite(value),\n      remainder = result % 1;\n\n  return result === result ? (remainder ? result - remainder : result) : 0;\n}\n\nmodule.exports = toInteger;\n"],"names":["toFinite"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,SAAS,CAAC,KAAK,EAAE;AAC1B,EAAE,IAAI,MAAM,GAAGA,mBAAQ,CAAC,KAAK,CAAC;AAC9B,MAAM,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC;AAC7B;AACA,EAAE,OAAO,MAAM,KAAK,MAAM,IAAI,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,IAAI,CAAC,CAAC;AAC3E,CAAC;AACD;eACc,GAAG;;;;"}

package/build/cjs/node_modules/lodash/toNumber.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isSymbol = require('./isSymbol.js');
+var isObject = require('./isObject.js');
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to match leading and trailing whitespace. */
+var reTrim = /^\s+|\s+$/g;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol['default'](value)) {
+    return NAN;
+  }
+  if (isObject['default'](value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject['default'](other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = value.replace(reTrim, '');
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+var toNumber_1 = toNumber;
+
+exports.default = toNumber_1;
+//# sourceMappingURL=toNumber.js.map

package/build/cjs/node_modules/lodash/toNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toNumber.js","sources":["../../../../node_modules/lodash/toNumber.js"],"sourcesContent":["var isObject = require('./isObject'),\n    isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n"],"names":["isSymbol","isObject"],"mappings":";;;;;;;AAGA;AACA,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAChB;AACA;AACA,IAAI,MAAM,GAAG,YAAY,CAAC;AAC1B;AACA;AACA,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtC;AACA;AACA,IAAI,UAAU,GAAG,YAAY,CAAC;AAC9B;AACA;AACA,IAAI,SAAS,GAAG,aAAa,CAAC;AAC9B;AACA;AACA,IAAI,YAAY,GAAG,QAAQ,CAAC;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,KAAK,EAAE;AACzB,EAAE,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE;AAChC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAIA,mBAAQ,CAAC,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,GAAG,CAAC;AACf,GAAG;AACH,EAAE,IAAIC,mBAAQ,CAAC,KAAK,CAAC,EAAE;AACvB,IAAI,IAAI,KAAK,GAAG,OAAO,KAAK,CAAC,OAAO,IAAI,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC;AAC7E,IAAI,KAAK,GAAGA,mBAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,EAAE,IAAI,KAAK,CAAC;AACnD,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE;AAChC,IAAI,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACpC,EAAE,IAAI,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACxC,EAAE,OAAO,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3C,MAAM,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;AACpD,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;AAC9C,CAAC;AACD;cACc,GAAG;;;;"}

package/build/cjs/node_modules/lodash/toString.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseToString = require('./_baseToString.js');
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString(value) {
+  return value == null ? '' : _baseToString['default'](value);
+}
+
+var toString_1 = toString;
+
+exports.default = toString_1;
+//# sourceMappingURL=toString.js.map

package/build/cjs/node_modules/lodash/toString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toString.js","sources":["../../../../node_modules/lodash/toString.js"],"sourcesContent":["var baseToString = require('./_baseToString');\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n  return value == null ? '' : baseToString(value);\n}\n\nmodule.exports = toString;\n"],"names":["baseToString"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,KAAK,EAAE;AACzB,EAAE,OAAO,KAAK,IAAI,IAAI,GAAG,EAAE,GAAGA,wBAAY,CAAC,KAAK,CAAC,CAAC;AAClD,CAAC;AACD;cACc,GAAG;;;;"}

package/build/cjs/node_modules/lodash/union.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseFlatten = require('./_baseFlatten.js');
+var _baseRest = require('./_baseRest.js');
+var _baseUniq = require('./_baseUniq.js');
+var isArrayLikeObject = require('./isArrayLikeObject.js');
+
+/**
+ * Creates an array of unique values, in order, from all given arrays using
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Array
+ * @param {...Array} [arrays] The arrays to inspect.
+ * @returns {Array} Returns the new array of combined values.
+ * @example
+ *
+ * _.union([2], [1, 2]);
+ * // => [2, 1]
+ */
+var union = _baseRest['default'](function(arrays) {
+  return _baseUniq['default'](_baseFlatten['default'](arrays, 1, isArrayLikeObject['default'], true));
+});
+
+var union_1 = union;
+
+exports.default = union_1;
+//# sourceMappingURL=union.js.map

package/build/cjs/node_modules/lodash/union.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"union.js","sources":["../../../../node_modules/lodash/union.js"],"sourcesContent":["var baseFlatten = require('./_baseFlatten'),\n    baseRest = require('./_baseRest'),\n    baseUniq = require('./_baseUniq'),\n    isArrayLikeObject = require('./isArrayLikeObject');\n\n/**\n * Creates an array of unique values, in order, from all given arrays using\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @returns {Array} Returns the new array of combined values.\n * @example\n *\n * _.union([2], [1, 2]);\n * // => [2, 1]\n */\nvar union = baseRest(function(arrays) {\n  return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true));\n});\n\nmodule.exports = union;\n"],"names":["baseRest","baseUniq","baseFlatten","isArrayLikeObject"],"mappings":";;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,KAAK,GAAGA,oBAAQ,CAAC,SAAS,MAAM,EAAE;AACtC,EAAE,OAAOC,oBAAQ,CAACC,uBAAW,CAAC,MAAM,EAAE,CAAC,EAAEC,4BAAiB,EAAE,IAAI,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC,CAAC;AACH;WACc,GAAG;;;;"}

package/build/cjs/src/components/color_picker/components/hue_picker.js

@@ -5,9 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _tslib = require('../../../../_virtual/_tslib.js');
 var main_module = require('../../../css/color_picker/main.module.less.js');
-require('lodash');
+require('../../../../node_modules/lodash/_baseGetTag.js');
+require('../../../../node_modules/lodash/_baseToString.js');
+require('../../../../node_modules/lodash/_createRound.js');
 var hsl = require('../../../../node_modules/colors-convert/dist/lib/hsl.js');
 require('../../../../node_modules/colors-convert/dist/lib/hex.js');
+require('../../../../node_modules/lodash/_ListCache.js');
+require('../../../../node_modules/lodash/_Map.js');
+require('../../../../node_modules/lodash/_MapCache.js');
+require('../../../../node_modules/lodash/_SetCache.js');
+require('../../../../node_modules/lodash/_equalByTag.js');
+require('../../../../node_modules/lodash/isArguments.js');
+require('../../../../node_modules/lodash/isBuffer.js');
+require('../../../../node_modules/lodash/isTypedArray.js');
+require('../../../../node_modules/lodash/_getTag.js');
+require('../../../../node_modules/lodash/_stringToPath.js');
 var range_mappings = require('../../../utilities/range/range_mappings.js');
 var utilities = require('../utilities.js');
 var event_registration = require('../../../utilities/events/event_registration.js');

package/build/cjs/src/components/color_picker/components/hue_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"hue_picker.js","sources":["../../../../../../src/components/color_picker/components/hue_picker.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport styles from '@css/color_picker/main.module.less';\nimport { hsl2hex } from 'colors-convert';\nimport { getHueFromPosition } from '../utilities';\nimport { getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\nimport {\n    mapMouseEventToPosition,\n    mapTouchEventToPosition,\n    registerOnMouseEvents,\n    registerOnTouchEvents,\n} from '@utilities/events/event_registration';\nimport { IColorPickerContextProps, IHuePickerProps, IPosition } from '../types';\nimport { ColorPickerContext } from '@components/color_picker/context';\nimport { cssColorPickerHuePicker, cssColorPickerPointer, cssColorPickerPointerInside } from '../css_classes';\n\nconst HuePicker: React.FC<IHuePickerProps> = ({ hueSliderRef, classes }) => {\n    const { setColor, setHueSliderPointer, screenName } = useContext<IColorPickerContextProps>(ColorPickerContext);\n\n    const onSliderEvent = (position: IPosition) => {\n        if (!hueSliderRef?.current) {\n            return;\n        }\n        const { hue } = getHueFromPosition({\n            hueSliderRect: hueSliderRef.current.getBoundingClientRect(),\n            position,\n            screenName,\n        });\n        const { positionY, positionX } = getIndicatorPositionFromPosition({\n            elementRect: hueSliderRef.current.getBoundingClientRect(),\n            position,\n        });\n\n        setColor((color) => ({ ...color, hue, hex: hsl2hex({ h: hue, s: color.saturation, l: color.lightness }) }));\n        setHueSliderPointer({ top: positionY, left: positionX });\n    };\n\n    const onSliderDown = (event: React.MouseEvent<HTMLDivElement, MouseEvent> | MouseEvent) => {\n        if (!hueSliderRef?.current) {\n            return;\n        }\n        onSliderEvent(mapMouseEventToPosition(event));\n        registerOnMouseEvents(onSliderEvent);\n    };\n\n    const onTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\n        if (!hueSliderRef?.current) {\n            return;\n        }\n        onSliderEvent(mapTouchEventToPosition(event));\n        registerOnTouchEvents(onSliderEvent);\n    };\n\n    return (\n        <div className={styles[cssColorPickerHuePicker]} ref={hueSliderRef} onMouseDown={onSliderDown} onTouchStart={onTouchStart}>\n            <div className={`${classes.huePointer} ${styles[cssColorPickerPointer]}`} onDrag={onSliderEvent} onTouchStart={onTouchStart}>\n                <div className={styles[cssColorPickerPointerInside]} />\n            </div>\n        </div>\n    );\n};\n\nexport default HuePicker;\n"],"names":["hsl2hex","mapMouseEventToPosition","registerOnMouseEvents","mapTouchEventToPosition","registerOnTouchEvents","React","styles","cssColorPickerHuePicker","cssColorPickerPointer","cssColorPickerPointerInside"],"mappings":";;;;;;;;;;;;;;;;;;;;IAeM,SAAS,GAA8B,UAAC,EAAyB;QAAvB,8BAAY,EAAE,oBAAO;IAC3D,IAAA,iDAAwG,EAAtG,sBAAQ,EAAE,4CAAmB,EAAE,0BAAuE,CAAC;IAE/G,IAAM,aAAa,GAAG,UAAC,QAAmB;QACtC,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACO,IAAA;;;;cAAG,CAIR;QACG,IAAA;;;UAGJ,EAHM,wBAAS,EAAE,wBAGjB,CAAC;QAEH,QAAQ,CAAC,UAAC,KAAK,IAAK,4CAAM,KAAK,KAAE,GAAG,KAAA,EAAE,GAAG,EAAEA,WAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,OAAG,CAAC,CAAC;QAC5G,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;KAC5D,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAgE;QAClF,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACD,aAAa,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9CC,wCAAqB,CAAC,aAAa,CAAC,CAAC;KACxC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAuC;QACzD,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACD,aAAa,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9CC,wCAAqB,CAAC,aAAa,CAAC,CAAC;KACxC,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAEC,sBAAM,CAACC,mCAAuB,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY;QACrHF,iDAAK,SAAS,EAAK,OAAO,CAAC,UAAU,SAAIC,sBAAM,CAACE,iCAAqB,CAAG,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY;YACvHH,iDAAK,SAAS,EAAEC,sBAAM,CAACG,uCAA2B,CAAC,GAAI,CACrD,CACJ,EACR;AACN;;;;"}
+{"version":3,"file":"hue_picker.js","sources":["../../../../../../src/components/color_picker/components/hue_picker.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport styles from '@css/color_picker/main.module.less';\nimport { hsl2hex } from 'colors-convert';\nimport { getHueFromPosition } from '../utilities';\nimport { getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\nimport {\n    mapMouseEventToPosition,\n    mapTouchEventToPosition,\n    registerOnMouseEvents,\n    registerOnTouchEvents,\n} from '@utilities/events/event_registration';\nimport { IColorPickerContextProps, IHuePickerProps, IPosition } from '../types';\nimport { ColorPickerContext } from '@components/color_picker/context';\nimport { cssColorPickerHuePicker, cssColorPickerPointer, cssColorPickerPointerInside } from '../css_classes';\n\nconst HuePicker: React.FC<IHuePickerProps> = ({ hueSliderRef, classes }) => {\n    const { setColor, setHueSliderPointer, screenName } = useContext<IColorPickerContextProps>(ColorPickerContext);\n\n    const onSliderEvent = (position: IPosition) => {\n        if (!hueSliderRef?.current) {\n            return;\n        }\n        const { hue } = getHueFromPosition({\n            hueSliderRect: hueSliderRef.current.getBoundingClientRect(),\n            position,\n            screenName,\n        });\n        const { positionY, positionX } = getIndicatorPositionFromPosition({\n            elementRect: hueSliderRef.current.getBoundingClientRect(),\n            position,\n        });\n\n        setColor((color) => ({ ...color, hue, hex: hsl2hex({ h: hue, s: color.saturation, l: color.lightness }) }));\n        setHueSliderPointer({ top: positionY, left: positionX });\n    };\n\n    const onSliderDown = (event: React.MouseEvent<HTMLDivElement, MouseEvent> | MouseEvent) => {\n        if (!hueSliderRef?.current) {\n            return;\n        }\n        onSliderEvent(mapMouseEventToPosition(event));\n        registerOnMouseEvents(onSliderEvent);\n    };\n\n    const onTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\n        if (!hueSliderRef?.current) {\n            return;\n        }\n        onSliderEvent(mapTouchEventToPosition(event));\n        registerOnTouchEvents(onSliderEvent);\n    };\n\n    return (\n        <div className={styles[cssColorPickerHuePicker]} ref={hueSliderRef} onMouseDown={onSliderDown} onTouchStart={onTouchStart}>\n            <div className={`${classes.huePointer} ${styles[cssColorPickerPointer]}`} onDrag={onSliderEvent} onTouchStart={onTouchStart}>\n                <div className={styles[cssColorPickerPointerInside]} />\n            </div>\n        </div>\n    );\n};\n\nexport default HuePicker;\n"],"names":["hsl2hex","mapMouseEventToPosition","registerOnMouseEvents","mapTouchEventToPosition","registerOnTouchEvents","React","styles","cssColorPickerHuePicker","cssColorPickerPointer","cssColorPickerPointerInside"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeM,SAAS,GAA8B,UAAC,EAAyB;QAAvB,8BAAY,EAAE,oBAAO;IAC3D,IAAA,iDAAwG,EAAtG,sBAAQ,EAAE,4CAAmB,EAAE,0BAAuE,CAAC;IAE/G,IAAM,aAAa,GAAG,UAAC,QAAmB;QACtC,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACO,IAAA;;;;cAAG,CAIR;QACG,IAAA;;;UAGJ,EAHM,wBAAS,EAAE,wBAGjB,CAAC;QAEH,QAAQ,CAAC,UAAC,KAAK,IAAK,4CAAM,KAAK,KAAE,GAAG,KAAA,EAAE,GAAG,EAAEA,WAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,OAAG,CAAC,CAAC;QAC5G,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;KAC5D,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAgE;QAClF,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACD,aAAa,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9CC,wCAAqB,CAAC,aAAa,CAAC,CAAC;KACxC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAuC;QACzD,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACD,aAAa,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9CC,wCAAqB,CAAC,aAAa,CAAC,CAAC;KACxC,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAEC,sBAAM,CAACC,mCAAuB,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY;QACrHF,iDAAK,SAAS,EAAK,OAAO,CAAC,UAAU,SAAIC,sBAAM,CAACE,iCAAqB,CAAG,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY;YACvHH,iDAAK,SAAS,EAAEC,sBAAM,CAACG,uCAA2B,CAAC,GAAI,CACrD,CACJ,EACR;AACN;;;;"}

package/build/cjs/src/components/color_picker/components/saturation_lightness_picker.js

@@ -5,9 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _tslib = require('../../../../_virtual/_tslib.js');
 var main_module = require('../../../css/color_picker/main.module.less.js');
-require('lodash');
+require('../../../../node_modules/lodash/_baseGetTag.js');
+require('../../../../node_modules/lodash/_baseToString.js');
+require('../../../../node_modules/lodash/_createRound.js');
 var hsl = require('../../../../node_modules/colors-convert/dist/lib/hsl.js');
 require('../../../../node_modules/colors-convert/dist/lib/hex.js');
+require('../../../../node_modules/lodash/_ListCache.js');
+require('../../../../node_modules/lodash/_Map.js');
+require('../../../../node_modules/lodash/_MapCache.js');
+require('../../../../node_modules/lodash/_SetCache.js');
+require('../../../../node_modules/lodash/_equalByTag.js');
+require('../../../../node_modules/lodash/isArguments.js');
+require('../../../../node_modules/lodash/isBuffer.js');
+require('../../../../node_modules/lodash/isTypedArray.js');
+require('../../../../node_modules/lodash/_getTag.js');
+require('../../../../node_modules/lodash/_stringToPath.js');
 var range_mappings = require('../../../utilities/range/range_mappings.js');
 var utilities = require('../utilities.js');
 var event_registration = require('../../../utilities/events/event_registration.js');

package/build/cjs/src/components/color_picker/components/saturation_lightness_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"saturation_lightness_picker.js","sources":["../../../../../../src/components/color_picker/components/saturation_lightness_picker.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { hsl2hex } from 'colors-convert';\nimport styles from '@css/color_picker/main.module.less';\nimport { IColorPickerContextProps, IPosition, ISaturationLightnessPickerProps } from '../types';\nimport { getSaturationLightnessFromPosition } from '../utilities';\nimport { getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\nimport {\n    mapMouseEventToPosition,\n    mapTouchEventToPosition,\n    registerOnMouseEvents,\n    registerOnTouchEvents,\n} from '@utilities/events/event_registration';\nimport { ColorPickerContext } from '@components/color_picker/context';\nimport {\n    cssColorPickerMask,\n    cssColorPickerMaskBlack,\n    cssColorPickerMaskWhite,\n    cssColorPickerPointer,\n    cssColorPickerPointerInside,\n    cssColorPickerSaturationLightnessPicker,\n} from '@components/color_picker/css_classes';\n\nconst SaturationLightnessPicker: React.FC<ISaturationLightnessPickerProps> = ({ classes, saturationLightnessPanelRef }) => {\n    const { setColor, setSaturationLightnessPointer } = useContext<IColorPickerContextProps>(ColorPickerContext);\n    const saturationLightnessPickerEvent = (position: IPosition) => {\n        if (!saturationLightnessPanelRef.current) {\n            return;\n        }\n        const elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();\n        const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });\n        const { lightness, saturation } = getSaturationLightnessFromPosition({ elementRect, position });\n        setColor((color) => ({\n            ...color,\n            saturation,\n            lightness,\n            hex: hsl2hex({ h: color.hue, l: lightness, s: saturation }),\n        }));\n\n        setSaturationLightnessPointer({\n            left: positionX,\n            top: positionY,\n        });\n    };\n\n    const onMouseDown = (event: React.MouseEvent<HTMLElement, MouseEvent> | MouseEvent) => {\n        event.preventDefault();\n        if (!saturationLightnessPanelRef?.current) {\n            return;\n        }\n        saturationLightnessPickerEvent(mapMouseEventToPosition(event));\n        registerOnMouseEvents(saturationLightnessPickerEvent);\n    };\n\n    const onTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        if (!saturationLightnessPanelRef?.current) {\n            return;\n        }\n        saturationLightnessPickerEvent(mapTouchEventToPosition(event));\n\n        registerOnTouchEvents(saturationLightnessPickerEvent);\n    };\n\n    return (\n        <div\n            className={`${classes.saturationLightnessPanel} ${styles[cssColorPickerSaturationLightnessPicker]}`}\n            ref={saturationLightnessPanelRef}\n            onMouseDown={onMouseDown}\n            onTouchStart={onTouchStart}\n        >\n            <div className={`${styles[cssColorPickerMask]} ${styles[cssColorPickerMaskWhite]}`} />\n            <div className={`${styles[cssColorPickerMask]} ${styles[cssColorPickerMaskBlack]}`} />\n            <div\n                className={`${classes.saturationLightnessPointer} ${styles[cssColorPickerPointer]}`}\n                onDrag={saturationLightnessPickerEvent}\n                onTouchStart={onTouchStart}\n            >\n                <div className={styles[cssColorPickerPointerInside]} />\n            </div>\n        </div>\n    );\n};\n\nexport default SaturationLightnessPicker;\n"],"names":["hsl2hex","mapMouseEventToPosition","registerOnMouseEvents","mapTouchEventToPosition","registerOnTouchEvents","React","styles","cssColorPickerSaturationLightnessPicker","cssColorPickerMask","cssColorPickerMaskWhite","cssColorPickerMaskBlack","cssColorPickerPointer","cssColorPickerPointerInside"],"mappings":";;;;;;;;;;;;;;;;;;;;IAsBM,yBAAyB,GAA8C,UAAC,EAAwC;QAAtC,oBAAO,EAAE,4DAA2B;IAC1G,IAAA,iDAAsG,EAApG,sBAAQ,EAAE,gEAA0F,CAAC;IAC7G,IAAM,8BAA8B,GAAG,UAAC,QAAmB;QACvD,IAAI,CAAC,2BAA2B,CAAC,OAAO,EAAE;YACtC,OAAO;SACV;QACD,IAAM,WAAW,GAAG,2BAA2B,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC1E,IAAA,sGAAsF,EAApF,wBAAS,EAAE,wBAAyE,CAAC;QACvF,IAAA,mGAAyF,EAAvF,wBAAS,EAAE,0BAA4E,CAAC;QAChG,QAAQ,CAAC,UAAC,KAAK,IAAK,4CACb,KAAK,KACR,UAAU,YAAA;YACV,SAAS,WAAA,EACT,GAAG,EAAEA,WAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,OAC7D,CAAC,CAAC;QAEJ,6BAA6B,CAAC;YAC1B,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,SAAS;SACjB,CAAC,CAAC;KACN,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAA6D;QAC9E,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,EAAC,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,OAAO,CAAA,EAAE;YACvC,OAAO;SACV;QACD,8BAA8B,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/DC,wCAAqB,CAAC,8BAA8B,CAAC,CAAC;KACzD,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAuC;QACzD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,EAAC,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,OAAO,CAAA,EAAE;YACvC,OAAO;SACV;QACD,8BAA8B,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAE/DC,wCAAqB,CAAC,8BAA8B,CAAC,CAAC;KACzD,CAAC;IAEF,QACIC,iDACI,SAAS,EAAK,OAAO,CAAC,wBAAwB,SAAIC,sBAAM,CAACC,mDAAuC,CAAG,EACnG,GAAG,EAAE,2BAA2B,EAChC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY;QAE1BF,iDAAK,SAAS,EAAKC,sBAAM,CAACE,8BAAkB,CAAC,SAAIF,sBAAM,CAACG,mCAAuB,CAAG,GAAI;QACtFJ,iDAAK,SAAS,EAAKC,sBAAM,CAACE,8BAAkB,CAAC,SAAIF,sBAAM,CAACI,mCAAuB,CAAG,GAAI;QACtFL,iDACI,SAAS,EAAK,OAAO,CAAC,0BAA0B,SAAIC,sBAAM,CAACK,iCAAqB,CAAG,EACnF,MAAM,EAAE,8BAA8B,EACtC,YAAY,EAAE,YAAY;YAE1BN,iDAAK,SAAS,EAAEC,sBAAM,CAACM,uCAA2B,CAAC,GAAI,CACrD,CACJ,EACR;AACN;;;;"}
+{"version":3,"file":"saturation_lightness_picker.js","sources":["../../../../../../src/components/color_picker/components/saturation_lightness_picker.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { hsl2hex } from 'colors-convert';\nimport styles from '@css/color_picker/main.module.less';\nimport { IColorPickerContextProps, IPosition, ISaturationLightnessPickerProps } from '../types';\nimport { getSaturationLightnessFromPosition } from '../utilities';\nimport { getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\nimport {\n    mapMouseEventToPosition,\n    mapTouchEventToPosition,\n    registerOnMouseEvents,\n    registerOnTouchEvents,\n} from '@utilities/events/event_registration';\nimport { ColorPickerContext } from '@components/color_picker/context';\nimport {\n    cssColorPickerMask,\n    cssColorPickerMaskBlack,\n    cssColorPickerMaskWhite,\n    cssColorPickerPointer,\n    cssColorPickerPointerInside,\n    cssColorPickerSaturationLightnessPicker,\n} from '@components/color_picker/css_classes';\n\nconst SaturationLightnessPicker: React.FC<ISaturationLightnessPickerProps> = ({ classes, saturationLightnessPanelRef }) => {\n    const { setColor, setSaturationLightnessPointer } = useContext<IColorPickerContextProps>(ColorPickerContext);\n    const saturationLightnessPickerEvent = (position: IPosition) => {\n        if (!saturationLightnessPanelRef.current) {\n            return;\n        }\n        const elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();\n        const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });\n        const { lightness, saturation } = getSaturationLightnessFromPosition({ elementRect, position });\n        setColor((color) => ({\n            ...color,\n            saturation,\n            lightness,\n            hex: hsl2hex({ h: color.hue, l: lightness, s: saturation }),\n        }));\n\n        setSaturationLightnessPointer({\n            left: positionX,\n            top: positionY,\n        });\n    };\n\n    const onMouseDown = (event: React.MouseEvent<HTMLElement, MouseEvent> | MouseEvent) => {\n        event.preventDefault();\n        if (!saturationLightnessPanelRef?.current) {\n            return;\n        }\n        saturationLightnessPickerEvent(mapMouseEventToPosition(event));\n        registerOnMouseEvents(saturationLightnessPickerEvent);\n    };\n\n    const onTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        if (!saturationLightnessPanelRef?.current) {\n            return;\n        }\n        saturationLightnessPickerEvent(mapTouchEventToPosition(event));\n\n        registerOnTouchEvents(saturationLightnessPickerEvent);\n    };\n\n    return (\n        <div\n            className={`${classes.saturationLightnessPanel} ${styles[cssColorPickerSaturationLightnessPicker]}`}\n            ref={saturationLightnessPanelRef}\n            onMouseDown={onMouseDown}\n            onTouchStart={onTouchStart}\n        >\n            <div className={`${styles[cssColorPickerMask]} ${styles[cssColorPickerMaskWhite]}`} />\n            <div className={`${styles[cssColorPickerMask]} ${styles[cssColorPickerMaskBlack]}`} />\n            <div\n                className={`${classes.saturationLightnessPointer} ${styles[cssColorPickerPointer]}`}\n                onDrag={saturationLightnessPickerEvent}\n                onTouchStart={onTouchStart}\n            >\n                <div className={styles[cssColorPickerPointerInside]} />\n            </div>\n        </div>\n    );\n};\n\nexport default SaturationLightnessPicker;\n"],"names":["hsl2hex","mapMouseEventToPosition","registerOnMouseEvents","mapTouchEventToPosition","registerOnTouchEvents","React","styles","cssColorPickerSaturationLightnessPicker","cssColorPickerMask","cssColorPickerMaskWhite","cssColorPickerMaskBlack","cssColorPickerPointer","cssColorPickerPointerInside"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBM,yBAAyB,GAA8C,UAAC,EAAwC;QAAtC,oBAAO,EAAE,4DAA2B;IAC1G,IAAA,iDAAsG,EAApG,sBAAQ,EAAE,gEAA0F,CAAC;IAC7G,IAAM,8BAA8B,GAAG,UAAC,QAAmB;QACvD,IAAI,CAAC,2BAA2B,CAAC,OAAO,EAAE;YACtC,OAAO;SACV;QACD,IAAM,WAAW,GAAG,2BAA2B,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC1E,IAAA,sGAAsF,EAApF,wBAAS,EAAE,wBAAyE,CAAC;QACvF,IAAA,mGAAyF,EAAvF,wBAAS,EAAE,0BAA4E,CAAC;QAChG,QAAQ,CAAC,UAAC,KAAK,IAAK,4CACb,KAAK,KACR,UAAU,YAAA;YACV,SAAS,WAAA,EACT,GAAG,EAAEA,WAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,OAC7D,CAAC,CAAC;QAEJ,6BAA6B,CAAC;YAC1B,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,SAAS;SACjB,CAAC,CAAC;KACN,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAA6D;QAC9E,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,EAAC,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,OAAO,CAAA,EAAE;YACvC,OAAO;SACV;QACD,8BAA8B,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/DC,wCAAqB,CAAC,8BAA8B,CAAC,CAAC;KACzD,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAuC;QACzD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,EAAC,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,OAAO,CAAA,EAAE;YACvC,OAAO;SACV;QACD,8BAA8B,CAACC,0CAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAE/DC,wCAAqB,CAAC,8BAA8B,CAAC,CAAC;KACzD,CAAC;IAEF,QACIC,iDACI,SAAS,EAAK,OAAO,CAAC,wBAAwB,SAAIC,sBAAM,CAACC,mDAAuC,CAAG,EACnG,GAAG,EAAE,2BAA2B,EAChC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY;QAE1BF,iDAAK,SAAS,EAAKC,sBAAM,CAACE,8BAAkB,CAAC,SAAIF,sBAAM,CAACG,mCAAuB,CAAG,GAAI;QACtFJ,iDAAK,SAAS,EAAKC,sBAAM,CAACE,8BAAkB,CAAC,SAAIF,sBAAM,CAACI,mCAAuB,CAAG,GAAI;QACtFL,iDACI,SAAS,EAAK,OAAO,CAAC,0BAA0B,SAAIC,sBAAM,CAACK,iCAAqB,CAAG,EACnF,MAAM,EAAE,8BAA8B,EACtC,YAAY,EAAE,YAAY;YAE1BN,iDAAK,SAAS,EAAEC,sBAAM,CAACM,uCAA2B,CAAC,GAAI,CACrD,CACJ,EACR;AACN;;;;"}

package/build/cjs/src/components/color_picker/utilities.js

@@ -3,8 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('lodash');
+require('../../../node_modules/lodash/_baseGetTag.js');
+require('../../../node_modules/lodash/_baseToString.js');
+require('../../../node_modules/lodash/_createRound.js');
 var hex = require('../../../node_modules/colors-convert/dist/lib/hex.js');
+require('../../../node_modules/lodash/_ListCache.js');
+require('../../../node_modules/lodash/_Map.js');
+require('../../../node_modules/lodash/_MapCache.js');
+require('../../../node_modules/lodash/_SetCache.js');
+require('../../../node_modules/lodash/_equalByTag.js');
+require('../../../node_modules/lodash/isArguments.js');
+require('../../../node_modules/lodash/isBuffer.js');
+require('../../../node_modules/lodash/isTypedArray.js');
+require('../../../node_modules/lodash/_getTag.js');
+require('../../../node_modules/lodash/_stringToPath.js');
 var constants = require('./constants.js');
 var range_mappings = require('../../utilities/range/range_mappings.js');
 

package/build/cjs/src/components/color_picker/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/color_picker/utilities.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { hex2hsl } from 'colors-convert';\nimport { MAX_HUE_VALUE, MAX_LIGHTNESS_VALUE, MAX_SATURATION_VALUE, SATURATION_OFFSET } from './constants';\nimport { IPosition } from '@components/color_picker/types';\nimport { constrainToRange, getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\n\n/**\n * Function to calculate indicators position based on hex value\n * @param saturationLightnessPanelRef, reference\n * @param hueSliderRef, reference\n * @param hex, string with color\n * @return\n */\nexport const getIndicatorPositionsFromHEX = ({\n    saturationLightnessPanelRef,\n    hueSliderRef,\n    hex,\n}: {\n    saturationLightnessPanelRef?: RefObject<HTMLDivElement>;\n    hueSliderRef?: RefObject<HTMLDivElement>;\n    hex: string;\n}) => {\n    const { h, s, l } = hex2hsl(hex);\n    const { width = 0, height = 0 } = saturationLightnessPanelRef?.current?.getBoundingClientRect() || {};\n    const hueSliderRect = hueSliderRef?.current?.getBoundingClientRect();\n    const saturationLightnessPointer = {\n        left: constrainToRange((s * width) / MAX_SATURATION_VALUE, 0, width),\n        top: constrainToRange((l * height) / MAX_LIGHTNESS_VALUE, 0, height),\n    };\n    const hueSliderPointer = {\n        top: h * ((hueSliderRect?.height || 0) / MAX_HUE_VALUE),\n        left: h * ((hueSliderRect?.width || 0) / MAX_HUE_VALUE),\n    };\n\n    return { saturationLightnessPointer, hueSliderPointer };\n};\n\nexport const getColorFromHex = (value: string) => {\n    const { h: hue, s: saturation, l: lightness } = hex2hsl(value);\n\n    return { hue, saturation, lightness, hex: value };\n};\n\nexport const getHueFromPosition = ({\n    hueSliderRect,\n    position,\n    screenName,\n}: {\n    hueSliderRect: DOMRect;\n    position: IPosition;\n    screenName: string;\n}) => {\n    const { clientY, clientX } = position;\n    const { top, height, width, left } = hueSliderRect;\n    const distance = screenName === 'xs' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);\n    const hue = screenName === 'xs' ? (distance * (MAX_HUE_VALUE - 1)) / width : (distance * (MAX_HUE_VALUE - 1)) / height;\n\n    return { hue };\n};\n\nexport const getSaturationLightnessFromPosition = ({ elementRect, position }: { elementRect: DOMRect; position: IPosition }) => {\n    const { width, height } = elementRect;\n    const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });\n    const saturation = (positionX * MAX_SATURATION_VALUE) / width || SATURATION_OFFSET;\n    const lightness = MAX_LIGHTNESS_VALUE - (positionY * (MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;\n\n    return { lightness, saturation };\n};\n"],"names":["hex","constrainToRange","MAX_SATURATION_VALUE","MAX_LIGHTNESS_VALUE","MAX_HUE_VALUE","SATURATION_OFFSET"],"mappings":";;;;;;;;;;AAMA;;;;;;;IAOa,4BAA4B,GAAG,UAAC,EAQ5C;QAPG,4DAA2B,EAC3B,8BAAY,EACZA,cAAG;;IAMG,IAAA,uBAA0B,EAAxB,QAAC,EAAE,QAAC,EAAE,QAAkB,CAAC;IAC3B,IAAA,iNAA+F,EAA7F,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAAkF,CAAC;IACtG,IAAM,aAAa,SAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,qBAAqB,EAAE,CAAC;IACrE,IAAM,0BAA0B,GAAG;QAC/B,IAAI,EAAEC,+BAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAIC,8BAAoB,EAAE,CAAC,EAAE,KAAK,CAAC;QACpE,GAAG,EAAED,+BAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAIE,6BAAmB,EAAE,CAAC,EAAE,MAAM,CAAC;KACvE,CAAC;IACF,IAAM,gBAAgB,GAAG;QACrB,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,CAAC,IAAIC,uBAAa,CAAC;QACvD,IAAI,EAAE,CAAC,IAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,CAAC,IAAIA,uBAAa,CAAC;KAC1D,CAAC;IAEF,OAAO,EAAE,0BAA0B,4BAAA,EAAE,gBAAgB,kBAAA,EAAE,CAAC;AAC5D,EAAE;IAEW,eAAe,GAAG,UAAC,KAAa;IACnC,IAAA,uBAAwD,EAAtD,UAAM,EAAE,iBAAa,EAAE,gBAA+B,CAAC;IAE/D,OAAO,EAAE,GAAG,KAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACtD,EAAE;IAEW,kBAAkB,GAAG,UAAC,EAQlC;QAPG,gCAAa,EACb,sBAAQ,EACR,0BAAU;IAMF,IAAA,0BAAO,EAAE,0BAAO,CAAc;IAC9B,IAAA,uBAAG,EAAE,6BAAM,EAAE,2BAAK,EAAE,yBAAI,CAAmB;IACnD,IAAM,QAAQ,GAAG,UAAU,KAAK,IAAI,GAAGH,+BAAgB,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,GAAGA,+BAAgB,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;IAC/H,IAAM,GAAG,GAAG,UAAU,KAAK,IAAI,GAAG,CAAC,QAAQ,IAAIG,uBAAa,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,QAAQ,IAAIA,uBAAa,GAAG,CAAC,CAAC,IAAI,MAAM,CAAC;IAEvH,OAAO,EAAE,GAAG,KAAA,EAAE,CAAC;AACnB,EAAE;IAEW,kCAAkC,GAAG,UAAC,EAAwE;QAAtE,4BAAW,EAAE,sBAAQ;IAC9D,IAAA,yBAAK,EAAE,2BAAM,CAAiB;IAChC,IAAA,sGAAsF,EAApF,wBAAS,EAAE,wBAAyE,CAAC;IAC7F,IAAM,UAAU,GAAG,CAAC,SAAS,GAAGF,8BAAoB,IAAI,KAAK,IAAIG,2BAAiB,CAAC;IACnF,IAAM,SAAS,GAAGF,6BAAmB,GAAG,CAAC,SAAS,IAAIA,6BAAmB,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,UAAU,GAAG,CAAC,CAAC;IAE1G,OAAO,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,CAAC;AACrC;;;;;;;"}
+{"version":3,"file":"utilities.js","sources":["../../../../../src/components/color_picker/utilities.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { hex2hsl } from 'colors-convert';\nimport { MAX_HUE_VALUE, MAX_LIGHTNESS_VALUE, MAX_SATURATION_VALUE, SATURATION_OFFSET } from './constants';\nimport { IPosition } from '@components/color_picker/types';\nimport { constrainToRange, getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\n\n/**\n * Function to calculate indicators position based on hex value\n * @param saturationLightnessPanelRef, reference\n * @param hueSliderRef, reference\n * @param hex, string with color\n * @return\n */\nexport const getIndicatorPositionsFromHEX = ({\n    saturationLightnessPanelRef,\n    hueSliderRef,\n    hex,\n}: {\n    saturationLightnessPanelRef?: RefObject<HTMLDivElement>;\n    hueSliderRef?: RefObject<HTMLDivElement>;\n    hex: string;\n}) => {\n    const { h, s, l } = hex2hsl(hex);\n    const { width = 0, height = 0 } = saturationLightnessPanelRef?.current?.getBoundingClientRect() || {};\n    const hueSliderRect = hueSliderRef?.current?.getBoundingClientRect();\n    const saturationLightnessPointer = {\n        left: constrainToRange((s * width) / MAX_SATURATION_VALUE, 0, width),\n        top: constrainToRange((l * height) / MAX_LIGHTNESS_VALUE, 0, height),\n    };\n    const hueSliderPointer = {\n        top: h * ((hueSliderRect?.height || 0) / MAX_HUE_VALUE),\n        left: h * ((hueSliderRect?.width || 0) / MAX_HUE_VALUE),\n    };\n\n    return { saturationLightnessPointer, hueSliderPointer };\n};\n\nexport const getColorFromHex = (value: string) => {\n    const { h: hue, s: saturation, l: lightness } = hex2hsl(value);\n\n    return { hue, saturation, lightness, hex: value };\n};\n\nexport const getHueFromPosition = ({\n    hueSliderRect,\n    position,\n    screenName,\n}: {\n    hueSliderRect: DOMRect;\n    position: IPosition;\n    screenName: string;\n}) => {\n    const { clientY, clientX } = position;\n    const { top, height, width, left } = hueSliderRect;\n    const distance = screenName === 'xs' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);\n    const hue = screenName === 'xs' ? (distance * (MAX_HUE_VALUE - 1)) / width : (distance * (MAX_HUE_VALUE - 1)) / height;\n\n    return { hue };\n};\n\nexport const getSaturationLightnessFromPosition = ({ elementRect, position }: { elementRect: DOMRect; position: IPosition }) => {\n    const { width, height } = elementRect;\n    const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });\n    const saturation = (positionX * MAX_SATURATION_VALUE) / width || SATURATION_OFFSET;\n    const lightness = MAX_LIGHTNESS_VALUE - (positionY * (MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;\n\n    return { lightness, saturation };\n};\n"],"names":["hex","constrainToRange","MAX_SATURATION_VALUE","MAX_LIGHTNESS_VALUE","MAX_HUE_VALUE","SATURATION_OFFSET"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;IAOa,4BAA4B,GAAG,UAAC,EAQ5C;QAPG,4DAA2B,EAC3B,8BAAY,EACZA,cAAG;;IAMG,IAAA,uBAA0B,EAAxB,QAAC,EAAE,QAAC,EAAE,QAAkB,CAAC;IAC3B,IAAA,iNAA+F,EAA7F,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAAkF,CAAC;IACtG,IAAM,aAAa,SAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,qBAAqB,EAAE,CAAC;IACrE,IAAM,0BAA0B,GAAG;QAC/B,IAAI,EAAEC,+BAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAIC,8BAAoB,EAAE,CAAC,EAAE,KAAK,CAAC;QACpE,GAAG,EAAED,+BAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAIE,6BAAmB,EAAE,CAAC,EAAE,MAAM,CAAC;KACvE,CAAC;IACF,IAAM,gBAAgB,GAAG;QACrB,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,CAAC,IAAIC,uBAAa,CAAC;QACvD,IAAI,EAAE,CAAC,IAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,CAAC,IAAIA,uBAAa,CAAC;KAC1D,CAAC;IAEF,OAAO,EAAE,0BAA0B,4BAAA,EAAE,gBAAgB,kBAAA,EAAE,CAAC;AAC5D,EAAE;IAEW,eAAe,GAAG,UAAC,KAAa;IACnC,IAAA,uBAAwD,EAAtD,UAAM,EAAE,iBAAa,EAAE,gBAA+B,CAAC;IAE/D,OAAO,EAAE,GAAG,KAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACtD,EAAE;IAEW,kBAAkB,GAAG,UAAC,EAQlC;QAPG,gCAAa,EACb,sBAAQ,EACR,0BAAU;IAMF,IAAA,0BAAO,EAAE,0BAAO,CAAc;IAC9B,IAAA,uBAAG,EAAE,6BAAM,EAAE,2BAAK,EAAE,yBAAI,CAAmB;IACnD,IAAM,QAAQ,GAAG,UAAU,KAAK,IAAI,GAAGH,+BAAgB,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,GAAGA,+BAAgB,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;IAC/H,IAAM,GAAG,GAAG,UAAU,KAAK,IAAI,GAAG,CAAC,QAAQ,IAAIG,uBAAa,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,QAAQ,IAAIA,uBAAa,GAAG,CAAC,CAAC,IAAI,MAAM,CAAC;IAEvH,OAAO,EAAE,GAAG,KAAA,EAAE,CAAC;AACnB,EAAE;IAEW,kCAAkC,GAAG,UAAC,EAAwE;QAAtE,4BAAW,EAAE,sBAAQ;IAC9D,IAAA,yBAAK,EAAE,2BAAM,CAAiB;IAChC,IAAA,sGAAsF,EAApF,wBAAS,EAAE,wBAAyE,CAAC;IAC7F,IAAM,UAAU,GAAG,CAAC,SAAS,GAAGF,8BAAoB,IAAI,KAAK,IAAIG,2BAAiB,CAAC;IACnF,IAAM,SAAS,GAAGF,6BAAmB,GAAG,CAAC,SAAS,IAAIA,6BAAmB,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,UAAU,GAAG,CAAC,CAAC;IAE1G,OAAO,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,CAAC;AACrC;;;;;;;"}

package/build/cjs/src/components/controls/components/cell_selector.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/cell_selector/main.module.less.js');
 
@@ -11,8 +12,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var CellSelector = function (_a) {
-    var _b = _a.rows, rows = _b === void 0 ? 6 : _b, _c = _a.cols, cols = _c === void 0 ? 3 : _c, name = _a.name, initialSelected = _a.initialSelected, _d = _a.withValueOffset, withValueOffset = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
+    var _b = _a.rows, rows = _b === void 0 ? 3 : _b, _c = _a.cols, cols = _c === void 0 ? 3 : _c, name = _a.name, initialSelected = _a.initialSelected, _d = _a.withValueOffset, withValueOffset = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
     var _f = React.useState(initialSelected), selectedCell = _f[0], setSelectedCell = _f[1];
+    var t = useTranslation.useTranslation().t;
     React.useEffect(function () {
         if (initialSelected === undefined) {
             setSelectedCell(initialSelected);
@@ -38,7 +40,9 @@ var CellSelector = function (_a) {
         setSelectedCell(cellIndex);
         onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
     };
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelector] + " " + className }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: main_module['default'][css_classes.cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: main_module['default'][css_classes.cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? main_module['default'][css_classes.cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); })));
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelector] + " " + className },
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: main_module['default'][css_classes.cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: main_module['default'][css_classes.cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? main_module['default'][css_classes.cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); })),
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorDescription] }, t("Selected cell " + (selectedCell !== null && selectedCell !== void 0 ? selectedCell : -1)))));
 };
 
 exports.default = CellSelector;

package/build/cjs/src/components/controls/components/cell_selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport { cellSelector, cellSelectorRow, cellSelectorCell, cellSelectorCellActive } from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n    rows = 6,\n    cols = 3,\n    name,\n    initialSelected,\n    withValueOffset = true,\n    onChange,\n    className = '',\n}) => {\n    const [selectedCell, setSelectedCell] = useState(initialSelected);\n\n    useEffect(() => {\n        if (initialSelected === undefined) {\n            setSelectedCell(initialSelected);\n        } else {\n            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n        }\n    }, [setSelectedCell, withValueOffset, initialSelected]);\n\n    const isSelected = (row: number, col: number) => {\n        if (selectedCell === undefined) {\n            return false;\n        }\n        if (parseInt(`${selectedCell / cols}`) !== row) {\n            return false;\n        }\n        if (selectedCell % cols !== col) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const onClick = (row: number, col: number) => {\n        const cellIndex = row * cols + col;\n        setSelectedCell(cellIndex);\n        onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n    };\n\n    return (\n        <div className={`${styles[cellSelector]} ${className}`}>\n            {Array.from({ length: rows }).map((_, rowIndex) => (\n                <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n                    {Array.from({ length: cols }).map((_, colIndex) => (\n                        <div\n                            key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n                            className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n                            onClick={() => onClick(rowIndex, colIndex)}\n                        />\n                    ))}\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default CellSelector;\n"],"names":["useEffect","React","styles","cellSelector","cellSelectorRow","cellSelectorCell","cellSelectorCellActive"],"mappings":";;;;;;;;;;;;IAKM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,oCAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAElEA,eAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAKC,sBAAM,CAACC,wBAAY,CAAC,SAAI,SAAW,IACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CF,iDAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAEC,sBAAM,CAACE,2BAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CH,iDACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAKC,sBAAM,CAACG,4BAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAGH,sBAAM,CAACI,kCAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA,EACR;AACN;;;;"}
+{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport {\n    cellSelector,\n    cellSelectorRow,\n    cellSelectorCell,\n    cellSelectorCellActive,\n    cellSelectorContainer,\n    cellSelectorDescription,\n} from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\nimport { useTranslation } from 'react-i18next';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n    rows = 3,\n    cols = 3,\n    name,\n    initialSelected,\n    withValueOffset = true,\n    onChange,\n    className = '',\n}) => {\n    const [selectedCell, setSelectedCell] = useState(initialSelected);\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        if (initialSelected === undefined) {\n            setSelectedCell(initialSelected);\n        } else {\n            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n        }\n    }, [setSelectedCell, withValueOffset, initialSelected]);\n\n    const isSelected = (row: number, col: number) => {\n        if (selectedCell === undefined) {\n            return false;\n        }\n        if (parseInt(`${selectedCell / cols}`) !== row) {\n            return false;\n        }\n        if (selectedCell % cols !== col) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const onClick = (row: number, col: number) => {\n        const cellIndex = row * cols + col;\n        setSelectedCell(cellIndex);\n        onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n    };\n\n    return (\n        <div className={`${styles[cellSelector]} ${className}`}>\n            <div className={styles[cellSelectorContainer]}>\n                {Array.from({ length: rows }).map((_, rowIndex) => (\n                    <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n                        {Array.from({ length: cols }).map((_, colIndex) => (\n                            <div\n                                key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n                                className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n                                onClick={() => onClick(rowIndex, colIndex)}\n                            />\n                        ))}\n                    </div>\n                ))}\n            </div>\n            <div className={styles[cellSelectorDescription]}>{t(`Selected cell ${selectedCell ?? -1}`)}</div>\n        </div>\n    );\n};\n\nexport default CellSelector;\n"],"names":["useEffect","React","styles","cellSelector","cellSelectorContainer","cellSelectorRow","cellSelectorCell","cellSelectorCellActive","cellSelectorDescription"],"mappings":";;;;;;;;;;;;;IAaM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,oCAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAC1D,IAAA,qCAAC,CAAsB;IAE/BA,eAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAKC,sBAAM,CAACC,wBAAY,CAAC,SAAI,SAAW;QAClDF,iDAAK,SAAS,EAAEC,sBAAM,CAACE,iCAAqB,CAAC,IACxC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CH,iDAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAEC,sBAAM,CAACG,2BAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CJ,iDACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAKC,sBAAM,CAACI,4BAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAGJ,sBAAM,CAACK,kCAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA;QACNN,iDAAK,SAAS,EAAEC,sBAAM,CAACM,mCAAuB,CAAC,IAAG,CAAC,CAAC,oBAAiB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAE,CAAC,CAAO,CAC/F,EACR;AACN;;;;"}

package/build/cjs/src/components/controls/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../../src/components/controls/components/checkbox.tsx"],"sourcesContent":["import cssClasses from '@css/checkbox/main.module.less';\n\nimport React, { useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ICheckboxProps } from '../types';\nimport { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }): JSX.Element => {\n    const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n    const checkboxClasses = classnames(cssClasses[checkbox], {\n        [cssClasses[checkboxDisabled]]: isDisabled,\n    });\n\n    const handleCheckboxChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n        onChange?.(ev);\n        setIsChecked((prevState) => !prevState);\n    };\n\n    useEffect(() => {\n        setIsChecked(initiallyChecked);\n    }, [initiallyChecked]);\n\n    return (\n        <span className={checkboxClasses}>\n            <input\n                className={cssClasses[checkboxControl]}\n                id={id}\n                name={name}\n                type=\"checkbox\"\n                value={value}\n                checked={isChecked}\n                disabled={isDisabled}\n                onChange={handleCheckboxChange}\n            />\n\n            <label className={cssClasses[checkboxLabel]} htmlFor={id}>\n                <IconTick className={cssClasses[checkboxIcon]} />\n            </label>\n        </span>\n    );\n};\n\nexport default Checkbox;\n"],"names":["classnames","cssClasses","checkbox","checkboxDisabled","useEffect","React","checkboxControl","checkboxLabel","IconTick","checkboxIcon"],"mappings":";;;;;;;;;;;;;;;IASM,QAAQ,GAA6B,UAAC,EAA6E;;QAA3E,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,wBAAwB,EAAxB,6CAAwB,EAAE,wBAAoB,EAAE,sBAAQ;IAC7G,IAAA,qCAA+D,EAA9D,iBAAS,EAAE,oBAAmD,CAAC;IAEtE,IAAM,eAAe,GAAGA,8BAAU,CAACC,sBAAU,CAACC,oBAAQ,CAAC;QACnD,GAACD,sBAAU,CAACE,4BAAgB,CAAC,IAAG,UAAU;YAC5C,CAAC;IAEH,IAAM,oBAAoB,GAAG,UAAC,EAAuC;QACjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE;QACf,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,CAAC;KAC3C,CAAC;IAEFC,eAAS,CAAC;QACN,YAAY,CAAC,gBAAgB,CAAC,CAAC;KAClC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,QACIC,kDAAM,SAAS,EAAE,eAAe;QAC5BA,mDACI,SAAS,EAAEJ,sBAAU,CAACK,2BAAe,CAAC,EACtC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,oBAAoB,GAChC;QAEFD,mDAAO,SAAS,EAAEJ,sBAAU,CAACM,yBAAa,CAAC,EAAE,OAAO,EAAE,EAAE;YACpDF,wCAACG,oBAAQ,IAAC,SAAS,EAAEP,sBAAU,CAACQ,wBAAY,CAAC,GAAI,CAC7C,CACL,EACT;AACN;;;;"}
+{"version":3,"file":"checkbox.js","sources":["../../../../../../src/components/controls/components/checkbox.tsx"],"sourcesContent":["import cssClasses from '@css/checkbox/main.module.less';\n\nimport React, { useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ICheckboxProps } from '../types';\nimport { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }): JSX.Element => {\n    const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n    const checkboxClasses = classnames(cssClasses[checkbox], {\n        [cssClasses[checkboxDisabled]]: isDisabled\n    });\n\n    const handleCheckboxChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n        onChange?.(ev);\n        setIsChecked((prevState) => !prevState);\n    };\n\n    useEffect(() => {\n        setIsChecked(initiallyChecked);\n    }, [initiallyChecked]);\n\n    return (\n        <span className={checkboxClasses}>\n            <input\n                className={cssClasses[checkboxControl]}\n                id={id}\n                name={name}\n                type=\"checkbox\"\n                value={value}\n                checked={isChecked}\n                disabled={isDisabled}\n                onChange={handleCheckboxChange}\n            />\n\n            <label className={cssClasses[checkboxLabel]} htmlFor={id}>\n                <IconTick className={cssClasses[checkboxIcon]} />\n            </label>\n        </span>\n    );\n};\n\nexport default Checkbox;\n"],"names":["classnames","cssClasses","checkbox","checkboxDisabled","useEffect","React","checkboxControl","checkboxLabel","IconTick","checkboxIcon"],"mappings":";;;;;;;;;;;;;;;IASM,QAAQ,GAA6B,UAAC,EAA6E;;QAA3E,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,wBAAwB,EAAxB,6CAAwB,EAAE,wBAAoB,EAAE,sBAAQ;IAC7G,IAAA,qCAA+D,EAA9D,iBAAS,EAAE,oBAAmD,CAAC;IAEtE,IAAM,eAAe,GAAGA,8BAAU,CAACC,sBAAU,CAACC,oBAAQ,CAAC;QACnD,GAACD,sBAAU,CAACE,4BAAgB,CAAC,IAAG,UAAU;YAC5C,CAAC;IAEH,IAAM,oBAAoB,GAAG,UAAC,EAAuC;QACjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE;QACf,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,CAAC;KAC3C,CAAC;IAEFC,eAAS,CAAC;QACN,YAAY,CAAC,gBAAgB,CAAC,CAAC;KAClC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,QACIC,kDAAM,SAAS,EAAE,eAAe;QAC5BA,mDACI,SAAS,EAAEJ,sBAAU,CAACK,2BAAe,CAAC,EACtC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,oBAAoB,GAChC;QAEFD,mDAAO,SAAS,EAAEJ,sBAAU,CAACM,yBAAa,CAAC,EAAE,OAAO,EAAE,EAAE;YACpDF,wCAACG,oBAAQ,IAAC,SAAS,EAAEP,sBAAU,CAACQ,wBAAY,CAAC,GAAI,CAC7C,CACL,EACT;AACN;;;;"}

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

@@ -37,6 +37,8 @@ var radioDisabled = radio + "_disabled";
 var radioControl = radio + "__control";
 var radioLabel = radio + "__label";
 var cellSelector = 'cell-selector';
+var cellSelectorContainer = cellSelector + "__container";
+var cellSelectorDescription = cellSelector + "__description";
 var cellSelectorRow = cellSelector + "__row";
 var cellSelectorCell = cellSelector + "__cell";
 var cellSelectorCellActive = cellSelectorCell + "_active";
@@ -44,6 +46,8 @@ var cellSelectorCellActive = cellSelectorCell + "_active";
 exports.cellSelector = cellSelector;
 exports.cellSelectorCell = cellSelectorCell;
 exports.cellSelectorCellActive = cellSelectorCellActive;
+exports.cellSelectorContainer = cellSelectorContainer;
+exports.cellSelectorDescription = cellSelectorDescription;
 exports.cellSelectorRow = cellSelectorRow;
 exports.checkbox = checkbox;
 exports.checkboxControl = checkboxControl;

package/build/cjs/src/components/controls/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsError = 'controls_error';\nexport const cssControlsLabel = `${cssControls}__label`;\nexport const cssControlsContent = `${cssControls}__content`;\nexport const cssControlsElement = `${cssControls}__element`;\nexport const cssControlsElementPrefix = `${cssControls}__element_prefix`;\nexport const cssControlsElementPostfix = `${cssControls}__element_postfix`;\nexport const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;\nexport const cssControlsElementRadio = `${cssControls}__element_radio`;\nexport const cssControlsErrors = `${cssControls}__errors`;\nexport const cssControlsErrorsList = `${cssControls}__errors-list`;\nexport const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;\n\nexport const cssControl = 'control';\nexport const cssControlS = 'control_s';\nexport const cssControlWrapper = 'control_wrapper';\nexport const cssControlFocus = 'control_focus';\nexport const cssControlDisabled = 'control_disabled';\nexport const cssControlReadonly = 'control_readonly';\nexport const cssControlError = 'control_error';\nexport const cssControlInput = 'control__input';\n\nexport const checkbox = 'checkbox';\nexport const checkboxDisabled = `${checkbox}_disabled`;\nexport const checkboxControl = `${checkbox}__control`;\nexport const checkboxLabel = `${checkbox}__label`;\nexport const checkboxIcon = `${checkbox}__icon`;\n\nexport const checkboxSwitch = 'checkbox-switch';\nexport const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;\nexport const checkboxSwitchControl = `${checkboxSwitch}__control`;\nexport const checkboxSwitchLabel = `${checkboxSwitch}__label`;\nexport const checkboxSwitchIcon = `${checkboxSwitch}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n\nexport const cellSelector = 'cell-selector';\nexport const cellSelectorRow = `${cellSelector}__row`;\nexport const cellSelectorCell = `${cellSelector}__cell`;\nexport const cellSelectorCellActive = `${cellSelectorCell}_active`;\n"],"names":[],"mappings":";;;;IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAG,iBAAiB;IACpC,gBAAgB,GAAM,WAAW,aAAU;IAC3C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,wBAAwB,GAAM,WAAW,sBAAmB;IAC5D,yBAAyB,GAAM,WAAW,uBAAoB;IAC9D,0BAA0B,GAAM,WAAW,wBAAqB;IAChE,uBAAuB,GAAM,WAAW,qBAAkB;IAC1D,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,yBAAyB,GAAM,WAAW,wBAAqB;IAE/D,UAAU,GAAG,UAAU;IACvB,WAAW,GAAG,YAAY;IAC1B,iBAAiB,GAAG,kBAAkB;IACtC,eAAe,GAAG,gBAAgB;IAClC,kBAAkB,GAAG,mBAAmB;IACxC,kBAAkB,GAAG,mBAAmB;IACxC,eAAe,GAAG,gBAAgB;IAClC,eAAe,GAAG,iBAAiB;IAEnC,QAAQ,GAAG,WAAW;IACtB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,eAAe,GAAM,QAAQ,eAAY;IACzC,aAAa,GAAM,QAAQ,aAAU;IACrC,YAAY,GAAM,QAAQ,YAAS;IAEnC,cAAc,GAAG,kBAAkB;IACnC,sBAAsB,GAAM,cAAc,eAAY;IACtD,qBAAqB,GAAM,cAAc,eAAY;IACrD,mBAAmB,GAAM,cAAc,aAAU;IACjD,kBAAkB,GAAM,cAAc,YAAS;IAE/C,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK,aAAU;IAE/B,YAAY,GAAG,gBAAgB;IAC/B,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsError = 'controls_error';\nexport const cssControlsLabel = `${cssControls}__label`;\nexport const cssControlsContent = `${cssControls}__content`;\nexport const cssControlsElement = `${cssControls}__element`;\nexport const cssControlsElementPrefix = `${cssControls}__element_prefix`;\nexport const cssControlsElementPostfix = `${cssControls}__element_postfix`;\nexport const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;\nexport const cssControlsElementRadio = `${cssControls}__element_radio`;\nexport const cssControlsErrors = `${cssControls}__errors`;\nexport const cssControlsErrorsList = `${cssControls}__errors-list`;\nexport const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;\n\nexport const cssControl = 'control';\nexport const cssControlS = 'control_s';\nexport const cssControlWrapper = 'control_wrapper';\nexport const cssControlFocus = 'control_focus';\nexport const cssControlDisabled = 'control_disabled';\nexport const cssControlReadonly = 'control_readonly';\nexport const cssControlError = 'control_error';\nexport const cssControlInput = 'control__input';\n\nexport const checkbox = 'checkbox';\nexport const checkboxDisabled = `${checkbox}_disabled`;\nexport const checkboxControl = `${checkbox}__control`;\nexport const checkboxLabel = `${checkbox}__label`;\nexport const checkboxIcon = `${checkbox}__icon`;\n\nexport const checkboxSwitch = 'checkbox-switch';\nexport const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;\nexport const checkboxSwitchControl = `${checkboxSwitch}__control`;\nexport const checkboxSwitchLabel = `${checkboxSwitch}__label`;\nexport const checkboxSwitchIcon = `${checkboxSwitch}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n\nexport const cellSelector = 'cell-selector';\nexport const cellSelectorContainer = `${cellSelector}__container`;\nexport const cellSelectorDescription = `${cellSelector}__description`;\nexport const cellSelectorRow = `${cellSelector}__row`;\nexport const cellSelectorCell = `${cellSelector}__cell`;\nexport const cellSelectorCellActive = `${cellSelectorCell}_active`;\n"],"names":[],"mappings":";;;;IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAG,iBAAiB;IACpC,gBAAgB,GAAM,WAAW,aAAU;IAC3C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,wBAAwB,GAAM,WAAW,sBAAmB;IAC5D,yBAAyB,GAAM,WAAW,uBAAoB;IAC9D,0BAA0B,GAAM,WAAW,wBAAqB;IAChE,uBAAuB,GAAM,WAAW,qBAAkB;IAC1D,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,yBAAyB,GAAM,WAAW,wBAAqB;IAE/D,UAAU,GAAG,UAAU;IACvB,WAAW,GAAG,YAAY;IAC1B,iBAAiB,GAAG,kBAAkB;IACtC,eAAe,GAAG,gBAAgB;IAClC,kBAAkB,GAAG,mBAAmB;IACxC,kBAAkB,GAAG,mBAAmB;IACxC,eAAe,GAAG,gBAAgB;IAClC,eAAe,GAAG,iBAAiB;IAEnC,QAAQ,GAAG,WAAW;IACtB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,eAAe,GAAM,QAAQ,eAAY;IACzC,aAAa,GAAM,QAAQ,aAAU;IACrC,YAAY,GAAM,QAAQ,YAAS;IAEnC,cAAc,GAAG,kBAAkB;IACnC,sBAAsB,GAAM,cAAc,eAAY;IACtD,qBAAqB,GAAM,cAAc,eAAY;IACrD,mBAAmB,GAAM,cAAc,aAAU;IACjD,kBAAkB,GAAM,cAAc,YAAS;IAE/C,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK,aAAU;IAE/B,YAAY,GAAG,gBAAgB;IAC/B,qBAAqB,GAAM,YAAY,iBAAc;IACrD,uBAAuB,GAAM,YAAY,mBAAgB;IACzD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/src/components/date_picker/hooks/use_value_controller.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _tslib = require('../../../../_virtual/_tslib.js');
-require('lodash');
 var index = require('../../dropdown/context/index.js');
+require('../../../../node_modules/lodash/union.js');
 var formats = require('../../../utilities/dates/formats.js');
 var constants = require('../constants.js');