indicator-ui 0.0.294 → 0.0.295
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -50396,6 +50396,26 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
50396
50396
|
|
|
50397
50397
|
|
|
50398
50398
|
|
|
50399
|
+
/***/ }),
|
|
50400
|
+
|
|
50401
|
+
/***/ "./src/ui/InputFields/SelectField/lib/compValue.ts":
|
|
50402
|
+
/*!*********************************************************!*\
|
|
50403
|
+
!*** ./src/ui/InputFields/SelectField/lib/compValue.ts ***!
|
|
50404
|
+
\*********************************************************/
|
|
50405
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
50406
|
+
|
|
50407
|
+
"use strict";
|
|
50408
|
+
__webpack_require__.r(__webpack_exports__);
|
|
50409
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
50410
|
+
/* harmony export */ compValue: () => (/* binding */ compValue)
|
|
50411
|
+
/* harmony export */ });
|
|
50412
|
+
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
|
|
50413
|
+
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
|
|
50414
|
+
|
|
50415
|
+
var compValue = function compValue(a, b) {
|
|
50416
|
+
return lodash__WEBPACK_IMPORTED_MODULE_0___default().isEqual(a, b);
|
|
50417
|
+
};
|
|
50418
|
+
|
|
50399
50419
|
/***/ }),
|
|
50400
50420
|
|
|
50401
50421
|
/***/ "./src/ui/InputFields/SelectField/lib/getSelectFieldOptionsByValue.ts":
|
|
@@ -50409,22 +50429,26 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
50409
50429
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
50410
50430
|
/* harmony export */ getSelectFieldOptionsByValue: () => (/* binding */ getSelectFieldOptionsByValue)
|
|
50411
50431
|
/* harmony export */ });
|
|
50412
|
-
/* harmony import */ var
|
|
50413
|
-
/* harmony import */ var
|
|
50432
|
+
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
|
|
50433
|
+
/* harmony import */ var _getSelectFieldOptionsItemValue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getSelectFieldOptionsItemValue */ "./src/ui/InputFields/SelectField/lib/getSelectFieldOptionsItemValue.ts");
|
|
50434
|
+
/* harmony import */ var _compValue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./compValue */ "./src/ui/InputFields/SelectField/lib/compValue.ts");
|
|
50435
|
+
|
|
50414
50436
|
|
|
50415
50437
|
|
|
50416
50438
|
function getSelectFieldOptionsByValue(value, options) {
|
|
50417
50439
|
var filteredOptions;
|
|
50418
50440
|
if (Array.isArray(value)) {
|
|
50419
50441
|
filteredOptions = options.filter(function (item) {
|
|
50420
|
-
return value.
|
|
50442
|
+
return value.find(function (curValue) {
|
|
50443
|
+
return (0,_compValue__WEBPACK_IMPORTED_MODULE_2__.compValue)(curValue, (0,_getSelectFieldOptionsItemValue__WEBPACK_IMPORTED_MODULE_1__.getSelectFieldOptionsItemValue)(item));
|
|
50444
|
+
});
|
|
50421
50445
|
});
|
|
50422
50446
|
} else {
|
|
50423
50447
|
filteredOptions = options.filter(function (item) {
|
|
50424
|
-
return value
|
|
50448
|
+
return (0,_compValue__WEBPACK_IMPORTED_MODULE_2__.compValue)(value, (0,_getSelectFieldOptionsItemValue__WEBPACK_IMPORTED_MODULE_1__.getSelectFieldOptionsItemValue)(item));
|
|
50425
50449
|
});
|
|
50426
50450
|
}
|
|
50427
|
-
return (0,
|
|
50451
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_0__.uniqueByKey)(filteredOptions, 'value');
|
|
50428
50452
|
}
|
|
50429
50453
|
|
|
50430
50454
|
/***/ }),
|
|
@@ -50483,6 +50507,7 @@ function getStringValue(value) {
|
|
|
50483
50507
|
"use strict";
|
|
50484
50508
|
__webpack_require__.r(__webpack_exports__);
|
|
50485
50509
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
50510
|
+
/* harmony export */ compValue: () => (/* reexport safe */ _compValue__WEBPACK_IMPORTED_MODULE_3__.compValue),
|
|
50486
50511
|
/* harmony export */ getSelectFieldOptionsByValue: () => (/* reexport safe */ _getSelectFieldOptionsByValue__WEBPACK_IMPORTED_MODULE_2__.getSelectFieldOptionsByValue),
|
|
50487
50512
|
/* harmony export */ getSelectFieldOptionsItemValue: () => (/* reexport safe */ _getSelectFieldOptionsItemValue__WEBPACK_IMPORTED_MODULE_1__.getSelectFieldOptionsItemValue),
|
|
50488
50513
|
/* harmony export */ getStringValue: () => (/* reexport safe */ _getStringValue__WEBPACK_IMPORTED_MODULE_0__.getStringValue)
|
|
@@ -50490,6 +50515,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
50490
50515
|
/* harmony import */ var _getStringValue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getStringValue */ "./src/ui/InputFields/SelectField/lib/getStringValue.ts");
|
|
50491
50516
|
/* harmony import */ var _getSelectFieldOptionsItemValue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getSelectFieldOptionsItemValue */ "./src/ui/InputFields/SelectField/lib/getSelectFieldOptionsItemValue.ts");
|
|
50492
50517
|
/* harmony import */ var _getSelectFieldOptionsByValue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getSelectFieldOptionsByValue */ "./src/ui/InputFields/SelectField/lib/getSelectFieldOptionsByValue.ts");
|
|
50518
|
+
/* harmony import */ var _compValue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./compValue */ "./src/ui/InputFields/SelectField/lib/compValue.ts");
|
|
50519
|
+
|
|
50493
50520
|
|
|
50494
50521
|
|
|
50495
50522
|
|
|
@@ -50568,15 +50595,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
50568
50595
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
|
|
50569
50596
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
50570
50597
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
50571
|
-
/* harmony import */ var
|
|
50572
|
-
/* harmony import */ var
|
|
50573
|
-
/* harmony import */ var
|
|
50574
|
-
/* harmony import */ var
|
|
50575
|
-
/* harmony import */ var
|
|
50576
|
-
/* harmony import */ var
|
|
50577
|
-
/* harmony import */ var
|
|
50578
|
-
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
|
|
50579
|
-
/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config */ "./src/ui/InputFields/SelectField/config/index.ts");
|
|
50598
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
|
|
50599
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
|
|
50600
|
+
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
|
|
50601
|
+
/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
|
|
50602
|
+
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/SelectField/lib/index.ts");
|
|
50603
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
|
|
50604
|
+
/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config */ "./src/ui/InputFields/SelectField/config/index.ts");
|
|
50580
50605
|
var _excluded = ["label", "value"];
|
|
50581
50606
|
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; }
|
|
50582
50607
|
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; }
|
|
@@ -50608,7 +50633,6 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
|
50608
50633
|
|
|
50609
50634
|
|
|
50610
50635
|
|
|
50611
|
-
|
|
50612
50636
|
function SelectField(_ref) {
|
|
50613
50637
|
var value = _ref.value,
|
|
50614
50638
|
onChange = _ref.onChange,
|
|
@@ -50650,7 +50674,7 @@ function SelectField(_ref) {
|
|
|
50650
50674
|
// Установка значения при required
|
|
50651
50675
|
var firstOptions = optionsState === null || optionsState === void 0 ? void 0 : optionsState[0];
|
|
50652
50676
|
if (required && (value === undefined || Array.isArray(value) && !value.length) && firstOptions) {
|
|
50653
|
-
handleClick((0,
|
|
50677
|
+
handleClick((0,_lib__WEBPACK_IMPORTED_MODULE_6__.getSelectFieldOptionsItemValue)(firstOptions));
|
|
50654
50678
|
}
|
|
50655
50679
|
return function () {
|
|
50656
50680
|
// Отчистка таймаута для searching
|
|
@@ -50663,12 +50687,9 @@ function SelectField(_ref) {
|
|
|
50663
50687
|
fillOptionsCache(value);
|
|
50664
50688
|
onScrollToBottom();
|
|
50665
50689
|
}, []);
|
|
50666
|
-
(0,
|
|
50690
|
+
(0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useDeepCompareEffect)(function () {
|
|
50667
50691
|
setOptionsState(options);
|
|
50668
50692
|
}, [options]);
|
|
50669
|
-
var compValue = function compValue(a, b) {
|
|
50670
|
-
return lodash__WEBPACK_IMPORTED_MODULE_2___default().isEqual(a, b);
|
|
50671
|
-
};
|
|
50672
50693
|
// Получение value из options
|
|
50673
50694
|
var getItemValue = function getItemValue(item) {
|
|
50674
50695
|
if (_typeof(item) === 'object' && 'value' in item) {
|
|
@@ -50680,12 +50701,12 @@ function SelectField(_ref) {
|
|
|
50680
50701
|
if (multiple && Array.isArray(data)) {
|
|
50681
50702
|
optionsCacheRef.current = data && data.length > 0 ? optionsState.filter(function (item) {
|
|
50682
50703
|
return data.find(function (curData) {
|
|
50683
|
-
return compValue(curData, getItemValue(item));
|
|
50704
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(curData, getItemValue(item));
|
|
50684
50705
|
});
|
|
50685
50706
|
}) : optionsState;
|
|
50686
50707
|
} else if (!Array.isArray(data)) {
|
|
50687
50708
|
optionsCacheRef.current = data ? optionsState.filter(function (item) {
|
|
50688
|
-
return compValue(data, getItemValue(item));
|
|
50709
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(data, getItemValue(item));
|
|
50689
50710
|
}) : optionsState;
|
|
50690
50711
|
}
|
|
50691
50712
|
};
|
|
@@ -50694,10 +50715,10 @@ function SelectField(_ref) {
|
|
|
50694
50715
|
var prevValue = Array.isArray(saveValue) ? saveValue : [saveValue];
|
|
50695
50716
|
var resValues;
|
|
50696
50717
|
if (prevValue.find(function (item) {
|
|
50697
|
-
return compValue(data, item);
|
|
50718
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(data, item);
|
|
50698
50719
|
})) {
|
|
50699
50720
|
resValues = prevValue.filter(function (item) {
|
|
50700
|
-
return !compValue(data, item);
|
|
50721
|
+
return !(0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(data, item);
|
|
50701
50722
|
});
|
|
50702
50723
|
} else {
|
|
50703
50724
|
resValues = [].concat(_toConsumableArray(prevValue), [data]);
|
|
@@ -50746,7 +50767,7 @@ function SelectField(_ref) {
|
|
|
50746
50767
|
setTimeout(function () {
|
|
50747
50768
|
requestPromiseRef.current = undefined;
|
|
50748
50769
|
}, 0);
|
|
50749
|
-
return (0,
|
|
50770
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.uniqueByKey)(updatedOptions, 'value');
|
|
50750
50771
|
});
|
|
50751
50772
|
_context.next = 16;
|
|
50752
50773
|
break;
|
|
@@ -50789,12 +50810,12 @@ function SelectField(_ref) {
|
|
|
50789
50810
|
var saveValue = value || [];
|
|
50790
50811
|
var arrValue = Array.isArray(saveValue) ? saveValue : [saveValue];
|
|
50791
50812
|
return !!arrValue.find(function (item) {
|
|
50792
|
-
return compValue(item, curItem);
|
|
50813
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(item, curItem);
|
|
50793
50814
|
});
|
|
50794
50815
|
};
|
|
50795
50816
|
var getOptionsItems = function getOptionsItems() {
|
|
50796
50817
|
return optionsState.map(function (item) {
|
|
50797
|
-
var value = (0,
|
|
50818
|
+
var value = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getSelectFieldOptionsItemValue)(item);
|
|
50798
50819
|
if (_typeof(item) === 'object' && 'value' in item) {
|
|
50799
50820
|
var label = item.label,
|
|
50800
50821
|
_value = item.value,
|
|
@@ -50818,15 +50839,15 @@ function SelectField(_ref) {
|
|
|
50818
50839
|
}
|
|
50819
50840
|
searchingTimeoutRef.current = setTimeout(function () {
|
|
50820
50841
|
searching(searchString, optionsState).then(function (newOptions) {
|
|
50821
|
-
return newOptions !== undefined && setOptionsState((0,
|
|
50842
|
+
return newOptions !== undefined && setOptionsState((0,_lib__WEBPACK_IMPORTED_MODULE_4__.uniqueByKey)(newOptions, 'value'));
|
|
50822
50843
|
});
|
|
50823
|
-
},
|
|
50844
|
+
}, _config__WEBPACK_IMPORTED_MODULE_8__.SEARCHING_DELAY_TIME);
|
|
50824
50845
|
}
|
|
50825
50846
|
};
|
|
50826
50847
|
var getViewField = function getViewField() {
|
|
50827
50848
|
if (searching !== undefined) {
|
|
50828
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
50829
|
-
value: isFocus ? searchingString : (0,
|
|
50849
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_5__.FlexField, {
|
|
50850
|
+
value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
|
|
50830
50851
|
onChange: search,
|
|
50831
50852
|
disabled: disabled,
|
|
50832
50853
|
onFocus: function onFocus() {
|
|
@@ -50849,8 +50870,8 @@ function SelectField(_ref) {
|
|
|
50849
50870
|
ref: inputRef
|
|
50850
50871
|
});
|
|
50851
50872
|
}
|
|
50852
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
50853
|
-
value: (0,
|
|
50873
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_5__.FlexField, {
|
|
50874
|
+
value: (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
|
|
50854
50875
|
isError: isError,
|
|
50855
50876
|
disabled: disabled,
|
|
50856
50877
|
placeholder: placeholder,
|
|
@@ -50867,10 +50888,10 @@ function SelectField(_ref) {
|
|
|
50867
50888
|
});
|
|
50868
50889
|
};
|
|
50869
50890
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
|
|
50870
|
-
className:
|
|
50891
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.selectField,
|
|
50871
50892
|
children: [getViewField(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
|
|
50872
|
-
className:
|
|
50873
|
-
children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
50893
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.modalWindowWrapper,
|
|
50894
|
+
children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ModalWindowWrapper, {
|
|
50874
50895
|
isShow: isShowModalWindow,
|
|
50875
50896
|
setIsShow: function setIsShow(newValue) {
|
|
50876
50897
|
if (newValue === false) {
|
|
@@ -50879,8 +50900,8 @@ function SelectField(_ref) {
|
|
|
50879
50900
|
setIsShowModalWindow(newValue);
|
|
50880
50901
|
},
|
|
50881
50902
|
additionElements: [inputRef.current],
|
|
50882
|
-
className:
|
|
50883
|
-
children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
50903
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.modalWindow,
|
|
50904
|
+
children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.Dropdown, {
|
|
50884
50905
|
items: getOptionsItems(),
|
|
50885
50906
|
onScrollBottom: onScrollToBottom,
|
|
50886
50907
|
onClick: handleClick,
|