@alfalab/core-components 41.14.0-beta.2 → 41.14.1

package/input-autocomplete/Component.modal.mobile.js

@@ -21,7 +21,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 
 var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_a, ref) {
-    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps"]);
+    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps", "modalProps", "modalHeaderProps", "modalFooterProps"]);
     var _f = React__default.default.useState(false), open = _f[0], setOpen = _f[1];
     var targetRef = React.useRef(null);
     var modalScrollableRef = React.useRef(null);
@@ -69,7 +69,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
     var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 
 exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;

package/input-autocomplete/cssm/{Component-6062b39e.d.ts → Component-5e1b8383.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionsListProps } from "./typings-6062b39e";
+import { OptionsListProps } from "./typings-5e1b8383";
 declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
 export { VirtualOptionsList };

package/input-autocomplete/cssm/Component-b4e70cb0.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OptionShape, OptionsListProps } from "./typings-6062b39e";
+import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
 import React from 'react';
 import { HeaderProps } from "./Component-aed0af6e";
 type FooterProps = {

package/input-autocomplete/cssm/Component-f12ee135.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-6062b39e";
+import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Футер

package/input-autocomplete/cssm/Component.modal.mobile.d.ts

@@ -5,7 +5,7 @@ import { ButtonProps } from "../../button";
 import { BaseSelectChangePayload } from "./index-3e68f8db";
 import { ModalMobile } from "./Component.mobile-e81c389f";
 import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
-import { BaseSelectProps } from "./typings-6062b39e";
+import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Показывать кнопку очистки

package/input-autocomplete/cssm/Component.modal.mobile.js

@@ -23,7 +23,7 @@ var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_a, ref) {
-    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps"]);
+    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps", "modalProps", "modalHeaderProps", "modalFooterProps"]);
     var _f = React__default.default.useState(false), open = _f[0], setOpen = _f[1];
     var targetRef = React.useRef(null);
     var modalScrollableRef = React.useRef(null);
@@ -71,7 +71,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
     var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 
 exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;

package/input-autocomplete/cssm/index-3e68f8db.d.ts

@@ -1,5 +1,5 @@
 export * from "packages/select/src/Component";
 export * from "packages/select/src/components/index";
 export * from "packages/select/src/presets/index";
-export * from "./typings-6062b39e";
-export * from "./utils-6062b39e";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";

package/input-autocomplete/cssm/{typings-6062b39e.d.ts → typings-5e1b8383.d.ts}

@@ -18,10 +18,6 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
-    /**
-     * Обработчик клика по option
-     */
-    onOptionClick?: () => void;
     /**
      * Дополнительные данные
      */

package/input-autocomplete/cssm/utils-5e1b8383.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-5e1b8383";
+declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
+declare const joinOptions: ({ selected, selectedMultiple, }: {
+    selected?: OptionShape | undefined;
+    selectedMultiple?: OptionShape[] | undefined;
+}) => ReactNode[] | null;
+declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
+    flatOptions: OptionShape[];
+    selectedOptions: OptionShape[];
+};
+type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
+    visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
+    listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
+    styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
+    open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
+    invalidate?: unknown;
+};
+declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
+declare function usePrevious<T>(value: T): T | undefined;
+declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, usePrevious, lastIndexOf };

package/input-autocomplete/esm/{Component-6062b39e.d.ts → Component-5e1b8383.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionsListProps } from "./typings-6062b39e";
+import { OptionsListProps } from "./typings-5e1b8383";
 declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
 export { VirtualOptionsList };

package/input-autocomplete/esm/Component-b4e70cb0.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OptionShape, OptionsListProps } from "./typings-6062b39e";
+import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
 import React from 'react';
 import { HeaderProps } from "./Component-aed0af6e";
 type FooterProps = {

package/input-autocomplete/esm/Component-f12ee135.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-6062b39e";
+import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Футер

package/input-autocomplete/esm/Component.modal.mobile.d.ts

@@ -5,7 +5,7 @@ import { ButtonProps } from "../../button";
 import { BaseSelectChangePayload } from "./index-3e68f8db";
 import { ModalMobile } from "./Component.mobile-e81c389f";
 import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
-import { BaseSelectProps } from "./typings-6062b39e";
+import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Показывать кнопку очистки

package/input-autocomplete/esm/Component.modal.mobile.js

@@ -12,7 +12,7 @@ import '../../form-control/esm';
 import '@alfalab/hooks';
 
 var InputAutocompleteModalMobile = React.forwardRef(function (_a, ref) {
-    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input$1 = _c === void 0 ? Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, restProps = __rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps"]);
+    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input$1 = _c === void 0 ? Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, restProps = __rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps", "modalProps", "modalHeaderProps", "modalFooterProps"]);
     var _f = React.useState(false), open = _f[0], setOpen = _f[1];
     var targetRef = useRef(null);
     var modalScrollableRef = useRef(null);
@@ -60,7 +60,7 @@ var InputAutocompleteModalMobile = React.forwardRef(function (_a, ref) {
     var renderFooter = function () { return (React.createElement(React.Fragment, null,
         React.createElement(Button, __assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React.createElement(Button, __assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React.createElement(SelectModalMobile, __assign({}, restProps, { ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: __assign(__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: __assign(__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: __assign(__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React.createElement(SelectModalMobile, __assign({ ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: __assign(__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: __assign(__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: __assign(__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 
 export { InputAutocompleteModalMobile };

package/input-autocomplete/esm/index-3e68f8db.d.ts

@@ -1,5 +1,5 @@
 export * from "packages/select/src/Component";
 export * from "packages/select/src/components/index";
 export * from "packages/select/src/presets/index";
-export * from "./typings-6062b39e";
-export * from "./utils-6062b39e";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";

package/input-autocomplete/esm/{typings-6062b39e.d.ts → typings-5e1b8383.d.ts}

@@ -18,10 +18,6 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
-    /**
-     * Обработчик клика по option
-     */
-    onOptionClick?: () => void;
     /**
      * Дополнительные данные
      */

package/input-autocomplete/esm/utils-5e1b8383.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-5e1b8383";
+declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
+declare const joinOptions: ({ selected, selectedMultiple, }: {
+    selected?: OptionShape | undefined;
+    selectedMultiple?: OptionShape[] | undefined;
+}) => ReactNode[] | null;
+declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
+    flatOptions: OptionShape[];
+    selectedOptions: OptionShape[];
+};
+type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
+    visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
+    listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
+    styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
+    open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
+    invalidate?: unknown;
+};
+declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
+declare function usePrevious<T>(value: T): T | undefined;
+declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, usePrevious, lastIndexOf };

package/input-autocomplete/index-3e68f8db.d.ts

@@ -1,5 +1,5 @@
 export * from "packages/select/src/Component";
 export * from "packages/select/src/components/index";
 export * from "packages/select/src/presets/index";
-export * from "./typings-6062b39e";
-export * from "./utils-6062b39e";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";

package/input-autocomplete/modern/{Component-6062b39e.d.ts → Component-5e1b8383.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionsListProps } from "./typings-6062b39e";
+import { OptionsListProps } from "./typings-5e1b8383";
 declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
 export { VirtualOptionsList };

package/input-autocomplete/modern/Component-b4e70cb0.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OptionShape, OptionsListProps } from "./typings-6062b39e";
+import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
 import React from 'react';
 import { HeaderProps } from "./Component-aed0af6e";
 type FooterProps = {

package/input-autocomplete/modern/Component-f12ee135.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-6062b39e";
+import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Футер

package/input-autocomplete/modern/Component.desktop.d.ts

@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Компонент ввода значения
      */
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Пропсы, которые будут прокинуты в инпут
      */
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;

package/input-autocomplete/modern/Component.modal.mobile.d.ts

@@ -5,7 +5,7 @@ import { ButtonProps } from "../../button";
 import { BaseSelectChangePayload } from "./index-3e68f8db";
 import { ModalMobile } from "./Component.mobile-e81c389f";
 import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
-import { BaseSelectProps } from "./typings-6062b39e";
+import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Показывать кнопку очистки

package/input-autocomplete/modern/Component.modal.mobile.js

@@ -10,7 +10,7 @@ import { s as styles } from './mobile.module-058e010f.js';
 import '../../form-control/modern';
 import '@alfalab/hooks';
 
-const InputAutocompleteModalMobile = React.forwardRef(({ open: openProp, onOpen, name, size = 's', Input: Input$1 = Input, Arrow = null, onClearFilter, filter = '', onFilter, placeholder, bottomAddonProps, multiple, onChange, onCancel, value, cancelButtonProps, continueButtonProps, ...restProps }, ref) => {
+const InputAutocompleteModalMobile = React.forwardRef(({ open: openProp, onOpen, name, size = 's', Input: Input$1 = Input, Arrow = null, onClearFilter, filter = '', onFilter, placeholder, bottomAddonProps, multiple, onChange, onCancel, value, cancelButtonProps, continueButtonProps, modalProps, modalHeaderProps, modalFooterProps, ...restProps }, ref) => {
     const [open, setOpen] = React.useState(false);
     const targetRef = useRef(null);
     const modalScrollableRef = useRef(null);
@@ -57,17 +57,17 @@ const InputAutocompleteModalMobile = React.forwardRef(({ open: openProp, onOpen,
     const renderFooter = () => (React.createElement(React.Fragment, null,
         React.createElement(Button, { block: true, view: 'primary', size: 's', onClick: handleApply, ...continueButtonProps }, "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React.createElement(Button, { block: true, view: 'secondary', size: 's', onClick: handleCancel, ...cancelButtonProps }, "\u041E\u0442\u043C\u0435\u043D\u0430")));
-    return (React.createElement(SelectModalMobile, { ...restProps, ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp ?? open, size: size, fieldProps: { value }, placeholder: placeholder, useWithApplyHook: false, modalProps: {
-            ...restProps.modalProps,
+    return (React.createElement(SelectModalMobile, { ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp ?? open, size: size, fieldProps: { value }, placeholder: placeholder, useWithApplyHook: false, modalProps: {
+            ...modalProps,
             componentRef: modalScrollableRef,
         }, modalHeaderProps: {
-            ...restProps.modalHeaderProps,
+            ...modalHeaderProps,
             bottomAddons: renderBottomAddon(),
         }, modalFooterProps: {
             sticky: true,
-            ...restProps.modalFooterProps,
+            ...modalFooterProps,
             children: renderFooter(),
-        } }));
+        }, ...restProps }));
 });
 
 export { InputAutocompleteModalMobile };

package/input-autocomplete/modern/Component.responsive.d.ts

@@ -14,7 +14,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;
@@ -47,7 +47,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         dataTestId?: string | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -59,7 +59,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;

package/input-autocomplete/modern/index-3e68f8db.d.ts

@@ -1,5 +1,5 @@
 export * from "packages/select/src/Component";
 export * from "packages/select/src/components/index";
 export * from "packages/select/src/presets/index";
-export * from "./typings-6062b39e";
-export * from "./utils-6062b39e";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";

package/input-autocomplete/modern/{typings-6062b39e.d.ts → typings-5e1b8383.d.ts}

@@ -18,10 +18,6 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
-    /**
-     * Обработчик клика по option
-     */
-    onOptionClick?: () => void;
     /**
      * Дополнительные данные
      */

package/input-autocomplete/modern/utils-5e1b8383.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-5e1b8383";
+declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
+declare const joinOptions: ({ selected, selectedMultiple, }: {
+    selected?: OptionShape | undefined;
+    selectedMultiple?: OptionShape[] | undefined;
+}) => ReactNode[] | null;
+declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
+    flatOptions: OptionShape[];
+    selectedOptions: OptionShape[];
+};
+type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
+    visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
+    listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
+    styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
+    open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
+    invalidate?: unknown;
+};
+declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
+declare function usePrevious<T>(value: T): T | undefined;
+declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, usePrevious, lastIndexOf };

package/input-autocomplete/{typings-6062b39e.d.ts → typings-5e1b8383.d.ts}

@@ -18,10 +18,6 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
-    /**
-     * Обработчик клика по option
-     */
-    onOptionClick?: () => void;
     /**
      * Дополнительные данные
      */

package/input-autocomplete/utils-5e1b8383.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-5e1b8383";
+declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
+declare const joinOptions: ({ selected, selectedMultiple, }: {
+    selected?: OptionShape | undefined;
+    selectedMultiple?: OptionShape[] | undefined;
+}) => ReactNode[] | null;
+declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
+    flatOptions: OptionShape[];
+    selectedOptions: OptionShape[];
+};
+type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
+    visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
+    listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
+    styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
+    open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
+    invalidate?: unknown;
+};
+declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
+declare function usePrevious<T>(value: T): T | undefined;
+declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, usePrevious, lastIndexOf };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "41.14.0-beta.2",
+  "version": "41.14.1",
   "license": "MIT",
   "repository": {
     "type": "git",

package/picker-button/cssm/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-6062b39e";
+import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/cssm/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-6062b39e";
-import { OptionProps as BaseOptionProps } from "../typings-6062b39e";
+import { OptionShape } from "../typings-5e1b8383";
+import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/picker-button/{esm/typings-6062b39e.d.ts → cssm/typings-5e1b8383.d.ts}

@@ -474,10 +474,6 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
-    /**
-     * Обработчик клика по option
-     */
-    onOptionClick?: () => void;
     /**
      * Дополнительные данные
      */

package/picker-button/esm/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-6062b39e";
+import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/esm/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-6062b39e";
-import { OptionProps as BaseOptionProps } from "../typings-6062b39e";
+import { OptionShape } from "../typings-5e1b8383";
+import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/picker-button/{modern/typings-6062b39e.d.ts → esm/typings-5e1b8383.d.ts}

@@ -474,10 +474,6 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
-    /**
-     * Обработчик клика по option
-     */
-    onOptionClick?: () => void;
     /**
      * Дополнительные данные
      */