indicator-ui 0.0.294 → 0.0.296
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
|
|
@@ -50660,15 +50684,14 @@ function SelectField(_ref) {
|
|
|
50660
50684
|
};
|
|
50661
50685
|
}, [optionsState, required, value]);
|
|
50662
50686
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
50663
|
-
fillOptionsCache(value);
|
|
50664
50687
|
onScrollToBottom();
|
|
50665
50688
|
}, []);
|
|
50666
|
-
(0,
|
|
50689
|
+
(0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useDeepCompareEffect)(function () {
|
|
50690
|
+
fillOptionsCache(value);
|
|
50691
|
+
}, [value]);
|
|
50692
|
+
(0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useDeepCompareEffect)(function () {
|
|
50667
50693
|
setOptionsState(options);
|
|
50668
50694
|
}, [options]);
|
|
50669
|
-
var compValue = function compValue(a, b) {
|
|
50670
|
-
return lodash__WEBPACK_IMPORTED_MODULE_2___default().isEqual(a, b);
|
|
50671
|
-
};
|
|
50672
50695
|
// Получение value из options
|
|
50673
50696
|
var getItemValue = function getItemValue(item) {
|
|
50674
50697
|
if (_typeof(item) === 'object' && 'value' in item) {
|
|
@@ -50680,12 +50703,12 @@ function SelectField(_ref) {
|
|
|
50680
50703
|
if (multiple && Array.isArray(data)) {
|
|
50681
50704
|
optionsCacheRef.current = data && data.length > 0 ? optionsState.filter(function (item) {
|
|
50682
50705
|
return data.find(function (curData) {
|
|
50683
|
-
return compValue(curData, getItemValue(item));
|
|
50706
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(curData, getItemValue(item));
|
|
50684
50707
|
});
|
|
50685
50708
|
}) : optionsState;
|
|
50686
50709
|
} else if (!Array.isArray(data)) {
|
|
50687
50710
|
optionsCacheRef.current = data ? optionsState.filter(function (item) {
|
|
50688
|
-
return compValue(data, getItemValue(item));
|
|
50711
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(data, getItemValue(item));
|
|
50689
50712
|
}) : optionsState;
|
|
50690
50713
|
}
|
|
50691
50714
|
};
|
|
@@ -50694,10 +50717,10 @@ function SelectField(_ref) {
|
|
|
50694
50717
|
var prevValue = Array.isArray(saveValue) ? saveValue : [saveValue];
|
|
50695
50718
|
var resValues;
|
|
50696
50719
|
if (prevValue.find(function (item) {
|
|
50697
|
-
return compValue(data, item);
|
|
50720
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(data, item);
|
|
50698
50721
|
})) {
|
|
50699
50722
|
resValues = prevValue.filter(function (item) {
|
|
50700
|
-
return !compValue(data, item);
|
|
50723
|
+
return !(0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(data, item);
|
|
50701
50724
|
});
|
|
50702
50725
|
} else {
|
|
50703
50726
|
resValues = [].concat(_toConsumableArray(prevValue), [data]);
|
|
@@ -50746,7 +50769,7 @@ function SelectField(_ref) {
|
|
|
50746
50769
|
setTimeout(function () {
|
|
50747
50770
|
requestPromiseRef.current = undefined;
|
|
50748
50771
|
}, 0);
|
|
50749
|
-
return (0,
|
|
50772
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.uniqueByKey)(updatedOptions, 'value');
|
|
50750
50773
|
});
|
|
50751
50774
|
_context.next = 16;
|
|
50752
50775
|
break;
|
|
@@ -50789,12 +50812,12 @@ function SelectField(_ref) {
|
|
|
50789
50812
|
var saveValue = value || [];
|
|
50790
50813
|
var arrValue = Array.isArray(saveValue) ? saveValue : [saveValue];
|
|
50791
50814
|
return !!arrValue.find(function (item) {
|
|
50792
|
-
return compValue(item, curItem);
|
|
50815
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.compValue)(item, curItem);
|
|
50793
50816
|
});
|
|
50794
50817
|
};
|
|
50795
50818
|
var getOptionsItems = function getOptionsItems() {
|
|
50796
50819
|
return optionsState.map(function (item) {
|
|
50797
|
-
var value = (0,
|
|
50820
|
+
var value = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getSelectFieldOptionsItemValue)(item);
|
|
50798
50821
|
if (_typeof(item) === 'object' && 'value' in item) {
|
|
50799
50822
|
var label = item.label,
|
|
50800
50823
|
_value = item.value,
|
|
@@ -50818,15 +50841,15 @@ function SelectField(_ref) {
|
|
|
50818
50841
|
}
|
|
50819
50842
|
searchingTimeoutRef.current = setTimeout(function () {
|
|
50820
50843
|
searching(searchString, optionsState).then(function (newOptions) {
|
|
50821
|
-
return newOptions !== undefined && setOptionsState((0,
|
|
50844
|
+
return newOptions !== undefined && setOptionsState((0,_lib__WEBPACK_IMPORTED_MODULE_4__.uniqueByKey)(newOptions, 'value'));
|
|
50822
50845
|
});
|
|
50823
|
-
},
|
|
50846
|
+
}, _config__WEBPACK_IMPORTED_MODULE_8__.SEARCHING_DELAY_TIME);
|
|
50824
50847
|
}
|
|
50825
50848
|
};
|
|
50826
50849
|
var getViewField = function getViewField() {
|
|
50827
50850
|
if (searching !== undefined) {
|
|
50828
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
50829
|
-
value: isFocus ? searchingString : (0,
|
|
50851
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_5__.FlexField, {
|
|
50852
|
+
value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
|
|
50830
50853
|
onChange: search,
|
|
50831
50854
|
disabled: disabled,
|
|
50832
50855
|
onFocus: function onFocus() {
|
|
@@ -50849,8 +50872,8 @@ function SelectField(_ref) {
|
|
|
50849
50872
|
ref: inputRef
|
|
50850
50873
|
});
|
|
50851
50874
|
}
|
|
50852
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
50853
|
-
value: (0,
|
|
50875
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_5__.FlexField, {
|
|
50876
|
+
value: (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getStringValue)(value, [].concat(_toConsumableArray(optionsState), _toConsumableArray(optionsCacheRef.current))),
|
|
50854
50877
|
isError: isError,
|
|
50855
50878
|
disabled: disabled,
|
|
50856
50879
|
placeholder: placeholder,
|
|
@@ -50867,10 +50890,10 @@ function SelectField(_ref) {
|
|
|
50867
50890
|
});
|
|
50868
50891
|
};
|
|
50869
50892
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
|
|
50870
|
-
className:
|
|
50893
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.selectField,
|
|
50871
50894
|
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)(
|
|
50895
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.modalWindowWrapper,
|
|
50896
|
+
children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ModalWindowWrapper, {
|
|
50874
50897
|
isShow: isShowModalWindow,
|
|
50875
50898
|
setIsShow: function setIsShow(newValue) {
|
|
50876
50899
|
if (newValue === false) {
|
|
@@ -50879,8 +50902,8 @@ function SelectField(_ref) {
|
|
|
50879
50902
|
setIsShowModalWindow(newValue);
|
|
50880
50903
|
},
|
|
50881
50904
|
additionElements: [inputRef.current],
|
|
50882
|
-
className:
|
|
50883
|
-
children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
50905
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.modalWindow,
|
|
50906
|
+
children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.Dropdown, {
|
|
50884
50907
|
items: getOptionsItems(),
|
|
50885
50908
|
onScrollBottom: onScrollToBottom,
|
|
50886
50909
|
onClick: handleClick,
|