@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/AutoCompleteCanary/AutoCompleteTypeTextArray/index.d.ts

@@ -1 +1 @@
-export * from './AutoCompleteTypeTextArray';
+export * from './AutoCompleteTypeTextArray';

package/__internal__/src/components/AutoCompleteCanary/helpers.d.ts

@@ -1,47 +1,47 @@
-/// <reference types="react" />
-import { AutoCompleteGroupDefault, AutoCompleteItemDefault, AutoCompletePropGetGroupId, AutoCompletePropGetGroupLabel, AutoCompletePropGetItemGroupId, AutoCompletePropGetItemKey, AutoCompletePropGetItemLabel, AutoCompleteProps } from './types';
-export declare const defaultGetItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault>;
-export declare const defaultGetItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>;
-export declare const defaultGetItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault>;
-export declare const defaultGetGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault>;
-export declare const defaultGetGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault>;
-export declare function withDefaultGetters<TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault>(props: AutoCompleteProps<TYPE, ITEM, GROUP>): (TYPE extends "textarray" ? Omit<import("../TextFieldCanary").TextFieldProps<"textarray">, "type" | "onChange"> : Omit<import("../TextFieldCanary").TextFieldProps<string>, "type" | "onChange">) & {
-    type?: TYPE | undefined;
-    onChange?: import("./types").AutoCompletePropOnChange<TYPE> | undefined;
-    items?: ITEM[] | undefined;
-    groups?: GROUP[] | undefined;
-    renderItem?: import("../Select").PropRenderItem<ITEM> | undefined;
-    dropdownClassName?: string | undefined;
-    dropdownForm?: import("./types").AutoCompletePropDropdownForm | undefined;
-    isLoading?: boolean | undefined;
-    searchFunction?: import("./types").AutoCompletePropSearchFunction<ITEM> | undefined;
-    dropdownRef?: import("react").RefObject<HTMLDivElement> | undefined;
-    getItemLabel?: AutoCompletePropGetItemLabel<ITEM> | undefined;
-    getItemKey?: AutoCompletePropGetItemKey<ITEM> | undefined;
-    getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM> | undefined;
-    getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP> | undefined;
-    getGroupKey?: AutoCompletePropGetGroupId<GROUP> | undefined;
-    virtualScroll?: boolean | undefined;
-    onScrollToBottom?: ((lenght: number) => void) | undefined;
-    onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
-    dropdownOpen?: boolean | undefined;
-    ignoreOutsideClicksRefs?: readonly import("react").RefObject<HTMLElement>[] | undefined;
-} & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: AutoCompletePropGetItemLabel<ITEM>;
-}) & (GROUP extends {
-    label: string;
-} ? {} : {
-    getGroupLabel: AutoCompletePropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: string | number;
-} ? {} : {
-    getGroupKey: AutoCompletePropGetGroupId<GROUP>;
-}) & {
-    getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault> | AutoCompletePropGetItemLabel<ITEM>;
-    getItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault> | AutoCompletePropGetItemKey<ITEM>;
-    getItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault> | AutoCompletePropGetItemGroupId<ITEM>;
-    getGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault> | AutoCompletePropGetGroupLabel<GROUP>;
-    getGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault> | AutoCompletePropGetGroupId<GROUP>;
-};
+/// <reference types="react" />
+import { AutoCompleteGroupDefault, AutoCompleteItemDefault, AutoCompletePropGetGroupId, AutoCompletePropGetGroupLabel, AutoCompletePropGetItemGroupId, AutoCompletePropGetItemKey, AutoCompletePropGetItemLabel, AutoCompleteProps } from './types';
+export declare const defaultGetItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault>;
+export declare const defaultGetItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>;
+export declare const defaultGetItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault>;
+export declare const defaultGetGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault>;
+export declare const defaultGetGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault>;
+export declare function withDefaultGetters<TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault>(props: AutoCompleteProps<TYPE, ITEM, GROUP>): (TYPE extends "textarray" ? Omit<import("../TextFieldCanary").TextFieldProps<"textarray">, "type" | "onChange"> : Omit<import("../TextFieldCanary").TextFieldProps<string>, "type" | "onChange">) & {
+    type?: TYPE | undefined;
+    onChange?: import("./types").AutoCompletePropOnChange<TYPE> | undefined;
+    items?: ITEM[] | undefined;
+    groups?: GROUP[] | undefined;
+    renderItem?: import("../Select").PropRenderItem<ITEM> | undefined;
+    dropdownClassName?: string | undefined;
+    dropdownForm?: import("./types").AutoCompletePropDropdownForm | undefined;
+    isLoading?: boolean | undefined;
+    searchFunction?: import("./types").AutoCompletePropSearchFunction<ITEM> | undefined;
+    dropdownRef?: import("react").RefObject<HTMLDivElement> | undefined;
+    getItemLabel?: AutoCompletePropGetItemLabel<ITEM> | undefined;
+    getItemKey?: AutoCompletePropGetItemKey<ITEM> | undefined;
+    getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM> | undefined;
+    getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP> | undefined;
+    getGroupKey?: AutoCompletePropGetGroupId<GROUP> | undefined;
+    virtualScroll?: boolean | undefined;
+    onScrollToBottom?: ((length: number) => void) | undefined;
+    onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
+    dropdownOpen?: boolean | undefined;
+    ignoreOutsideClicksRefs?: readonly import("react").RefObject<HTMLElement>[] | undefined;
+} & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: AutoCompletePropGetItemLabel<ITEM>;
+}) & (GROUP extends {
+    label: string;
+} ? {} : {
+    getGroupLabel: AutoCompletePropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: string | number;
+} ? {} : {
+    getGroupKey: AutoCompletePropGetGroupId<GROUP>;
+}) & {
+    getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault> | AutoCompletePropGetItemLabel<ITEM>;
+    getItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault> | AutoCompletePropGetItemKey<ITEM>;
+    getItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault> | AutoCompletePropGetItemGroupId<ITEM>;
+    getGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault> | AutoCompletePropGetGroupLabel<GROUP>;
+    getGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault> | AutoCompletePropGetGroupId<GROUP>;
+};

package/__internal__/src/components/AutoCompleteCanary/index.d.ts

@@ -1,2 +1,2 @@
-export * from './AutoComplete';
-export * from './types';
+export * from './AutoComplete';
+export * from './types';

package/__internal__/src/components/AutoCompleteCanary/types.d.ts

@@ -1,58 +1,58 @@
-import React from 'react';
-import { PropRenderItem } from "../Select";
-import { TextFieldProps } from "../TextFieldCanary";
-export declare type AutoCompleteItemDefault = {
-    id: string | number;
-    label: string;
-    groupId?: number;
-};
-export declare type AutoCompleteGroupDefault = {
-    label: string;
-    id: number | string;
-};
-export declare type AutoCompletePropDropdownForm = 'default' | 'brick' | 'round';
-export declare type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type AutoCompletePropGetItemGroupId<ITEM> = (item: ITEM) => number | undefined;
-export declare type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;
-export declare type AutoCompletePropGetGroupId<GROUP> = (group: GROUP) => number | string;
-export declare type AutoCompletePropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
-export declare type AutoCompletePropOnChange<TYPE extends string> = (value: TYPE extends 'textarray' ? string[] | null : string | null, props: {
-    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
-}) => void;
-export declare type AutoCompleteProps<TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault> = (TYPE extends 'textarray' ? Omit<TextFieldProps<'textarray'>, 'onChange' | 'type'> : Omit<TextFieldProps<string>, 'onChange' | 'type'>) & {
-    type?: TYPE;
-    onChange?: AutoCompletePropOnChange<TYPE>;
-    items?: ITEM[];
-    groups?: GROUP[];
-    renderItem?: PropRenderItem<ITEM>;
-    dropdownClassName?: string;
-    dropdownForm?: AutoCompletePropDropdownForm;
-    isLoading?: boolean;
-    searchFunction?: AutoCompletePropSearchFunction<ITEM>;
-    dropdownRef?: React.RefObject<HTMLDivElement>;
-    getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;
-    getItemKey?: AutoCompletePropGetItemKey<ITEM>;
-    getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;
-    getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;
-    getGroupKey?: AutoCompletePropGetGroupId<GROUP>;
-    virtualScroll?: boolean;
-    onScrollToBottom?: (lenght: number) => void;
-    onDropdownOpen?: (isOpen: boolean) => void;
-    dropdownOpen?: boolean;
-    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
-} & (ITEM extends {
-    label: AutoCompleteItemDefault['label'];
-} ? {} : {
-    getItemLabel: AutoCompletePropGetItemLabel<ITEM>;
-}) & (GROUP extends {
-    label: AutoCompleteGroupDefault['label'];
-} ? {} : {
-    getGroupLabel: AutoCompletePropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: AutoCompleteGroupDefault['id'];
-} ? {} : {
-    getGroupKey: AutoCompletePropGetGroupId<GROUP>;
-});
-export declare type AutoCompleteComponent = <TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault>(props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement | null;
-export declare type AutoCompleteTypeComponent<TYPE extends string = string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault> = (props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement | null;
+import React from 'react';
+import { PropRenderItem } from "../Select";
+import { TextFieldProps } from "../TextFieldCanary";
+export declare type AutoCompleteItemDefault = {
+    id: string | number;
+    label: string;
+    groupId?: number;
+};
+export declare type AutoCompleteGroupDefault = {
+    label: string;
+    id: number | string;
+};
+export declare type AutoCompletePropDropdownForm = 'default' | 'brick' | 'round';
+export declare type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type AutoCompletePropGetItemGroupId<ITEM> = (item: ITEM) => number | undefined;
+export declare type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;
+export declare type AutoCompletePropGetGroupId<GROUP> = (group: GROUP) => number | string;
+export declare type AutoCompletePropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
+export declare type AutoCompletePropOnChange<TYPE extends string> = (value: TYPE extends 'textarray' ? string[] | null : string | null, props: {
+    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
+}) => void;
+export declare type AutoCompleteProps<TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault> = (TYPE extends 'textarray' ? Omit<TextFieldProps<'textarray'>, 'onChange' | 'type'> : Omit<TextFieldProps<string>, 'onChange' | 'type'>) & {
+    type?: TYPE;
+    onChange?: AutoCompletePropOnChange<TYPE>;
+    items?: ITEM[];
+    groups?: GROUP[];
+    renderItem?: PropRenderItem<ITEM>;
+    dropdownClassName?: string;
+    dropdownForm?: AutoCompletePropDropdownForm;
+    isLoading?: boolean;
+    searchFunction?: AutoCompletePropSearchFunction<ITEM>;
+    dropdownRef?: React.RefObject<HTMLDivElement>;
+    getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;
+    getItemKey?: AutoCompletePropGetItemKey<ITEM>;
+    getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;
+    getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;
+    getGroupKey?: AutoCompletePropGetGroupId<GROUP>;
+    virtualScroll?: boolean;
+    onScrollToBottom?: (length: number) => void;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+} & (ITEM extends {
+    label: AutoCompleteItemDefault['label'];
+} ? {} : {
+    getItemLabel: AutoCompletePropGetItemLabel<ITEM>;
+}) & (GROUP extends {
+    label: AutoCompleteGroupDefault['label'];
+} ? {} : {
+    getGroupLabel: AutoCompletePropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: AutoCompleteGroupDefault['id'];
+} ? {} : {
+    getGroupKey: AutoCompletePropGetGroupId<GROUP>;
+});
+export declare type AutoCompleteComponent = <TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault>(props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement | null;
+export declare type AutoCompleteTypeComponent<TYPE extends string = string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault> = (props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement | null;

package/__internal__/src/components/AutoCompleteCanary/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/AutoCompleteCanary/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { TextFieldProps } from '##/components/TextFieldCanary';\n\nexport type AutoCompleteItemDefault = {\n  id: string | number;\n  label: string;\n  groupId?: number;\n};\n\nexport type AutoCompleteGroupDefault = {\n  label: string;\n  id: number | string;\n};\n\nexport type AutoCompletePropDropdownForm = 'default' | 'brick' | 'round';\n\nexport type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type AutoCompletePropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\nexport type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type AutoCompletePropGetGroupId<GROUP> = (\n  group: GROUP,\n) => number | string;\n\nexport type AutoCompletePropSearchFunction<ITEM> = (\n  item: ITEM,\n  searchValue: string,\n) => boolean;\n\nexport type AutoCompletePropOnChange<TYPE extends string> = (\n  value: TYPE extends 'textarray' ? string[] | null : string | null,\n  props: {\n    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\nexport type AutoCompleteProps<\n  TYPE extends string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n> = (TYPE extends 'textarray'\n  ? Omit<TextFieldProps<'textarray'>, 'onChange' | 'type'>\n  : Omit<TextFieldProps<string>, 'onChange' | 'type'>) & {\n  type?: TYPE;\n  onChange?: AutoCompletePropOnChange<TYPE>;\n  items?: ITEM[];\n  groups?: GROUP[];\n  renderItem?: PropRenderItem<ITEM>;\n  dropdownClassName?: string;\n  dropdownForm?: AutoCompletePropDropdownForm;\n  isLoading?: boolean;\n  searchFunction?: AutoCompletePropSearchFunction<ITEM>;\n  dropdownRef?: React.RefObject<HTMLDivElement>;\n  getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;\n  getItemKey?: AutoCompletePropGetItemKey<ITEM>;\n  getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;\n  getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;\n  getGroupKey?: AutoCompletePropGetGroupId<GROUP>;\n  virtualScroll?: boolean;\n  onScrollToBottom?: (lenght: number) => void;\n  onDropdownOpen?: (isOpen: boolean) => void;\n  dropdownOpen?: boolean;\n  ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n} & (ITEM extends { label: AutoCompleteItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: AutoCompletePropGetItemLabel<ITEM>;\n      }) &\n  (GROUP extends { label: AutoCompleteGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: AutoCompletePropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: AutoCompleteGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: AutoCompletePropGetGroupId<GROUP> });\n\nexport type AutoCompleteComponent = <\n  TYPE extends string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n>(\n  props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type AutoCompleteTypeComponent<\n  TYPE extends string = string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n> = (props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/AutoCompleteCanary/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { TextFieldProps } from '##/components/TextFieldCanary';\n\nexport type AutoCompleteItemDefault = {\n  id: string | number;\n  label: string;\n  groupId?: number;\n};\n\nexport type AutoCompleteGroupDefault = {\n  label: string;\n  id: number | string;\n};\n\nexport type AutoCompletePropDropdownForm = 'default' | 'brick' | 'round';\n\nexport type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type AutoCompletePropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\nexport type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type AutoCompletePropGetGroupId<GROUP> = (\n  group: GROUP,\n) => number | string;\n\nexport type AutoCompletePropSearchFunction<ITEM> = (\n  item: ITEM,\n  searchValue: string,\n) => boolean;\n\nexport type AutoCompletePropOnChange<TYPE extends string> = (\n  value: TYPE extends 'textarray' ? string[] | null : string | null,\n  props: {\n    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\nexport type AutoCompleteProps<\n  TYPE extends string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n> = (TYPE extends 'textarray'\n  ? Omit<TextFieldProps<'textarray'>, 'onChange' | 'type'>\n  : Omit<TextFieldProps<string>, 'onChange' | 'type'>) & {\n  type?: TYPE;\n  onChange?: AutoCompletePropOnChange<TYPE>;\n  items?: ITEM[];\n  groups?: GROUP[];\n  renderItem?: PropRenderItem<ITEM>;\n  dropdownClassName?: string;\n  dropdownForm?: AutoCompletePropDropdownForm;\n  isLoading?: boolean;\n  searchFunction?: AutoCompletePropSearchFunction<ITEM>;\n  dropdownRef?: React.RefObject<HTMLDivElement>;\n  getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;\n  getItemKey?: AutoCompletePropGetItemKey<ITEM>;\n  getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;\n  getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;\n  getGroupKey?: AutoCompletePropGetGroupId<GROUP>;\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  onDropdownOpen?: (isOpen: boolean) => void;\n  dropdownOpen?: boolean;\n  ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n} & (ITEM extends { label: AutoCompleteItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: AutoCompletePropGetItemLabel<ITEM>;\n      }) &\n  (GROUP extends { label: AutoCompleteGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: AutoCompletePropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: AutoCompleteGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: AutoCompletePropGetGroupId<GROUP> });\n\nexport type AutoCompleteComponent = <\n  TYPE extends string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n>(\n  props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type AutoCompleteTypeComponent<\n  TYPE extends string = string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n> = (props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.d.ts

@@ -1,47 +1,47 @@
-import React from 'react';
-import { AutoCompletePropOnChange } from './types';
-declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
-declare type UseAutoCompleteProps<ITEM, GROUP> = {
-    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
-    getGroupKey?: GetGroupKey<GROUP>;
-    groups?: GROUP[];
-    items: ITEM[];
-    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
-    disabled?: boolean;
-    getItemLabel: (item: ITEM) => string;
-    getItemKey: (item: ITEM) => string | number;
-    searchFunction?: (item: ITEM, searchValue: string) => boolean;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    searchValue?: string;
-    onChange?: AutoCompletePropOnChange<'text'>;
-    isLoading?: boolean;
-    dropdownOpen?: boolean;
-    onDropdownOpen?: (isOpen: boolean) => void;
-    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
-};
-declare type OptionProps<ITEM> = {
-    index: number;
-    item: ITEM;
-    keyPrefix: number;
-};
-declare type GetOptionPropsResult = {
-    onClick: (e: React.MouseEvent) => void;
-    onMouseEnter: (e: React.MouseEvent) => void;
-    active: boolean;
-    hovered: boolean;
-    key: string | number;
-};
-export declare function useAutoComplete<ITEM, GROUP>(params: UseAutoCompleteProps<ITEM, GROUP>): {
-    isOpen: boolean;
-    visibleItems: import("../../utils/getGroups").Group<ITEM, GROUP>[];
-    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
-    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    inputRef: React.RefObject<HTMLInputElement>;
-    getKeyProps: (rest?: import("../../hooks/useKeysDepricated").KeyProps | undefined) => import("../../hooks/useKeysDepricated").KeyProps;
-    hasItems: boolean;
-    optionsRefs: React.RefObject<HTMLDivElement>[];
-    handleChange: AutoCompletePropOnChange<"text">;
-    highlightedIndex: number;
-};
-export {};
+import React from 'react';
+import { AutoCompletePropOnChange } from './types';
+declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
+declare type UseAutoCompleteProps<ITEM, GROUP> = {
+    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
+    getGroupKey?: GetGroupKey<GROUP>;
+    groups?: GROUP[];
+    items: ITEM[];
+    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
+    disabled?: boolean;
+    getItemLabel: (item: ITEM) => string;
+    getItemKey: (item: ITEM) => string | number;
+    searchFunction?: (item: ITEM, searchValue: string) => boolean;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    searchValue?: string;
+    onChange?: AutoCompletePropOnChange<'text'>;
+    isLoading?: boolean;
+    dropdownOpen?: boolean;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+};
+declare type OptionProps<ITEM> = {
+    index: number;
+    item: ITEM;
+    keyPrefix: number;
+};
+declare type GetOptionPropsResult = {
+    onClick: (e: React.MouseEvent) => void;
+    onMouseEnter: (e: React.MouseEvent) => void;
+    active: boolean;
+    hovered: boolean;
+    key: string | number;
+};
+export declare function useAutoComplete<ITEM, GROUP>(params: UseAutoCompleteProps<ITEM, GROUP>): {
+    isOpen: boolean;
+    visibleItems: import("../../utils/getGroups").Group<ITEM, GROUP>[];
+    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
+    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    inputRef: React.RefObject<HTMLInputElement>;
+    getKeyProps: (rest?: import("../../hooks/useKeysDeprecated").KeyProps | undefined) => import("../../hooks/useKeysDeprecated").KeyProps;
+    hasItems: boolean;
+    optionsRefs: React.RefObject<HTMLDivElement>[];
+    handleChange: AutoCompletePropOnChange<"text">;
+    highlightedIndex: number;
+};
+export {};

package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{scrollToIndex}from"../SelectComponents/useSelect/helpers";import{useClickOutside}from"../../hooks/useClickOutside";import{useFlag}from"../../hooks/useFlag";import{useKeys}from"../../hooks/useKeysDepricated";import{useRefs}from"../../hooks/useRefs";import{getGroups}from"../../utils/getGroups";export function useAutoComplete(a){var b=a.items,c=a.dropdownRef,d=a.disabled,f=void 0!==d&&d,g=a.getItemLabel,h=a.getItemKey,i=a.searchFunction,j=a.getItemGroupKey,k=a.groups,l=a.getGroupKey,m=a.onFocus,n=a.isLoading,o=a.dropdownOpen,p=a.onDropdownOpen,q=a.ignoreOutsideClicksRefs,r=a.searchValue,s=void 0===r?"":r,t=a.onChange,u=useRef(null),v=useFlag(),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useState(-1),A=_slicedToArray(z,2),B=A[0],C=A[1],D=function(a,b){var c;!f&&t&&t(a,b),null===(c=u.current)||void 0===c?void 0:c.focus(),C(-1)},E=function(a,b){return!!b&&-1!==g(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},F=useMemo(function(){return b.filter(function(a){return i?i(a,s||""):E(a,s||"")})},[s,b]),G=useMemo(function(){var a=getGroups(F,null!==k&&void 0!==k&&k.length?j:void 0,k,l,void 0);return a},[F,k,j,l]),H=useMemo(function(){return!!G.find(function(a){return 0<a.items.length})},[G]),I=useCallback(function(a){C(Math.min(Math.max(0,"function"==typeof a?a(B):a),F.length-1))},[F,B]),J=function(a,b){f||(b.preventDefault(),y.on(),I(function(a){return a-1}))},K=function(a,b){f||(b.preventDefault(),y.on(),I(function(a){return a+1}))},L=useKeys({ArrowUp:J,ArrowDown:K,PageUp:J,PageDown:K,Home:J,End:K,Enter:function Enter(a,b){if(x){(s||F[B])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(G);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(B);d&&D(g(d),{e:b})}else y.on()},Escape:function Escape(){y.off()},Tab:function Tab(a,b){y.off(),x&&H&&b.preventDefault()}}),M=useRefs(F.length,[x]);return useClickOutside({isActive:x,ignoreClicksInsideRefs:[c].concat(_toConsumableArray(q||[])),handler:y.off}),useEffect(function(){if(f){var a;y.off(),null===(a=u.current)||void 0===a?void 0:a.blur()}},[f]),useEffect(function(){0<F.length&&scrollToIndex(B,c,M,function(){return I(0)}),y.on()},[B]),useEffect(function(){null===p||void 0===p?void 0:p(x),x&&C(0)},[x]),useEffect(function(){y.set(o||!1)},[o]),useEffect(function(){u.current&&(u.current.value=s)},[s]),{isOpen:!!(x&&(!!n||H)),visibleItems:G,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item,d=h(c)||g(c);return{onClick:function onClick(a){D(g(c),{e:a})},onMouseEnter:function onMouseEnter(){I(b)},active:!1,hovered:b===B,key:d}},handleInputFocus:function handleInputFocus(a){f||(y.on(),"function"==typeof m&&m(a))},inputRef:u,getKeyProps:L,hasItems:H,optionsRefs:M,handleChange:D,highlightedIndex:B}}
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{scrollToIndex}from"../SelectComponents/useSelect/helpers";import{useClickOutside}from"../../hooks/useClickOutside";import{useFlag}from"../../hooks/useFlag";import{useKeys}from"../../hooks/useKeysDeprecated";import{useRefs}from"../../hooks/useRefs";import{getGroups}from"../../utils/getGroups";export function useAutoComplete(a){var b=a.items,c=a.dropdownRef,d=a.disabled,f=void 0!==d&&d,g=a.getItemLabel,h=a.getItemKey,i=a.searchFunction,j=a.getItemGroupKey,k=a.groups,l=a.getGroupKey,m=a.onFocus,n=a.isLoading,o=a.dropdownOpen,p=a.onDropdownOpen,q=a.ignoreOutsideClicksRefs,r=a.searchValue,s=void 0===r?"":r,t=a.onChange,u=useRef(null),v=useFlag(),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useState(-1),A=_slicedToArray(z,2),B=A[0],C=A[1],D=function(a,b){var c;!f&&t&&t(a,b),null===(c=u.current)||void 0===c?void 0:c.focus(),C(-1)},E=function(a,b){return!!b&&-1!==g(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},F=useMemo(function(){return b.filter(function(a){return i?i(a,s||""):E(a,s||"")})},[s,b]),G=useMemo(function(){var a=getGroups(F,null!==k&&void 0!==k&&k.length?j:void 0,k,l,void 0);return a},[F,k,j,l]),H=useMemo(function(){return!!G.find(function(a){return 0<a.items.length})},[G]),I=useCallback(function(a){C(Math.min(Math.max(0,"function"==typeof a?a(B):a),F.length-1))},[F,B]),J=function(a,b){f||(b.preventDefault(),y.on(),I(function(a){return a-1}))},K=function(a,b){f||(b.preventDefault(),y.on(),I(function(a){return a+1}))},L=useKeys({ArrowUp:J,ArrowDown:K,PageUp:J,PageDown:K,Home:J,End:K,Enter:function Enter(a,b){if(x){(s||F[B])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(G);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(B);d&&D(g(d),{e:b})}else y.on()},Escape:function Escape(){y.off()},Tab:function Tab(a,b){y.off(),x&&H&&b.preventDefault()}}),M=useRefs(F.length,[x]);return useClickOutside({isActive:x,ignoreClicksInsideRefs:[c].concat(_toConsumableArray(q||[])),handler:y.off}),useEffect(function(){if(f){var a;y.off(),null===(a=u.current)||void 0===a?void 0:a.blur()}},[f]),useEffect(function(){0<F.length&&scrollToIndex(B,c,M,function(){return I(0)}),y.on()},[B]),useEffect(function(){null===p||void 0===p?void 0:p(x),x&&C(0)},[x]),useEffect(function(){y.set(o||!1)},[o]),useEffect(function(){u.current&&(u.current.value=s)},[s]),{isOpen:!!(x&&(!!n||H)),visibleItems:G,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item,d=h(c)||g(c);return{onClick:function onClick(a){D(g(c),{e:a})},onMouseEnter:function onMouseEnter(){I(b)},active:!1,hovered:b===B,key:d}},handleInputFocus:function handleInputFocus(a){f||(y.on(),"function"==typeof m&&m(a))},inputRef:u,getKeyProps:L,hasItems:H,optionsRefs:M,handleChange:D,highlightedIndex:B}}
 //# sourceMappingURL=useAutoComplete.js.map

package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoComplete.js","names":["useCallback","useEffect","useMemo","useRef","useState","scrollToIndex","useClickOutside","useFlag","useKeys","useRefs","getGroups","useAutoComplete","params","items","dropdownRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","getGroupKey","onFocus","isLoading","dropdownOpen","onDropdownOpen","ignoreOutsideClicksRefs","searchValue","onChange","inputRef","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","handleChange","value","props","current","focus","searchFunctionDefault","item","toLocaleLowerCase","indexOf","filteredOptions","filter","visibleItems","resultGroups","length","hasItems","find","group","highlightIndex","indexForHighlight","Math","min","max","ArrowUp","_","e","preventDefault","on","old","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getItem","index","couter","Escape","off","Tab","optionsRefs","isActive","ignoreClicksInsideRefs","handler","blur","set","getOptionProps","key","onClick","onMouseEnter","active","hovered","handleInputFocus"],"sources":["../../../../../src/components/AutoCompleteCanary/useAutoComplete.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { scrollToIndex } from '##/components/SelectComponents/useSelect/helpers';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useFlag } from '##/hooks/useFlag';\nimport { KeyHandler, useKeys } from '##/hooks/useKeysDepricated';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { AutoCompletePropOnChange } from './types';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\n\ntype UseAutoCompleteProps<ITEM, GROUP> = {\n  getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n  getGroupKey?: GetGroupKey<GROUP>;\n  groups?: GROUP[];\n  items: ITEM[];\n  dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n  disabled?: boolean;\n  getItemLabel: (item: ITEM) => string;\n  getItemKey: (item: ITEM) => string | number;\n  searchFunction?: (item: ITEM, searchValue: string) => boolean;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  searchValue?: string;\n  onChange?: AutoCompletePropOnChange<'text'>;\n  isLoading?: boolean;\n  dropdownOpen?: boolean;\n  onDropdownOpen?: (isOpen: boolean) => void;\n  ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n};\n\ntype OptionProps<ITEM> = {\n  index: number;\n  item: ITEM;\n  keyPrefix: number;\n};\n\ntype GetOptionPropsResult = {\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  active: boolean;\n  hovered: boolean;\n  key: string | number;\n};\n\nexport function useAutoComplete<ITEM, GROUP>(\n  params: UseAutoCompleteProps<ITEM, GROUP>,\n) {\n  const {\n    items,\n    dropdownRef,\n    disabled = false,\n    getItemLabel,\n    getItemKey,\n    searchFunction,\n    getItemGroupKey,\n    groups,\n    getGroupKey,\n    onFocus,\n    isLoading,\n    dropdownOpen,\n    onDropdownOpen,\n    ignoreOutsideClicksRefs,\n    searchValue = '',\n    onChange,\n  } = params;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const [isOpen, setIsOpen] = useFlag();\n  const [highlightedIndex, setHighlightedIndex] = useState<number>(-1);\n\n  const handleChange: AutoCompletePropOnChange<'text'> = (value, props) => {\n    if (!disabled && onChange) {\n      onChange(value, props);\n    }\n    inputRef.current?.focus();\n    setHighlightedIndex(-1);\n  };\n\n  const searchFunctionDefault = (item: ITEM, searchValue: string) => {\n    if (!searchValue) {\n      return false;\n    }\n    return (\n      getItemLabel(item)\n        .toLocaleLowerCase()\n        .indexOf(searchValue.toLocaleLowerCase()) !== -1\n    );\n  };\n\n  const filteredOptions = useMemo(\n    () =>\n      items.filter((item) =>\n        searchFunction\n          ? searchFunction(item, searchValue || '')\n          : searchFunctionDefault(item, searchValue || ''),\n      ),\n    [searchValue, items],\n  );\n\n  const visibleItems = useMemo(() => {\n    const resultGroups = getGroups(\n      filteredOptions,\n      groups?.length ? getItemGroupKey : undefined,\n      groups,\n      getGroupKey,\n      undefined,\n    );\n\n    return resultGroups;\n  }, [filteredOptions, groups, getItemGroupKey, getGroupKey]);\n\n  const hasItems = useMemo(() => {\n    return !!visibleItems.find((group) => group.items.length > 0);\n  }, [visibleItems]);\n\n  const highlightIndex = useCallback(\n    (indexForHighlight: IndexForHighlight) => {\n      setHighlightedIndex(\n        Math.min(\n          Math.max(\n            0,\n            typeof indexForHighlight === 'function'\n              ? indexForHighlight(highlightedIndex)\n              : indexForHighlight,\n          ),\n          filteredOptions.length - 1,\n        ),\n      );\n    },\n    [filteredOptions, highlightedIndex],\n  );\n\n  const ArrowUp: KeyHandler = (_, e): void => {\n    if (!disabled) {\n      e.preventDefault();\n      setIsOpen.on();\n      highlightIndex((old) => old - 1);\n    }\n  };\n\n  const ArrowDown: KeyHandler = (_, e): void => {\n    if (!disabled) {\n      e.preventDefault();\n      setIsOpen.on();\n      highlightIndex((old) => old + 1);\n    }\n  };\n\n  const Enter: KeyHandler = (_, e): void => {\n    if (isOpen) {\n      if (searchValue || filteredOptions[highlightedIndex]) {\n        e.preventDefault();\n      }\n\n      const getItem = (index: number) => {\n        let couter = 0;\n        for (const group of visibleItems) {\n          if (group.items.length + couter > index) {\n            return group.items[index - couter];\n          }\n          couter += group.items.length;\n        }\n        return undefined;\n      };\n\n      const item = getItem(highlightedIndex);\n\n      if (item) {\n        handleChange(getItemLabel(item), { e });\n      }\n    } else {\n      setIsOpen.on();\n    }\n  };\n\n  const Escape: KeyHandler = (): void => {\n    setIsOpen.off();\n  };\n\n  const Tab: KeyHandler = (_, e): void => {\n    setIsOpen.off();\n    if (isOpen && hasItems) {\n      e.preventDefault();\n    }\n  };\n\n  const getKeyProps = useKeys({\n    ArrowUp,\n    ArrowDown,\n    PageUp: ArrowUp,\n    PageDown: ArrowDown,\n    Home: ArrowUp,\n    End: ArrowDown,\n    Enter,\n    Escape,\n    Tab,\n  });\n\n  const getOptionProps = ({\n    index,\n    item,\n  }: OptionProps<ITEM>): GetOptionPropsResult => {\n    const key = getItemKey(item) || getItemLabel(item);\n\n    return {\n      onClick: (e: React.MouseEvent) => {\n        handleChange(getItemLabel(item), { e });\n      },\n      onMouseEnter: () => {\n        highlightIndex(index);\n      },\n      active: false,\n      hovered: index === highlightedIndex,\n      key,\n    };\n  };\n\n  const optionsRefs = useRefs<HTMLDivElement>(filteredOptions.length, [isOpen]);\n\n  const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n    if (!disabled) {\n      setIsOpen.on();\n\n      if (typeof onFocus === 'function') {\n        onFocus(e);\n      }\n    }\n  };\n\n  useClickOutside({\n    isActive: isOpen,\n    ignoreClicksInsideRefs: [dropdownRef, ...(ignoreOutsideClicksRefs || [])],\n    handler: setIsOpen.off,\n  });\n\n  useEffect(() => {\n    if (disabled) {\n      setIsOpen.off();\n      inputRef.current?.blur();\n    }\n  }, [disabled]);\n\n  useEffect(() => {\n    if (filteredOptions.length > 0) {\n      scrollToIndex(highlightedIndex, dropdownRef, optionsRefs, () =>\n        highlightIndex(0),\n      );\n    }\n    setIsOpen.on();\n  }, [highlightedIndex]);\n\n  useEffect(() => {\n    onDropdownOpen?.(isOpen);\n    if (isOpen) {\n      setHighlightedIndex(0);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    setIsOpen.set(dropdownOpen || false);\n  }, [dropdownOpen]);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.value = searchValue;\n    }\n  }, [searchValue]);\n\n  return {\n    isOpen: Boolean(isOpen && (isLoading ? true : hasItems)),\n    visibleItems,\n    getOptionProps,\n    handleInputFocus,\n    inputRef,\n    getKeyProps,\n    hasItems,\n    optionsRefs,\n    handleChange,\n    highlightedIndex,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useAutoComplete.js","names":["useCallback","useEffect","useMemo","useRef","useState","scrollToIndex","useClickOutside","useFlag","useKeys","useRefs","getGroups","useAutoComplete","params","items","dropdownRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","getGroupKey","onFocus","isLoading","dropdownOpen","onDropdownOpen","ignoreOutsideClicksRefs","searchValue","onChange","inputRef","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","handleChange","value","props","current","focus","searchFunctionDefault","item","toLocaleLowerCase","indexOf","filteredOptions","filter","visibleItems","resultGroups","length","hasItems","find","group","highlightIndex","indexForHighlight","Math","min","max","ArrowUp","_","e","preventDefault","on","old","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getItem","index","counter","Escape","off","Tab","optionsRefs","isActive","ignoreClicksInsideRefs","handler","blur","set","getOptionProps","key","onClick","onMouseEnter","active","hovered","handleInputFocus"],"sources":["../../../../../src/components/AutoCompleteCanary/useAutoComplete.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { scrollToIndex } from '##/components/SelectComponents/useSelect/helpers';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useFlag } from '##/hooks/useFlag';\nimport { KeyHandler, useKeys } from '##/hooks/useKeysDeprecated';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { AutoCompletePropOnChange } from './types';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\n\ntype UseAutoCompleteProps<ITEM, GROUP> = {\n  getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n  getGroupKey?: GetGroupKey<GROUP>;\n  groups?: GROUP[];\n  items: ITEM[];\n  dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n  disabled?: boolean;\n  getItemLabel: (item: ITEM) => string;\n  getItemKey: (item: ITEM) => string | number;\n  searchFunction?: (item: ITEM, searchValue: string) => boolean;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  searchValue?: string;\n  onChange?: AutoCompletePropOnChange<'text'>;\n  isLoading?: boolean;\n  dropdownOpen?: boolean;\n  onDropdownOpen?: (isOpen: boolean) => void;\n  ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n};\n\ntype OptionProps<ITEM> = {\n  index: number;\n  item: ITEM;\n  keyPrefix: number;\n};\n\ntype GetOptionPropsResult = {\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  active: boolean;\n  hovered: boolean;\n  key: string | number;\n};\n\nexport function useAutoComplete<ITEM, GROUP>(\n  params: UseAutoCompleteProps<ITEM, GROUP>,\n) {\n  const {\n    items,\n    dropdownRef,\n    disabled = false,\n    getItemLabel,\n    getItemKey,\n    searchFunction,\n    getItemGroupKey,\n    groups,\n    getGroupKey,\n    onFocus,\n    isLoading,\n    dropdownOpen,\n    onDropdownOpen,\n    ignoreOutsideClicksRefs,\n    searchValue = '',\n    onChange,\n  } = params;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const [isOpen, setIsOpen] = useFlag();\n  const [highlightedIndex, setHighlightedIndex] = useState<number>(-1);\n\n  const handleChange: AutoCompletePropOnChange<'text'> = (value, props) => {\n    if (!disabled && onChange) {\n      onChange(value, props);\n    }\n    inputRef.current?.focus();\n    setHighlightedIndex(-1);\n  };\n\n  const searchFunctionDefault = (item: ITEM, searchValue: string) => {\n    if (!searchValue) {\n      return false;\n    }\n    return (\n      getItemLabel(item)\n        .toLocaleLowerCase()\n        .indexOf(searchValue.toLocaleLowerCase()) !== -1\n    );\n  };\n\n  const filteredOptions = useMemo(\n    () =>\n      items.filter((item) =>\n        searchFunction\n          ? searchFunction(item, searchValue || '')\n          : searchFunctionDefault(item, searchValue || ''),\n      ),\n    [searchValue, items],\n  );\n\n  const visibleItems = useMemo(() => {\n    const resultGroups = getGroups(\n      filteredOptions,\n      groups?.length ? getItemGroupKey : undefined,\n      groups,\n      getGroupKey,\n      undefined,\n    );\n\n    return resultGroups;\n  }, [filteredOptions, groups, getItemGroupKey, getGroupKey]);\n\n  const hasItems = useMemo(() => {\n    return !!visibleItems.find((group) => group.items.length > 0);\n  }, [visibleItems]);\n\n  const highlightIndex = useCallback(\n    (indexForHighlight: IndexForHighlight) => {\n      setHighlightedIndex(\n        Math.min(\n          Math.max(\n            0,\n            typeof indexForHighlight === 'function'\n              ? indexForHighlight(highlightedIndex)\n              : indexForHighlight,\n          ),\n          filteredOptions.length - 1,\n        ),\n      );\n    },\n    [filteredOptions, highlightedIndex],\n  );\n\n  const ArrowUp: KeyHandler = (_, e): void => {\n    if (!disabled) {\n      e.preventDefault();\n      setIsOpen.on();\n      highlightIndex((old) => old - 1);\n    }\n  };\n\n  const ArrowDown: KeyHandler = (_, e): void => {\n    if (!disabled) {\n      e.preventDefault();\n      setIsOpen.on();\n      highlightIndex((old) => old + 1);\n    }\n  };\n\n  const Enter: KeyHandler = (_, e): void => {\n    if (isOpen) {\n      if (searchValue || filteredOptions[highlightedIndex]) {\n        e.preventDefault();\n      }\n\n      const getItem = (index: number) => {\n        let counter = 0;\n        for (const group of visibleItems) {\n          if (group.items.length + counter > index) {\n            return group.items[index - counter];\n          }\n          counter += group.items.length;\n        }\n        return undefined;\n      };\n\n      const item = getItem(highlightedIndex);\n\n      if (item) {\n        handleChange(getItemLabel(item), { e });\n      }\n    } else {\n      setIsOpen.on();\n    }\n  };\n\n  const Escape: KeyHandler = (): void => {\n    setIsOpen.off();\n  };\n\n  const Tab: KeyHandler = (_, e): void => {\n    setIsOpen.off();\n    if (isOpen && hasItems) {\n      e.preventDefault();\n    }\n  };\n\n  const getKeyProps = useKeys({\n    ArrowUp,\n    ArrowDown,\n    PageUp: ArrowUp,\n    PageDown: ArrowDown,\n    Home: ArrowUp,\n    End: ArrowDown,\n    Enter,\n    Escape,\n    Tab,\n  });\n\n  const getOptionProps = ({\n    index,\n    item,\n  }: OptionProps<ITEM>): GetOptionPropsResult => {\n    const key = getItemKey(item) || getItemLabel(item);\n\n    return {\n      onClick: (e: React.MouseEvent) => {\n        handleChange(getItemLabel(item), { e });\n      },\n      onMouseEnter: () => {\n        highlightIndex(index);\n      },\n      active: false,\n      hovered: index === highlightedIndex,\n      key,\n    };\n  };\n\n  const optionsRefs = useRefs<HTMLDivElement>(filteredOptions.length, [isOpen]);\n\n  const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n    if (!disabled) {\n      setIsOpen.on();\n\n      if (typeof onFocus === 'function') {\n        onFocus(e);\n      }\n    }\n  };\n\n  useClickOutside({\n    isActive: isOpen,\n    ignoreClicksInsideRefs: [dropdownRef, ...(ignoreOutsideClicksRefs || [])],\n    handler: setIsOpen.off,\n  });\n\n  useEffect(() => {\n    if (disabled) {\n      setIsOpen.off();\n      inputRef.current?.blur();\n    }\n  }, [disabled]);\n\n  useEffect(() => {\n    if (filteredOptions.length > 0) {\n      scrollToIndex(highlightedIndex, dropdownRef, optionsRefs, () =>\n        highlightIndex(0),\n      );\n    }\n    setIsOpen.on();\n  }, [highlightedIndex]);\n\n  useEffect(() => {\n    onDropdownOpen?.(isOpen);\n    if (isOpen) {\n      setHighlightedIndex(0);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    setIsOpen.set(dropdownOpen || false);\n  }, [dropdownOpen]);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.value = searchValue;\n    }\n  }, [searchValue]);\n\n  return {\n    isOpen: Boolean(isOpen && (isLoading ? true : hasItems)),\n    visibleItems,\n    getOptionProps,\n    handleInputFocus,\n    inputRef,\n    getKeyProps,\n    hasItems,\n    optionsRefs,\n    handleChange,\n    highlightedIndex,\n  };\n}\n"],"mappings":"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"}

package/__internal__/src/components/AutoCompleteCanary/useRenderItemDefault.d.ts

@@ -1,4 +1,4 @@
-import { FieldPropSize } from "../FieldComponents";
-import { PropRenderItem } from "../Select";
-import { AutoCompleteItemDefault, AutoCompletePropDropdownForm, AutoCompletePropGetItemLabel } from './types';
-export declare const useRenderItemDefault: (getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>, disabled: boolean, size: FieldPropSize, dropdownForm: AutoCompletePropDropdownForm) => PropRenderItem<AutoCompleteItemDefault>;
+import { FieldPropSize } from "../FieldComponents";
+import { PropRenderItem } from "../Select";
+import { AutoCompleteItemDefault, AutoCompletePropDropdownForm, AutoCompletePropGetItemLabel } from './types';
+export declare const useRenderItemDefault: (getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>, disabled: boolean, size: FieldPropSize, dropdownForm: AutoCompletePropDropdownForm) => PropRenderItem<AutoCompleteItemDefault>;

package/__internal__/src/components/Avatar/Avatar.d.ts

@@ -1,20 +1,20 @@
-import './Avatar.css';
-export declare const avatarPropSize: readonly ["m", "s", "xs", "l"];
-export declare type AvatarPropSize = typeof avatarPropSize[number];
-export declare const avatarPropSizeDefault: AvatarPropSize;
-export declare const avatarPropForm: readonly ["round", "brick", "default"];
-export declare type AvatarPropForm = typeof avatarPropForm[number];
-export declare const avatarPropFormDefault: AvatarPropForm;
-declare type Props = {
-    url?: string;
-    name?: string;
-    size?: AvatarPropSize;
-    form?: AvatarPropForm;
-    children?: never;
-    monochrome?: boolean;
-};
-export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;
-export declare const getColorIndexForName: (name: string | undefined, maxIndex?: number, monochrome?: boolean) => number;
-export declare const getInitialsForName: (name: string | undefined) => string;
-export declare const Avatar: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
-export {};
+import './Avatar.css';
+export declare const avatarPropSize: readonly ["m", "s", "xs", "l"];
+export declare type AvatarPropSize = typeof avatarPropSize[number];
+export declare const avatarPropSizeDefault: AvatarPropSize;
+export declare const avatarPropForm: readonly ["round", "brick", "default"];
+export declare type AvatarPropForm = typeof avatarPropForm[number];
+export declare const avatarPropFormDefault: AvatarPropForm;
+declare type Props = {
+    url?: string;
+    name?: string;
+    size?: AvatarPropSize;
+    form?: AvatarPropForm;
+    children?: never;
+    monochrome?: boolean;
+};
+export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;
+export declare const getColorIndexForName: (name: string | undefined, maxIndex?: number, monochrome?: boolean) => number;
+export declare const getInitialsForName: (name: string | undefined) => string;
+export declare const Avatar: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+export {};

package/__internal__/src/components/Avatar/index.d.ts

@@ -1 +1 @@
-export * from './Avatar';
+export * from './Avatar';

package/__internal__/src/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,4 +1,4 @@
-import './AvatarGroup.css';
-import { AvatarGroupComponent } from './types';
-export declare const AvatarGroup: AvatarGroupComponent;
-export * from './types';
+import './AvatarGroup.css';
+import { AvatarGroupComponent } from './types';
+export declare const AvatarGroup: AvatarGroupComponent;
+export * from './types';

package/__internal__/src/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["React","forwardRef","useForkRef","getHiddenCount","useHideElementsInLine","cn","Avatar","avatarPropFormDefault","cnAvatar","withDefaultGetters","avatarGroupPropSizeDefault","cnAvatarGroup","AvatarGroupRender","props","ref","items","form","size","visibleCount","getItemName","getItemUrl","monochrome","otherProps","itemLenght","length","elementsRefs","parentRef","visibleMap","autoMode","itemsForRender","reverse","slice","hidden","map","item","index","AvatarGroup"],"sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import './AvatarGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport {\n  getHiddenCount,\n  useHideElementsInLine,\n} from '##/hooks/useHideElementsInLine';\n\nimport { cn } from '../../utils/bem';\nimport { Avatar, avatarPropFormDefault, cnAvatar } from '../Avatar/Avatar';\nimport { withDefaultGetters } from './helpers';\nimport {\n  AvatarGroupComponent,\n  AvatarGroupProps,\n  avatarGroupPropSizeDefault,\n} from './types';\n\nconst cnAvatarGroup = cn('AvatarGroup');\n\nconst AvatarGroupRender = (\n  props: AvatarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    form = avatarPropFormDefault,\n    size = avatarGroupPropSizeDefault,\n    visibleCount = 4,\n    getItemName,\n    getItemUrl,\n    monochrome,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const itemLenght = items.length;\n  const elementsLength = itemLenght + 1;\n\n  const { elementsRefs, parentRef, visibleMap } = useHideElementsInLine(\n    elementsLength,\n    0,\n    0,\n    [visibleCount],\n  );\n\n  const autoMode = visibleCount === 'auto';\n\n  const itemsForRender = autoMode\n    ? [...items].reverse()\n    : [...items].slice(0, visibleCount).reverse();\n\n  return (\n    <div\n      className={cnAvatarGroup({ size })}\n      ref={useForkRef([parentRef, ref])}\n      {...otherProps}\n    >\n      {(autoMode || itemLenght > visibleCount) && (\n        <div\n          className={cnAvatar({ size, form }, [\n            cnAvatarGroup('More', {\n              hidden: !visibleMap[0] && autoMode,\n            }),\n          ])}\n          ref={elementsRefs[0]}\n        >\n          {`+${\n            autoMode ? getHiddenCount(visibleMap) : itemLenght - visibleCount\n          }`}\n        </div>\n      )}\n      {itemsForRender.map((item, index) => {\n        return (\n          <Avatar\n            key={cnAvatarGroup({ index })}\n            url={getItemUrl(item)}\n            name={getItemName(item)}\n            className={cnAvatarGroup('Avatar', {\n              hidden: !visibleMap[index + 1] && autoMode,\n            })}\n            size={size}\n            form={form}\n            ref={elementsRefs[index + 1]}\n            monochrome={monochrome}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const AvatarGroup = forwardRef(\n  AvatarGroupRender,\n) as AvatarGroupComponent;\n\nexport * from './types';\n"],"mappings":"2PAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OACEC,cADF,CAEEC,qBAFF,yCAKA,OAASC,EAAT,uBACA,OAASC,MAAT,CAAiBC,qBAAjB,CAAwCC,QAAxC,wBACA,OAASC,kBAAT,iBACA,OAGEC,0BAHF,e,GAMMC,cAAa,CAAGN,EAAE,CAAC,aAAD,C,CAElBO,iBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAUCL,kBAAkB,CAACI,CAAD,CAVnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,EAFP,OAGDC,IAHC,CAGDA,CAHC,YAGMT,qBAHN,OAIDU,IAJC,CAIDA,CAJC,YAIMP,0BAJN,OAKDQ,YALC,CAKDA,CALC,YAKc,CALd,GAMDC,CANC,GAMDA,WANC,CAODC,CAPC,GAODA,UAPC,CAQDC,CARC,GAQDA,UARC,CASEC,CATF,uCAYGC,CAAU,CAAGR,CAAK,CAACS,MAZtB,GAe6CpB,qBAAqB,CAF9CmB,CAAU,CAAG,CAEiC,CAEnE,CAFmE,CAGnE,CAHmE,CAInE,CAACL,CAAD,CAJmE,CAflE,CAeKO,CAfL,GAeKA,YAfL,CAemBC,CAfnB,GAemBA,SAfnB,CAe8BC,CAf9B,GAe8BA,UAf9B,CAsBGC,CAAQ,CAAoB,MAAjB,GAAAV,CAtBd,CAwBGW,CAAc,CAAGD,CAAQ,CAC3B,mBAAIb,CAAJ,EAAWe,OAAX,EAD2B,CAE3B,mBAAIf,CAAJ,EAAWgB,KAAX,CAAiB,CAAjB,CAAoBb,CAApB,EAAkCY,OAAlC,EA1BD,CA4BH,MACE,0CACE,SAAS,CAAEnB,aAAa,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAD1B,CAEE,GAAG,CAAEf,UAAU,CAAC,CAACwB,CAAD,CAAYZ,CAAZ,CAAD,CAFjB,EAGMQ,CAHN,EAKG,CAACM,CAAQ,EAAIL,CAAU,CAAGL,CAA1B,GACC,2BACE,SAAS,CAAEV,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQD,IAAI,CAAJA,CAAR,CAAD,CAAiB,CAClCL,aAAa,CAAC,MAAD,CAAS,CACpBqB,MAAM,CAAE,CAACL,CAAU,CAAC,CAAD,CAAX,EAAkBC,CADN,CAAT,CADqB,CAAjB,CADrB,CAME,GAAG,CAAEH,CAAY,CAAC,CAAD,CANnB,aASIG,CAAQ,CAAGzB,cAAc,CAACwB,CAAD,CAAjB,CAAgCJ,CAAU,CAAGL,CATzD,EANJ,CAmBGW,CAAc,CAACI,GAAf,CAAmB,SAACC,CAAD,CAAOC,CAAP,CAAiB,CACnC,MACE,qBAAC,MAAD,EACE,GAAG,CAAExB,aAAa,CAAC,CAAEwB,KAAK,CAALA,CAAF,CAAD,CADpB,CAEE,GAAG,CAAEf,CAAU,CAACc,CAAD,CAFjB,CAGE,IAAI,CAAEf,CAAW,CAACe,CAAD,CAHnB,CAIE,SAAS,CAAEvB,aAAa,CAAC,QAAD,CAAW,CACjCqB,MAAM,CAAE,CAACL,CAAU,CAACQ,CAAK,CAAG,CAAT,CAAX,EAA0BP,CADD,CAAX,CAJ1B,CAOE,IAAI,CAAEX,CAPR,CAQE,IAAI,CAAED,CARR,CASE,GAAG,CAAES,CAAY,CAACU,CAAK,CAAG,CAAT,CATnB,CAUE,UAAU,CAAEd,CAVd,EAaH,CAfA,CAnBH,CAqCH,C,CAED,MAAO,IAAMe,YAAW,CAAGnC,UAAU,CACnCW,iBADmC,CAA9B,CAIP"}
+{"version":3,"file":"AvatarGroup.js","names":["React","forwardRef","useForkRef","getHiddenCount","useHideElementsInLine","cn","Avatar","avatarPropFormDefault","cnAvatar","withDefaultGetters","avatarGroupPropSizeDefault","cnAvatarGroup","AvatarGroupRender","props","ref","items","form","size","visibleCount","getItemName","getItemUrl","monochrome","otherProps","itemLength","length","elementsRefs","parentRef","visibleMap","autoMode","itemsForRender","reverse","slice","hidden","map","item","index","AvatarGroup"],"sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import './AvatarGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport {\n  getHiddenCount,\n  useHideElementsInLine,\n} from '##/hooks/useHideElementsInLine';\n\nimport { cn } from '../../utils/bem';\nimport { Avatar, avatarPropFormDefault, cnAvatar } from '../Avatar/Avatar';\nimport { withDefaultGetters } from './helpers';\nimport {\n  AvatarGroupComponent,\n  AvatarGroupProps,\n  avatarGroupPropSizeDefault,\n} from './types';\n\nconst cnAvatarGroup = cn('AvatarGroup');\n\nconst AvatarGroupRender = (\n  props: AvatarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    form = avatarPropFormDefault,\n    size = avatarGroupPropSizeDefault,\n    visibleCount = 4,\n    getItemName,\n    getItemUrl,\n    monochrome,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const itemLength = items.length;\n  const elementsLength = itemLength + 1;\n\n  const { elementsRefs, parentRef, visibleMap } = useHideElementsInLine(\n    elementsLength,\n    0,\n    0,\n    [visibleCount],\n  );\n\n  const autoMode = visibleCount === 'auto';\n\n  const itemsForRender = autoMode\n    ? [...items].reverse()\n    : [...items].slice(0, visibleCount).reverse();\n\n  return (\n    <div\n      className={cnAvatarGroup({ size })}\n      ref={useForkRef([parentRef, ref])}\n      {...otherProps}\n    >\n      {(autoMode || itemLength > visibleCount) && (\n        <div\n          className={cnAvatar({ size, form }, [\n            cnAvatarGroup('More', {\n              hidden: !visibleMap[0] && autoMode,\n            }),\n          ])}\n          ref={elementsRefs[0]}\n        >\n          {`+${\n            autoMode ? getHiddenCount(visibleMap) : itemLength - visibleCount\n          }`}\n        </div>\n      )}\n      {itemsForRender.map((item, index) => {\n        return (\n          <Avatar\n            key={cnAvatarGroup({ index })}\n            url={getItemUrl(item)}\n            name={getItemName(item)}\n            className={cnAvatarGroup('Avatar', {\n              hidden: !visibleMap[index + 1] && autoMode,\n            })}\n            size={size}\n            form={form}\n            ref={elementsRefs[index + 1]}\n            monochrome={monochrome}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const AvatarGroup = forwardRef(\n  AvatarGroupRender,\n) as AvatarGroupComponent;\n\nexport * from './types';\n"],"mappings":"2PAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OACEC,cADF,CAEEC,qBAFF,yCAKA,OAASC,EAAT,uBACA,OAASC,MAAT,CAAiBC,qBAAjB,CAAwCC,QAAxC,wBACA,OAASC,kBAAT,iBACA,OAGEC,0BAHF,e,GAMMC,cAAa,CAAGN,EAAE,CAAC,aAAD,C,CAElBO,iBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAUCL,kBAAkB,CAACI,CAAD,CAVnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,EAFP,OAGDC,IAHC,CAGDA,CAHC,YAGMT,qBAHN,OAIDU,IAJC,CAIDA,CAJC,YAIMP,0BAJN,OAKDQ,YALC,CAKDA,CALC,YAKc,CALd,GAMDC,CANC,GAMDA,WANC,CAODC,CAPC,GAODA,UAPC,CAQDC,CARC,GAQDA,UARC,CASEC,CATF,uCAYGC,CAAU,CAAGR,CAAK,CAACS,MAZtB,GAe6CpB,qBAAqB,CAF9CmB,CAAU,CAAG,CAEiC,CAEnE,CAFmE,CAGnE,CAHmE,CAInE,CAACL,CAAD,CAJmE,CAflE,CAeKO,CAfL,GAeKA,YAfL,CAemBC,CAfnB,GAemBA,SAfnB,CAe8BC,CAf9B,GAe8BA,UAf9B,CAsBGC,CAAQ,CAAoB,MAAjB,GAAAV,CAtBd,CAwBGW,CAAc,CAAGD,CAAQ,CAC3B,mBAAIb,CAAJ,EAAWe,OAAX,EAD2B,CAE3B,mBAAIf,CAAJ,EAAWgB,KAAX,CAAiB,CAAjB,CAAoBb,CAApB,EAAkCY,OAAlC,EA1BD,CA4BH,MACE,0CACE,SAAS,CAAEnB,aAAa,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAD1B,CAEE,GAAG,CAAEf,UAAU,CAAC,CAACwB,CAAD,CAAYZ,CAAZ,CAAD,CAFjB,EAGMQ,CAHN,EAKG,CAACM,CAAQ,EAAIL,CAAU,CAAGL,CAA1B,GACC,2BACE,SAAS,CAAEV,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQD,IAAI,CAAJA,CAAR,CAAD,CAAiB,CAClCL,aAAa,CAAC,MAAD,CAAS,CACpBqB,MAAM,CAAE,CAACL,CAAU,CAAC,CAAD,CAAX,EAAkBC,CADN,CAAT,CADqB,CAAjB,CADrB,CAME,GAAG,CAAEH,CAAY,CAAC,CAAD,CANnB,aASIG,CAAQ,CAAGzB,cAAc,CAACwB,CAAD,CAAjB,CAAgCJ,CAAU,CAAGL,CATzD,EANJ,CAmBGW,CAAc,CAACI,GAAf,CAAmB,SAACC,CAAD,CAAOC,CAAP,CAAiB,CACnC,MACE,qBAAC,MAAD,EACE,GAAG,CAAExB,aAAa,CAAC,CAAEwB,KAAK,CAALA,CAAF,CAAD,CADpB,CAEE,GAAG,CAAEf,CAAU,CAACc,CAAD,CAFjB,CAGE,IAAI,CAAEf,CAAW,CAACe,CAAD,CAHnB,CAIE,SAAS,CAAEvB,aAAa,CAAC,QAAD,CAAW,CACjCqB,MAAM,CAAE,CAACL,CAAU,CAACQ,CAAK,CAAG,CAAT,CAAX,EAA0BP,CADD,CAAX,CAJ1B,CAOE,IAAI,CAAEX,CAPR,CAQE,IAAI,CAAED,CARR,CASE,GAAG,CAAES,CAAY,CAACU,CAAK,CAAG,CAAT,CATnB,CAUE,UAAU,CAAEd,CAVd,EAaH,CAfA,CAnBH,CAqCH,C,CAED,MAAO,IAAMe,YAAW,CAAGnC,UAAU,CACnCW,iBADmC,CAA9B,CAIP"}