@true-engineering/true-react-common-ui-kit 1.1.0 → 1.2.0

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { IInputProps } from '../Input';
 import { IIconType } from '../Icon';
 import { IDropdownWithPopperOptions } from '../../types';
@@ -7,22 +7,23 @@ export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChan
     tweakStyles?: SelectStyles;
     defaultOptionLabel?: string;
     noMatchesLabel?: string;
-    loadingLabel?: React.ReactNode;
+    loadingLabel?: ReactNode;
     optionsMode?: 'search' | 'dynamic' | 'normal';
-    onType?: (value: string) => Promise<void>;
     debounceTime?: number;
     minSymbolsCountToOpenList?: number;
     dropdownOptions?: IDropdownWithPopperOptions;
     dropdownIcon?: IIconType;
-    onOpen?: () => void;
-    optionsFilter?: (options: Value[], query: string) => Value[];
     options: Value[];
     value: Value | undefined;
     shouldScrollToList?: boolean;
+    isOptionDisabled?(option: Value): boolean;
     onChange(value: Value | undefined): void;
+    onType?(value: string): Promise<void>;
+    optionsFilter?(options: Value[], query: string): Value[];
+    onOpen?(): void;
     compareValuesOnChange?(v1: Value | undefined, v2: Value | undefined): boolean;
     convertValueToString?(value: Value): string | undefined;
     convertValueToReactNode?(value: Value): ReactNode;
     convertValueToId?(value: Value): string | undefined;
 }
-export declare function Select<Value>({ options, value, onChange, compareValuesOnChange, convertValueToString, convertValueToId, convertValueToReactNode, defaultOptionLabel, onFocus, onBlur, onType, onOpen, debounceTime, optionsMode, optionsFilter, noMatchesLabel, loadingLabel, tweakStyles, testId, isDisabled, dropdownOptions, minSymbolsCountToOpenList, dropdownIcon, shouldScrollToList, ...inputProps }: ISelectProps<Value>): JSX.Element;
+export declare function Select<Value>({ options, value, defaultOptionLabel, debounceTime, optionsMode, noMatchesLabel, loadingLabel, tweakStyles, testId, isDisabled, dropdownOptions, minSymbolsCountToOpenList, dropdownIcon, shouldScrollToList, onChange, onFocus, onBlur, onType, onOpen, isOptionDisabled, compareValuesOnChange, convertValueToString, convertValueToId, convertValueToReactNode, optionsFilter, ...inputProps }: ISelectProps<Value>): JSX.Element;

package/dist/components/Select/SelectList/SelectList.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ICommonProps } from '../../../types';
 import { SelectListStyles } from './SelectList.styles';
 export interface ISelectListProps<Value> extends ICommonProps {
@@ -8,14 +8,14 @@ export interface ISelectListProps<Value> extends ICommonProps {
     activeValue?: Value;
     noMatchesLabel?: string;
     isLoading?: boolean;
-    loadingLabel?: React.ReactNode;
+    loadingLabel?: ReactNode;
     defaultOptionLabel?: string;
-    onOptionClick: (index: number) => void;
     testId?: string;
     shouldScrollToList?: boolean;
-    convertValueToString: (value: Value) => string | undefined;
-    convertValueToReactNode?: (value: Value) => ReactNode;
-    convertValueToId?: (value: Value) => string | undefined;
+    onOptionClick(index: number): void;
+    isOptionDisabled(value: Value): boolean;
+    convertValueToString(value: Value): string | undefined;
+    convertValueToReactNode?(value: Value): ReactNode;
+    convertValueToId?(value: Value): string | undefined;
 }
-export declare function isOptionDisabled<Value>(option: Value): boolean;
-export declare function SelectList<Value>({ options, onOptionClick, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, convertValueToString, convertValueToReactNode, convertValueToId, tweakStyles, testId, shouldScrollToList, }: ISelectListProps<Value>): JSX.Element;
+export declare function SelectList<Value>({ options, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, isOptionDisabled, onOptionClick, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;

package/dist/components/Select/helpers.d.ts

@@ -1,3 +1,4 @@
+export declare const defaultIsOptionDisabled: <Value>(option: Value) => boolean;
 export declare const defaultConvertFunction: (v: unknown) => string | undefined;
 export declare const defaultCompareFunction: <Value>(v1: Value, v2: Value) => boolean;
 export declare const getActiveValueIndex: <Value>(options: Value[], value: Value | undefined, convertFunc: (v: Value) => string | undefined) => number;

package/dist/true-react-common-ui-kit.js

@@ -6963,13 +6963,9 @@ function _define_property$x(obj, key, value) {
   }
   return obj;
 }
-function isOptionDisabled(option) {
-  var _option_isDisabled;
-  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);
-}
 var DEFAULT_OPTION_INDEX = -1;
 function SelectList(param) {
-  var options = param.options, onOptionClick = param.onOptionClick, 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, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList;
+  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;
   var classes = useTheme("SelectList", styles$v, tweakStyles).classes;
   var activeValueId = isNotEmpty(activeValue) ? convertValueToId(activeValue) : void 0;
   var convertedToStringOptions = useMemo(function() {
@@ -7036,6 +7032,10 @@ function SelectList(param) {
     })
   });
 }
+var _option_isDisabled;
+var defaultIsOptionDisabled = function(option) {
+  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);
+};
 var defaultConvertFunction$2 = function(v) {
   return v === void 0 ? void 0 : String(v);
 };
@@ -7380,22 +7380,12 @@ var __generator$4 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 function Select(_param) {
-  var options = _param.options, value = _param.value, onChange = _param.onChange, _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, defaultOptionLabel = _param.defaultOptionLabel, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, optionsFilter = _param.optionsFilter, 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, inputProps = _object_without_properties$6(_param, [
+  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, [
     "options",
     "value",
-    "onChange",
-    "compareValuesOnChange",
-    "convertValueToString",
-    "convertValueToId",
-    "convertValueToReactNode",
     "defaultOptionLabel",
-    "onFocus",
-    "onBlur",
-    "onType",
-    "onOpen",
     "debounceTime",
     "optionsMode",
-    "optionsFilter",
     "noMatchesLabel",
     "loadingLabel",
     "tweakStyles",
@@ -7404,7 +7394,18 @@ function Select(_param) {
     "dropdownOptions",
     "minSymbolsCountToOpenList",
     "dropdownIcon",
-    "shouldScrollToList"
+    "shouldScrollToList",
+    "onChange",
+    "onFocus",
+    "onBlur",
+    "onType",
+    "onOpen",
+    "isOptionDisabled",
+    "compareValuesOnChange",
+    "convertValueToString",
+    "convertValueToId",
+    "convertValueToReactNode",
+    "optionsFilter"
   ]);
   var _useTheme = useTheme("Select", styles$u, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var isMounted = useIsMounted();
@@ -7698,10 +7699,6 @@ function Select(_param) {
           }, popperData === null || popperData === void 0 ? void 0 : popperData.attributes.popper), {
             children: isOpen && /* @__PURE__ */ jsx(SelectList, {
               options: filteredOptions,
-              convertValueToString,
-              convertValueToReactNode,
-              convertValueToId,
-              onOptionClick: handleOptionClick,
               defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
               noMatchesLabel,
               focusedIndex: focusedListCellIndex,
@@ -7710,7 +7707,12 @@ function Select(_param) {
               loadingLabel,
               tweakStyles: tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakSelectList,
               testId: testId !== void 0 ? "".concat(testId, "-list") : void 0,
-              shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll
+              shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll,
+              isOptionDisabled,
+              convertValueToString,
+              convertValueToReactNode,
+              convertValueToId,
+              onOptionClick: handleOptionClick
             })
           }))
         })