@true-engineering/true-react-common-ui-kit 1.1.0 → 1.2.0
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/components/Select/Select.d.ts +7 -6
- package/dist/components/Select/SelectList/SelectList.d.ts +8 -8
- package/dist/components/Select/helpers.d.ts +1 -0
- package/dist/true-react-common-ui-kit.js +24 -22
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +24 -22
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Select/Select.stories.tsx +16 -12
- package/src/components/Select/Select.tsx +31 -29
- package/src/components/Select/SelectList/SelectList.tsx +12 -19
- package/src/components/Select/helpers.ts +5 -0
|
@@ -6953,13 +6953,9 @@
|
|
|
6953
6953
|
}
|
|
6954
6954
|
return obj;
|
|
6955
6955
|
}
|
|
6956
|
-
function isOptionDisabled(option) {
|
|
6957
|
-
var _option_isDisabled;
|
|
6958
|
-
return typeof option === "object" && option !== null && ((_option_isDisabled = option === null || option === void 0 ? void 0 : option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
|
|
6959
|
-
}
|
|
6960
6956
|
var DEFAULT_OPTION_INDEX = -1;
|
|
6961
6957
|
function SelectList(param) {
|
|
6962
|
-
var options = param.options,
|
|
6958
|
+
var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, isOptionDisabled = param.isOptionDisabled, onOptionClick = param.onOptionClick, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId;
|
|
6963
6959
|
var classes = useTheme("SelectList", styles$v, tweakStyles).classes;
|
|
6964
6960
|
var activeValueId = isNotEmpty(activeValue) ? convertValueToId(activeValue) : void 0;
|
|
6965
6961
|
var convertedToStringOptions = React.useMemo(function() {
|
|
@@ -7026,6 +7022,10 @@
|
|
|
7026
7022
|
})
|
|
7027
7023
|
});
|
|
7028
7024
|
}
|
|
7025
|
+
var _option_isDisabled;
|
|
7026
|
+
var defaultIsOptionDisabled = function(option) {
|
|
7027
|
+
return typeof option === "object" && option !== null && ((_option_isDisabled = option === null || option === void 0 ? void 0 : option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
|
|
7028
|
+
};
|
|
7029
7029
|
var defaultConvertFunction$2 = function(v) {
|
|
7030
7030
|
return v === void 0 ? void 0 : String(v);
|
|
7031
7031
|
};
|
|
@@ -7370,22 +7370,12 @@
|
|
|
7370
7370
|
}
|
|
7371
7371
|
};
|
|
7372
7372
|
function Select(_param) {
|
|
7373
|
-
var options = _param.options, value = _param.value,
|
|
7373
|
+
var options = _param.options, value = _param.value, defaultOptionLabel = _param.defaultOptionLabel, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, noMatchesLabel = _param.noMatchesLabel, loadingLabel = _param.loadingLabel, tweakStyles = _param.tweakStyles, testId = _param.testId, isDisabled = _param.isDisabled, dropdownOptions = _param.dropdownOptions, _param_minSymbolsCountToOpenList = _param.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _param_minSymbolsCountToOpenList === void 0 ? 0 : _param_minSymbolsCountToOpenList, _param_dropdownIcon = _param.dropdownIcon, dropdownIcon = _param_dropdownIcon === void 0 ? "chevron-down" : _param_dropdownIcon, _param_shouldScrollToList = _param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_isOptionDisabled = _param.isOptionDisabled, isOptionDisabled = _param_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _param_isOptionDisabled, _param_compareValuesOnChange = _param.compareValuesOnChange, compareValuesOnChange = _param_compareValuesOnChange === void 0 ? defaultCompareFunction : _param_compareValuesOnChange, _param_convertValueToString = _param.convertValueToString, convertValueToString = _param_convertValueToString === void 0 ? defaultConvertFunction$2 : _param_convertValueToString, convertValueToId = _param.convertValueToId, convertValueToReactNode = _param.convertValueToReactNode, optionsFilter = _param.optionsFilter, inputProps = _object_without_properties$6(_param, [
|
|
7374
7374
|
"options",
|
|
7375
7375
|
"value",
|
|
7376
|
-
"onChange",
|
|
7377
|
-
"compareValuesOnChange",
|
|
7378
|
-
"convertValueToString",
|
|
7379
|
-
"convertValueToId",
|
|
7380
|
-
"convertValueToReactNode",
|
|
7381
7376
|
"defaultOptionLabel",
|
|
7382
|
-
"onFocus",
|
|
7383
|
-
"onBlur",
|
|
7384
|
-
"onType",
|
|
7385
|
-
"onOpen",
|
|
7386
7377
|
"debounceTime",
|
|
7387
7378
|
"optionsMode",
|
|
7388
|
-
"optionsFilter",
|
|
7389
7379
|
"noMatchesLabel",
|
|
7390
7380
|
"loadingLabel",
|
|
7391
7381
|
"tweakStyles",
|
|
@@ -7394,7 +7384,18 @@
|
|
|
7394
7384
|
"dropdownOptions",
|
|
7395
7385
|
"minSymbolsCountToOpenList",
|
|
7396
7386
|
"dropdownIcon",
|
|
7397
|
-
"shouldScrollToList"
|
|
7387
|
+
"shouldScrollToList",
|
|
7388
|
+
"onChange",
|
|
7389
|
+
"onFocus",
|
|
7390
|
+
"onBlur",
|
|
7391
|
+
"onType",
|
|
7392
|
+
"onOpen",
|
|
7393
|
+
"isOptionDisabled",
|
|
7394
|
+
"compareValuesOnChange",
|
|
7395
|
+
"convertValueToString",
|
|
7396
|
+
"convertValueToId",
|
|
7397
|
+
"convertValueToReactNode",
|
|
7398
|
+
"optionsFilter"
|
|
7398
7399
|
]);
|
|
7399
7400
|
var _useTheme = useTheme("Select", styles$u, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
|
|
7400
7401
|
var isMounted = useIsMounted();
|
|
@@ -7688,10 +7689,6 @@
|
|
|
7688
7689
|
}, popperData === null || popperData === void 0 ? void 0 : popperData.attributes.popper), {
|
|
7689
7690
|
children: isOpen && /* @__PURE__ */ jsx(SelectList, {
|
|
7690
7691
|
options: filteredOptions,
|
|
7691
|
-
convertValueToString,
|
|
7692
|
-
convertValueToReactNode,
|
|
7693
|
-
convertValueToId,
|
|
7694
|
-
onOptionClick: handleOptionClick,
|
|
7695
7692
|
defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
|
|
7696
7693
|
noMatchesLabel,
|
|
7697
7694
|
focusedIndex: focusedListCellIndex,
|
|
@@ -7700,7 +7697,12 @@
|
|
|
7700
7697
|
loadingLabel,
|
|
7701
7698
|
tweakStyles: tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakSelectList,
|
|
7702
7699
|
testId: testId !== void 0 ? "".concat(testId, "-list") : void 0,
|
|
7703
|
-
shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll
|
|
7700
|
+
shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll,
|
|
7701
|
+
isOptionDisabled,
|
|
7702
|
+
convertValueToString,
|
|
7703
|
+
convertValueToReactNode,
|
|
7704
|
+
convertValueToId,
|
|
7705
|
+
onOptionClick: handleOptionClick
|
|
7704
7706
|
})
|
|
7705
7707
|
}))
|
|
7706
7708
|
})
|