@moysklad/uikit 30.4.0 → 31.20.0

package/dist/components/LabelValueLink/ValueBlock/LabelValueLinkValueBlock.js

@@ -0,0 +1,117 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { getOptionalTestId } from "../../../common/index.js";
+import { mergeRefs } from "../../../common/react/mergeRefs.js";
+import { useValueBlock } from "../../LabelValue/hooks/useValueBlock.js";
+import { ValueBlockWrapper } from "../../LabelValue/ValueBlockWrapper.js";
+import { ValueIcon } from "../../LabelValue/ValueIcon.js";
+import { ValueText } from "../../LabelValue/ValueText.js";
+import { ValueTextWithHint } from "../../LabelValue/ValueTextWithHint.js";
+import LabelValueLinkValueBlock_module from "./LabelValueLinkValueBlock.module.js";
+const getValueTextVariant = (args)=>{
+    if (args.error) return 'critical';
+    if (args.disabled) return 'primary';
+    return 'buttonPrimary';
+};
+const LabelValueLinkValueBlock = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const forceHintShowRef = useRef(null);
+    const { isValueHintForceDisplayed, valueBlockInnerRef, valueTooltip, handleBlur, handleFocus, onHintVisibilityChange, icon, isHintVisible } = useValueBlock({
+        value: props.value,
+        forceHideTooltip: props.forceHideTooltip,
+        onBlur: props.onBlur,
+        onFocus: props.onFocus,
+        error: props.error,
+        isCustomValueBlock: !!props.valueBlockContent,
+        renderIcon: props.renderIcon,
+        disabled: props.disabled,
+        forceHintShowRef
+    });
+    const eventHandlers = {
+        onFocus: handleFocus,
+        onBlur: handleBlur
+    };
+    const defaultKeyDownHandlers = {
+        onKeyUp: props.onValueKeyUp,
+        onKeyDown: props.onValueKeyDown
+    };
+    const handleOpenLink = (e)=>{
+        if ('Space' === e.code || 'Enter' === e.code) {
+            e.preventDefault();
+            window.open(props.value, '_blank');
+        }
+    };
+    const isLinkDisabled = props.isDefaultValue || props.error;
+    const keyDownHandlers = isLinkDisabled ? defaultKeyDownHandlers : {
+        onKeyDown: handleOpenLink
+    };
+    const valueText = /*#__PURE__*/ jsx(ValueText, {
+        ...keyDownHandlers,
+        ...eventHandlers,
+        as: "a",
+        target: "_blank",
+        className: LabelValueLinkValueBlock_module.valueText,
+        tabIndex: icon ? 0 : -1,
+        ref: mergeRefs([
+            valueTooltip.ref,
+            forwardedRef,
+            valueBlockInnerRef
+        ]),
+        colorVariant: getValueTextVariant({
+            disabled: props.disabled && props.isDefaultValue,
+            error: props.error,
+            isEmpty: props.isEmpty
+        }),
+        testId: props.testId,
+        href: props.isDefaultValue || props.error ? void 0 : props.value,
+        onClick: (e)=>{
+            if (props.error) return;
+            if (!props.isDefaultValue && !props.disabled) e.stopPropagation();
+        },
+        value: props.value,
+        onMouseDown: (e)=>e.preventDefault()
+    });
+    const valueIcon = /*#__PURE__*/ jsx(ValueIcon, {
+        ...props.isDefaultValue ? {} : defaultKeyDownHandlers,
+        children: icon
+    });
+    const isShowLabelTooltip = ()=>(props.isNeedShowLabelTooltip?.() && isValueHintForceDisplayed) ?? false;
+    if (props.valueBlockContent) return props.valueBlockContent({
+        valueNode: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                valueText,
+                valueIcon
+            ]
+        }),
+        isLabelOverflow: props.needShowLabelTooltip ?? false,
+        valueBlockRef: forwardedRef,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        onKeyDown: (event)=>props.onValueKeyDown?.(event),
+        onKeyUp: (event)=>props.onValueKeyUp?.(event),
+        getIsLabelOverflow: isShowLabelTooltip
+    });
+    const wrapperHandlers = !icon && keyDownHandlers;
+    const disableFocus = props.isDefaultValue && props.disabled;
+    return /*#__PURE__*/ jsxs(ValueBlockWrapper, {
+        testId: getOptionalTestId(props.testId, 'value-block'),
+        tabIndex: icon || disableFocus ? -1 : 0,
+        ref: forceHintShowRef,
+        ...wrapperHandlers,
+        ...eventHandlers,
+        children: [
+            /*#__PURE__*/ jsx(ValueTextWithHint, {
+                isHintVisible: isHintVisible,
+                label: props.label,
+                value: props.value,
+                onHintVisibilityChange: onHintVisibilityChange,
+                testId: props.testId,
+                hintTextClassName: LabelValueLinkValueBlock_module.hintText,
+                isShowLabelTooltip: isShowLabelTooltip,
+                children: valueText
+            }),
+            icon ? valueIcon : null
+        ]
+    });
+});
+LabelValueLinkValueBlock.displayName = 'LabelValueLinkValueBlock';
+export { LabelValueLinkValueBlock };

package/dist/components/LabelValueLink/ValueBlock/LabelValueLinkValueBlock.module.js

@@ -0,0 +1,6 @@
+import "./LabelValueLinkValueBlock_module.css";
+const LabelValueLinkValueBlock_module = {
+    valueText: "valueText-vUIqxN",
+    hintText: "hintText-h325xp"
+};
+export default LabelValueLinkValueBlock_module;

package/dist/components/LabelValueLink/ValueBlock/LabelValueLinkValueBlock_module.css

@@ -0,0 +1,8 @@
+.valueText-vUIqxN {
+  text-decoration: none;
+}
+
+.hintText-h325xp {
+  word-break: break-all;
+}
+

package/dist/components/LabelValueLink/normalizeLinkValue.d.ts

@@ -0,0 +1 @@
+export declare const normalizeLinkValue: (value?: string) => string | undefined;

package/dist/components/LabelValueLink/normalizeLinkValue.js

@@ -0,0 +1,10 @@
+const PROTOCOL = {
+    HTTPS: 'https://',
+    HTTP: 'http://'
+};
+const normalizeLinkValue = (value)=>{
+    if (!value) return value;
+    if (value.startsWith(PROTOCOL.HTTP) || value.startsWith(PROTOCOL.HTTPS)) return value;
+    return `${PROTOCOL.HTTPS}${value}`;
+};
+export { normalizeLinkValue };

package/dist/components/LabelValueLink/useLinkDropdownValue.d.ts

@@ -0,0 +1,15 @@
+import { type ChangeEvent, type ChangeEventHandler } from 'react';
+/**
+ * Локальное значение поля в дропдауне для ссылки: синх с пропом и нормализация при сабмите.
+ */
+type Props = {
+    value: string | undefined;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+};
+export declare const useLinkDropdownValue: ({ value, onChange }: Props) => {
+    dropdownValue: string | undefined;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    submitNormalized: () => void;
+    synchronize: () => void;
+};
+export {};

package/dist/components/LabelValueLink/useLinkDropdownValue.js

@@ -0,0 +1,26 @@
+import { useCallback, useState } from "react";
+import { normalizeLinkValue } from "./normalizeLinkValue.js";
+const useLinkDropdownValue = ({ value, onChange })=>{
+    const [dropdownValue, setDropdownValue] = useState(value);
+    const synchronize = useCallback(()=>{
+        setDropdownValue(normalizeLinkValue(value));
+    }, [
+        value
+    ]);
+    const handleChange = useCallback((event)=>{
+        setDropdownValue(event.target.value ?? '');
+        onChange?.(event);
+    }, [
+        onChange
+    ]);
+    const submitNormalized = ()=>{
+        setDropdownValue(normalizeLinkValue(dropdownValue));
+    };
+    return {
+        dropdownValue,
+        handleChange,
+        submitNormalized,
+        synchronize
+    };
+};
+export { useLinkDropdownValue };

package/dist/components/LabelValueSelect/Input/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
 import { cn } from "../../../common/css/index.js";
 import { mergeRefs } from "../../../common/react/mergeRefs.js";
-import { Info } from "../../Info/Info.js";
+import { Info } from "../../_shared/Info/Info.js";
 import { Label } from "../../Label/Label.js";
 import { useId } from "../../../hooks/index.js";
 import { Edit12Icon, RemoveClose12Icon } from "../../../icon/index.js";

package/dist/components/LabelValueSelect/LabelValueSelect.d.ts

@@ -1,11 +1,12 @@
 import { type ReactNode } from 'react';
 import { type ISelectOption, type SelectProps } from '../Select/Select';
-import { type SharedLabelValueProps, type ValueBlockContentArgs } from '../LabelValue/LabelValue';
+import { type SharedLabelValueProps } from '../LabelValue/LabelValue';
+import type { ValueBlockContentArgs } from '../LabelValue/types';
 import { type LabelValueRenderDropdownContantOptions } from './DropdownContent';
 export interface SelectValueBlockContentArgs<T = unknown> extends ValueBlockContentArgs {
     value?: ISelectOption<T>;
 }
-type PickedSelectProps<T> = Pick<SelectProps<T>, 'renderOption' | 'addButtonText' | 'dropdownZIndex' | 'dropdownClassName' | 'dropdownStyle' | 'dropdownOffsetX' | 'dropdownOffsetY' | 'emptyText' | 'isLoading' | 'isSearchDebounced' | 'searchDebounceTimeout' | 'loadingText' | 'optionClassName' | 'value' | 'options' | 'isArchived' | 'isOptionEllipsis' | 'onDropdownToggle' | 'closeOnSelect' | 'isOptionEllipsis'>;
+type PickedSelectProps<T> = Pick<SelectProps<T>, 'renderOption' | 'addButtonText' | 'dropdownZIndex' | 'dropdownClassName' | 'dropdownStyle' | 'dropdownOffsetX' | 'dropdownOffsetY' | 'emptyText' | 'isLoading' | 'isSearchDebounced' | 'searchDebounceTimeout' | 'loadingText' | 'optionClassName' | 'value' | 'options' | 'isOptionEllipsis' | 'onDropdownToggle' | 'closeOnSelect' | 'isOptionEllipsis'>;
 export interface LabelValueSelectProps<T = unknown> extends Omit<SharedLabelValueProps, 'onChange' | 'onDropdownClose'>, PickedSelectProps<T> {
     onChange?: (option: ISelectOption<T>) => void;
     dropdownEmptyText?: string;
@@ -13,6 +14,7 @@ export interface LabelValueSelectProps<T = unknown> extends Omit<SharedLabelValu
     placeholder?: string;
     disableSearch?: boolean;
     archiveText?: string;
+    isArchived?: boolean;
     valueBlockContent?: (args: SelectValueBlockContentArgs<T>) => ReactNode;
     onEditClick?: (searchText: string) => void;
     onCreateClick?: (searchText: string) => void;

package/dist/components/Layout/Layout.d.ts

@@ -0,0 +1,13 @@
+import { type FC, type ReactNode } from 'react';
+import type { IHasTestId } from '../../common';
+export interface LayoutProps extends IHasTestId {
+    header?: ReactNode;
+    contentHeader?: ReactNode;
+    aside?: ReactNode;
+    content?: ReactNode;
+    fullWidth?: boolean;
+    stickyContentHeader?: boolean;
+    showLargePaddingBottom?: boolean;
+    bgColor?: 'white';
+}
+export declare const Layout: FC<LayoutProps>;

package/dist/components/Layout/Layout.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../common/index.js";
+import Layout_module from "./Layout.module.js";
+const Layout = ({ testId, header = null, contentHeader = null, aside = null, content = null, fullWidth = false, stickyContentHeader = false, showLargePaddingBottom = false, bgColor })=>/*#__PURE__*/ jsxs("div", {
+        className: cn(Layout_module.mainWrap, bgColor && Layout_module[bgColor]),
+        "data-test-id": testId,
+        children: [
+            /*#__PURE__*/ jsx("header", {
+                className: Layout_module.header,
+                "data-test-id": testId ? `${testId}-header` : void 0,
+                children: header
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: cn(Layout_module.body, fullWidth && Layout_module.bodyFull, showLargePaddingBottom && Layout_module.pBLarge),
+                children: [
+                    contentHeader && /*#__PURE__*/ jsx("header", {
+                        className: cn(Layout_module.contentHeader, stickyContentHeader && Layout_module.stickyContentHeader),
+                        "data-test-id": testId ? `${testId}-contentHeader` : void 0,
+                        children: contentHeader
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: Layout_module.main,
+                        children: [
+                            aside && /*#__PURE__*/ jsx("aside", {
+                                className: Layout_module.aside,
+                                "data-test-id": testId ? `${testId}-aside` : void 0,
+                                children: aside
+                            }),
+                            /*#__PURE__*/ jsx("main", {
+                                className: Layout_module.content,
+                                "data-test-id": testId ? `${testId}-content` : void 0,
+                                children: content
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+export { Layout };

package/dist/components/Layout/Layout.module.js

@@ -0,0 +1,15 @@
+import "./Layout_module.css";
+const Layout_module = {
+    mainWrap: "mainWrap-JLBf3u",
+    white: "white-nNMpTy",
+    header: "header-kLeLQu",
+    body: "body-PmmRSC",
+    bodyFull: "bodyFull-mcyirc",
+    pBLarge: "pBLarge-fg0fvb",
+    contentHeader: "contentHeader-pB7tPR",
+    stickyContentHeader: "stickyContentHeader-PISsux",
+    main: "main-rrgu1Q",
+    aside: "aside-ztLelP",
+    content: "content-XWW4aN"
+};
+export default Layout_module;

package/dist/components/Layout/Layout_module.css

@@ -0,0 +1,77 @@
+.mainWrap-JLBf3u {
+  --layout-bg-color: var(--bgd-secondary);
+  background-color: var(--layout-bg-color);
+  box-sizing: border-box;
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  width: 100%;
+  min-width: 1200px;
+  min-height: 100dvh;
+  display: flex;
+}
+
+.white-nNMpTy {
+  --layout-bg-color: var(--bgd-white);
+}
+
+.header-kLeLQu {
+  background-color: var(--layout-bg-color);
+  z-index: 3;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.body-PmmRSC {
+  box-sizing: border-box;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  max-width: 1640px;
+  padding: 0 20px 32px;
+  display: flex;
+}
+
+.bodyFull-mcyirc {
+  max-width: 100%;
+}
+
+.pBLarge-fg0fvb {
+  padding-bottom: 100px;
+}
+
+.contentHeader-pB7tPR {
+  background-color: var(--layout-bg-color);
+  flex-direction: row;
+  width: 100%;
+  padding: 20px 0;
+  display: flex;
+}
+
+.stickyContentHeader-PISsux {
+  z-index: 2;
+  position: sticky;
+  top: 0;
+}
+
+.main-rrgu1Q {
+  flex-direction: row;
+  flex: 1;
+  gap: 20px;
+  width: 100%;
+  display: flex;
+}
+
+.aside-ztLelP {
+  flex-direction: column;
+  width: 280px;
+  display: flex;
+}
+
+.content-XWW4aN {
+  flex-direction: column;
+  flex: 1;
+  gap: 20px;
+  display: flex;
+}
+

package/dist/components/Link/Link.d.ts

@@ -1,8 +1,7 @@
-import React, { type AnchorHTMLAttributes } from 'react';
-import { type TextAtomProps } from '../Text/Text.atom';
-export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & TextAtomProps & {
+import { ClickableTag, type ClickableTagValue, type PolymorphicClickableProps } from '../_shared/utils/polymorphicClickableTypes';
+import type { TextAtomProps } from '../Text/Text.atom';
+export type LinkOwnProps = TextAtomProps & {
     disabled?: boolean;
 };
-export declare const Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & TextAtomProps & {
-    disabled?: boolean;
-} & React.RefAttributes<HTMLAnchorElement>>;
+export type LinkProps<As extends ClickableTagValue = typeof ClickableTag.a> = PolymorphicClickableProps<LinkOwnProps, As>;
+export declare const Link: import("../_shared/utils/polymorphicClickableTypes").ClickableComponent<LinkOwnProps, "a">;

package/dist/components/Link/Link.js

@@ -1,22 +1,48 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { createElement } from "react";
 import { cn } from "../../common/css/cn.js";
-import { TextTag, TextVariant } from "../Text/Text.js";
-import { TextAtom } from "../Text/Text.atom.js";
+import { ClickableTag, polymorphicClickableRef } from "../_shared/utils/polymorphicClickableTypes.js";
+import { TextVariant } from "../Text/Text.js";
+import { getClassByVariant } from "../Text/tokens/variants/textVariant.js";
 import Link_module from "./Link.module.js";
-const Link = /*#__PURE__*/ forwardRef(({ variant = TextVariant.body, className, children, href, disabled, onClick, ...restProps }, ref)=>{
+import Text_atom_module from "../Text/Text.atom.module.js";
+const ClickableTextAtom = polymorphicClickableRef((props, ref)=>{
+    const { as: elementProp = ClickableTag.a, variant = TextVariant.body, preline, testId, className, children, ...restProps } = props;
+    const element = elementProp;
+    return /*#__PURE__*/ createElement(element, {
+        'data-test-id': testId,
+        className: cn(Text_atom_module.text, getClassByVariant(variant), preline && Text_atom_module.preLine, className),
+        ref,
+        ...restProps
+    }, children);
+});
+ClickableTextAtom.displayName = 'ClickableTextAtom';
+const Link = polymorphicClickableRef((props, ref)=>{
+    const { as: elementProp = ClickableTag.a, variant = TextVariant.body, className, children, disabled, onClick, href, ...rest } = props;
+    const element = elementProp;
+    const isAnchor = element === ClickableTag.a;
     const handleClick = (e)=>{
-        if (disabled) return e.preventDefault();
+        if (disabled) {
+            if (isAnchor) e.preventDefault();
+            return;
+        }
         if ('function' != typeof onClick) return;
         return onClick(e);
     };
-    return /*#__PURE__*/ jsx(TextAtom, {
-        ...restProps,
+    const tagSpecificProps = isAnchor ? {
         href: disabled ? void 0 : href,
+        'aria-disabled': disabled || void 0
+    } : {
+        type: rest.type ?? 'button',
+        disabled
+    };
+    return /*#__PURE__*/ jsx(ClickableTextAtom, {
+        ...rest,
+        ...tagSpecificProps,
         ref: ref,
         variant: variant,
-        as: TextTag.a,
-        className: cn(Link_module.link, disabled && Link_module.linkDisabled, className),
+        as: element,
+        className: cn(Link_module.link, !isAnchor && Link_module.linkButtonReset, disabled && Link_module.linkDisabled, className),
         onClick: handleClick,
         children: children
     });

package/dist/components/Link/Link.module.js

@@ -1,6 +1,7 @@
 import "./Link_module.css";
 const Link_module = {
     link: "link-ALIkeV",
+    linkButtonReset: "linkButtonReset-Q4HSqs",
     linkDisabled: "linkDisabled-TARqlL"
 };
 export default Link_module;

package/dist/components/Link/Link_module.css

@@ -12,6 +12,15 @@
   color: var(--product-blue-600);
 }
 
+.linkButtonReset-Q4HSqs {
+  cursor: pointer;
+  text-align: inherit;
+  background: none;
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
 .linkDisabled-TARqlL:hover, .linkDisabled-TARqlL:active, .linkDisabled-TARqlL {
   color: #797979;
   text-decoration: none;

package/dist/components/MentionsTextfield/Mentions/style.css

@@ -33,7 +33,7 @@
   width: 420px;
   max-height: 428px;
   margin: 0;
-  padding: 16px;
+  padding: 4px;
   list-style: none;
   position: absolute;
   overflow: hidden auto;
@@ -51,12 +51,8 @@
   padding: 0;
 }
 
-.lognex-uikit-mentions-dropdown-menu-item:not(:last-child) {
-  margin-bottom: 4px;
-}
-
 .lognex-uikit-mentions-dropdown-menu-item-active {
-  background-color: var(--light-grey-100);
+  background-color: var(--elements-bg-hover, #f1f4f9);
   border-radius: 8px;
 }
 

package/dist/components/MentionsTextfield/MentionsTextfield.js

@@ -11,7 +11,7 @@ import { useTextField } from "../../hooks/useTextField/useTextField.js";
 import { Mentions } from "./Mentions/Mentions.js";
 import Textfield_module from "../Textfield/Textfield.module.js";
 import { cn } from "../../common/index.js";
-const MentionsTextfield = /*#__PURE__*/ forwardRef(({ testId, tabIndex, className, label, info, required, error, help, disabled, resize, style, value, limit, showCounterLimit, autoVerticalResize = false, resetHeightOnClear = false, minHeight: minHeightProp, maxHeight, rows, size = TextfieldSize.M, onFocus, onBlur, onChange, onMainBtnClick, onEmojiBtnClick, isFileBtnVisible, mainBtnIcon, emojiBtnIcon, fileBtnIcon, fileUploaderProps, resizeTop = false, resizeBottom = false, fitContentHeightOnInit = false, actionsBar, ...textfieldProps }, forwardedRef)=>{
+const MentionsTextfield = /*#__PURE__*/ forwardRef(({ testId, tabIndex, className, label, info, required, error, help, disabled, resize, style, value, limit, showCounterLimit, autoVerticalResize = false, resetHeightOnClear = false, minHeight: minHeightProp, maxHeight, rows, size = TextfieldSize.M, onFocus, onBlur, onChange, onMainBtnClick, onEmojiBtnClick, isFileBtnVisible, mainBtnIcon, emojiBtnIcon, fileBtnIcon, fileUploaderProps, resizeTop = false, resizeBottom = false, fitContentHeightOnInit = false, actionsBar, helpProps, ...textfieldProps }, forwardedRef)=>{
     const textfieldId = useId(textfieldProps.id);
     const ref = useRef(null);
     const innerRef = forwardedRef || ref;
@@ -44,6 +44,7 @@ const MentionsTextfield = /*#__PURE__*/ forwardRef(({ testId, tabIndex, classNam
         info: info,
         hasHelp: !!help,
         size: size,
+        helpProps: helpProps,
         children: /*#__PURE__*/ jsx(InnerContainer, {
             withHelp: !!help,
             popup: help,

package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip.d.ts

@@ -0,0 +1,8 @@
+import { type IHasTestId } from '../../../common/types';
+interface AllSelectedChipProps extends IHasTestId {
+    label: string;
+    className?: string;
+    disabled?: boolean;
+}
+export declare const AllSelectedChip: (props: AllSelectedChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../common/css/cn.js";
+import { Chip } from "../../Chip/Chip.js";
+import AllSelectedChip_module from "./AllSelectedChip.module.js";
+const AllSelectedChip = (props)=>/*#__PURE__*/ jsx(Chip, {
+        selected: true,
+        label: props.label,
+        disabled: props.disabled,
+        tabIndex: -1,
+        className: cn(props.className, AllSelectedChip_module.nonInteractive),
+        testId: props.testId
+    });
+export { AllSelectedChip };

package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip.module.js

@@ -0,0 +1,5 @@
+import "./AllSelectedChip_module.css";
+const AllSelectedChip_module = {
+    nonInteractive: "nonInteractive-TiKaBZ"
+};
+export default AllSelectedChip_module;

package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip_module.css

@@ -0,0 +1,9 @@
+.nonInteractive-TiKaBZ {
+  pointer-events: none;
+  cursor: default;
+}
+
+.nonInteractive-TiKaBZ:focus, .nonInteractive-TiKaBZ:focus-visible {
+  box-shadow: none;
+}
+

package/dist/components/Multiselect/DropdownContent/MultiselectDropdownContent.d.ts

@@ -1,5 +1,5 @@
 import React, { type Key, type KeyboardEventHandler, type ReactNode, type Ref } from 'react';
-import { type DropdownItem, type RenderSelectedItem } from '../types';
+import { type AllSelectedChipTextVariant, type DropdownItem, type GetAllSelectedChipText, type RenderSelectedItem } from '../types';
 export interface RenderContentParams {
     options: ReactNode;
     input: ReactNode;
@@ -20,6 +20,17 @@ export interface MultiselectDropdownContentProps<T extends Key, DTO = any> {
      * @example (count) => `выбрано ${count} элементов`
      */
     getManyItemsChipText?: (itemsCount: number) => string;
+    /**
+     *
+     * коллбэк для определения текста для невлезающих элементов, отображаемого в строке поиска
+     * при выборе большого количества элементов
+     *
+     * @param itemsCount количество оставшихся элементов которые не влезли
+     * @example (count) => `еще ${count}...`
+     */
+    getOtherText?: (itemsCount: number) => string;
+    allSelectedChipTextVariant?: AllSelectedChipTextVariant;
+    getAllSelectedChipText?: GetAllSelectedChipText;
     /**
      *
      * коллбэк для определения текста, отображаемого при остутствии элемента при фильтрации