indicator-ui 0.0.261 → 0.0.262

package/dist/index.js

@@ -32679,10 +32679,10 @@ function InputFieldWrapper(_ref) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   RadioField: () => (/* reexport safe */ _ui_RadioField__WEBPACK_IMPORTED_MODULE_1__["default"])
+/* harmony export */   RadioField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.RadioField)
 /* harmony export */ });
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./types */ "./src/ui/InputFields/RadioField/types/index.ts");
-/* harmony import */ var _ui_RadioField__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ui/RadioField */ "./src/ui/InputFields/RadioField/ui/RadioField.tsx");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ui */ "./src/ui/InputFields/RadioField/ui/index.ts");
 
 
 
@@ -32736,15 +32736,12 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ RadioField)
+/* harmony export */   RadioField: () => (/* binding */ RadioField)
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
 /* harmony import */ var _RadioFieldItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./RadioFieldItem */ "./src/ui/InputFields/RadioField/ui/RadioFieldItem.tsx");
-'use client';
-
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -32762,57 +32759,45 @@ function RadioField(_ref) {
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
     _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? true : _ref$multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 'hug' : _ref$width,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'checkbox' : _ref$type;
-  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    if (required && options[0] && (value === undefined || Array.isArray(value) && value.length === 0)) {
-      onChange && onChange(options[0].value);
-    }
-  }, []);
-  var handleChange = function handleChange(option) {
-    var newValue;
-    if (value) {
-      if (Array.isArray(value)) {
-        newValue = _toConsumableArray(value);
-      } else {
-        newValue = [value];
-      }
-    } else {
-      newValue = [];
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDeepCompareEffect)(function () {
+    // Установка значения при required
+    var firstOptions = options === null || options === void 0 ? void 0 : options[0];
+    if (required && (value === undefined || Array.isArray(value) && !value.length) && firstOptions) {
+      handleClick(firstOptions.value);
     }
-    if (!!newValue.find(function (item) {
-      return JSON.stringify(item) === JSON.stringify(option.value);
+  }, [options, required, value]);
+  var handleClick = function handleClick(data) {
+    var saveValue = value || [];
+    var prevValue = Array.isArray(saveValue) ? saveValue : [saveValue];
+    var resValues;
+    if (prevValue.find(function (item) {
+      return data === item;
     })) {
-      newValue = newValue.filter(function (item) {
-        return JSON.stringify(item) !== JSON.stringify(option.value);
+      resValues = prevValue.filter(function (item) {
+        return data !== item;
       });
     } else {
-      newValue = [].concat(_toConsumableArray(newValue), [option.value]);
+      resValues = [].concat(_toConsumableArray(prevValue), [data]);
     }
-    if (required && newValue.length === 0) {
-      if (value) {
-        if (Array.isArray(value)) {
-          newValue = _toConsumableArray(value);
-        } else {
-          newValue = [value];
-        }
-      } else {
-        if (options[0]) newValue = [options[0]];
-      }
+    if (required && !resValues.length) {
+      resValues = prevValue;
     }
-    if (!multiple) {
-      newValue = [newValue[newValue.length - 1]];
+    if (multiple) {
+      onChange === null || onChange === void 0 || onChange(resValues);
+    } else {
+      onChange === null || onChange === void 0 || onChange(resValues[resValues.length - 1]);
     }
-    onChange && onChange(newValue);
   };
   var isActive = function isActive(option) {
     if (Array.isArray(value)) {
-      return value.find(function (item) {
+      return !!value.find(function (item) {
         return JSON.stringify(item) === JSON.stringify(option.value);
       });
     } else {
@@ -32825,7 +32810,7 @@ function RadioField(_ref) {
         option: item,
         type: type,
         onClick: function onClick() {
-          return handleChange(item);
+          return handleClick(item.value);
         },
         active: isActive(item),
         disabled: disabled,
@@ -32885,6 +32870,22 @@ function RadioFieldItem(_ref) {
   });
 }
 
+/***/ }),
+
+/***/ "./src/ui/InputFields/RadioField/ui/index.ts":
+/*!***************************************************!*\
+  !*** ./src/ui/InputFields/RadioField/ui/index.ts ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RadioField: () => (/* reexport safe */ _RadioField__WEBPACK_IMPORTED_MODULE_0__.RadioField)
+/* harmony export */ });
+/* harmony import */ var _RadioField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./RadioField */ "./src/ui/InputFields/RadioField/ui/RadioField.tsx");
+
+
 /***/ }),
 
 /***/ "./src/ui/InputFields/SelectField/config/index.ts":
@@ -33092,11 +33093,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/SelectField/lib/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config */ "./src/ui/InputFields/SelectField/config/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/SelectField/lib/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config */ "./src/ui/InputFields/SelectField/config/index.ts");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -33135,8 +33136,7 @@ function SelectField(_ref) {
     searching = _ref.searching,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
-    _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? true : _ref$multiple,
+    multiple = _ref.multiple,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onBlur = _ref.onBlur,
@@ -33167,7 +33167,7 @@ function SelectField(_ref) {
     // Установка значения при required
     var firstOptions = optionsState === null || optionsState === void 0 ? void 0 : optionsState[0];
     if (required && (value === undefined || Array.isArray(value) && !value.length) && firstOptions) {
-      handleClick((0,_lib__WEBPACK_IMPORTED_MODULE_5__.getSelectFieldOptionsItemValue)(firstOptions));
+      handleClick((0,_lib__WEBPACK_IMPORTED_MODULE_6__.getSelectFieldOptionsItemValue)(firstOptions));
     }
     return function () {
       // Отчистка таймаута для searching
@@ -33175,7 +33175,7 @@ function SelectField(_ref) {
         clearTimeout(searchingTimeoutRef.current);
       }
     };
-  }, [optionsState]);
+  }, [optionsState, required, value]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     fillOptionsCache(value);
     onScrollToBottom();
@@ -33202,7 +33202,6 @@ function SelectField(_ref) {
     }
   };
   var handleClick = function handleClick(data) {
-    fillOptionsCache(data);
     var saveValue = value || [];
     var prevValue = Array.isArray(saveValue) ? saveValue : [saveValue];
     var resValues;
@@ -33218,6 +33217,7 @@ function SelectField(_ref) {
     if (required && !resValues.length) {
       resValues = prevValue;
     }
+    fillOptionsCache(resValues);
     if (multiple) {
       onChange === null || onChange === void 0 || onChange(resValues);
     } else {
@@ -33258,7 +33258,7 @@ function SelectField(_ref) {
               setTimeout(function () {
                 requestPromiseRef.current = undefined;
               }, 0);
-              return (0,_lib__WEBPACK_IMPORTED_MODULE_8__.uniqueByKey)(updatedOptions, 'value');
+              return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.uniqueByKey)(updatedOptions, 'value');
             });
             _context.next = 16;
             break;
@@ -33306,9 +33306,14 @@ function SelectField(_ref) {
   };
   var getOptionsItems = function getOptionsItems() {
     return optionsState.map(function (item) {
-      return _typeof(item) === 'object' && 'value' in item ? _objectSpread({
-        text: item.label
-      }, item) : {
+      var value = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getSelectFieldOptionsItemValue)(item);
+      if (_typeof(item) === 'object' && 'value' in item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          text: item.label,
+          value: value
+        });
+      }
+      return {
         text: String(item),
         value: item
       };
@@ -33322,15 +33327,15 @@ function SelectField(_ref) {
       }
       searchingTimeoutRef.current = setTimeout(function () {
         searching(searchString, optionsState).then(function (newOptions) {
-          return newOptions !== undefined && setOptionsState((0,_lib__WEBPACK_IMPORTED_MODULE_8__.uniqueByKey)(newOptions, 'value'));
+          return newOptions !== undefined && setOptionsState((0,_lib__WEBPACK_IMPORTED_MODULE_4__.uniqueByKey)(newOptions, 'value'));
         });
-      }, _config__WEBPACK_IMPORTED_MODULE_7__.SEARCHING_DELAY_TIME);
+      }, _config__WEBPACK_IMPORTED_MODULE_8__.SEARCHING_DELAY_TIME);
     }
   };
   var getViewField = function getViewField() {
     if (searching !== undefined) {
-      return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_4__.FlexField, {
-        value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_5__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
+      return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_5__.FlexField, {
+        value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
         onChange: search,
         disabled: disabled,
         onFocus: function onFocus() {
@@ -33353,8 +33358,8 @@ function SelectField(_ref) {
         ref: inputRef
       });
     }
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_4__.FlexField, {
-      value: (0,_lib__WEBPACK_IMPORTED_MODULE_5__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_5__.FlexField, {
+      value: (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
       isError: isError,
       disabled: disabled,
       placeholder: placeholder,
@@ -33371,9 +33376,9 @@ function SelectField(_ref) {
     });
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-    className: _styles__WEBPACK_IMPORTED_MODULE_6__.SelectFieldStyle.selectField,
+    className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.selectField,
     children: [getViewField(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_6__.SelectFieldStyle.modalWindowWrapper,
+      className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.modalWindowWrapper,
       children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ModalWindowWrapper, {
         isShow: isShowModalWindow,
         setIsShow: function setIsShow(newValue) {
@@ -33383,7 +33388,7 @@ function SelectField(_ref) {
           setIsShowModalWindow(newValue);
         },
         additionElements: [inputRef.current],
-        className: _styles__WEBPACK_IMPORTED_MODULE_6__.SelectFieldStyle.modalWindow,
+        className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.modalWindow,
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.Dropdown, {
           items: getOptionsItems(),
           onScrollBottom: onScrollToBottom,