@consta/uikit 4.33.0 → 5.0.0-beta.1

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

@@ -1,148 +0,0 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
-import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare const paginationPropForm: readonly ["default", "brick", "round"];
-export declare type PaginationPropForm = typeof paginationPropForm[number];
-export declare const paginationPropFormDefault: PaginationPropForm;
-export declare const paginationPropSize: readonly ["m", "xs", "s", "l"];
-export declare type PaginationPropSize = typeof paginationPropSize[number];
-export declare const paginationPropSizeDefault: PaginationPropSize;
-export declare const paginationPropType: readonly ["default", "input"];
-export declare type PaginationPropType = typeof paginationPropType[number];
-export declare const paginationPropTypeDefault: PaginationPropType;
-export declare type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';
-export declare type PaginationPropHotKey = {
-    label: string;
-    keys: string[];
-};
-export declare type PaginationPropOnItemClick<ITEM> = (item: ITEM, params: {
-    e: React.MouseEvent;
-}) => void;
-export declare type PaginationPropOnChange<ITEM> = (value: ITEM, params: {
-    e: React.MouseEvent | Event | React.KeyboardEvent;
-}) => void;
-export declare type PaginationPropArrow = boolean | IconComponent | {
-    label?: string;
-    icon?: IconComponent;
-};
-export declare type PaginationBasePropArrow = false | {
-    label?: string;
-    disabled?: boolean;
-    icon?: IconComponent;
-    onClick?: React.MouseEventHandler;
-};
-declare type PaginationArrowsProps = {
-    outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];
-} & ({
-    arrows: [PaginationPropArrow?, PaginationPropArrow?];
-    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
-} | {
-    arrows?: never;
-    hotKeys?: never;
-});
-declare type PaginationBaseArrowsProps = {
-    outerMostArrows?: [PaginationBasePropArrow?, PaginationBasePropArrow?];
-} & ({
-    arrows: [PaginationBasePropArrow?, PaginationBasePropArrow?];
-    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
-} | {
-    arrows?: never;
-    hotKeys?: never;
-});
-declare type Props<ITEM> = {
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    containerEventListener?: HTMLElement | Window;
-    value?: ITEM;
-    items?: ITEM extends number ? number : ITEM[];
-    onChange?: PaginationPropOnChange<ITEM>;
-};
-export declare type PaginationProps<TYPE extends PaginationPropType> = PropsWithHTMLAttributes<{
-    type?: TYPE;
-    showFirstPage?: boolean;
-    showLastPage?: boolean;
-    visibleCount?: number;
-} & Props<number>, HTMLDivElement> & PaginationArrowsProps & (TYPE extends 'input' ? {
-    getTotalLabel?: (pages: number) => string | number;
-} : {
-    getTotalLabel?: never;
-});
-export declare type PaginationComponent = <TYPE extends PaginationPropType>(props: PaginationProps<TYPE>) => React.ReactElement | null;
-export declare type PaginationItem = {
-    key: number;
-    label: string;
-    active?: boolean;
-    clickable?: boolean;
-    page: number;
-};
-export declare type PaginationBaseItemDefault = {
-    key: string | number;
-    label?: string;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-    clickable?: boolean;
-    attributes?: AsAttributes;
-    onClick?: React.MouseEventHandler;
-};
-export declare type PaginationPropGetItemKey<ITEM> = (item: ITEM) => PaginationBaseItemDefault['key'];
-export declare type PaginationPropGetItemLabel<ITEM> = (item: ITEM) => PaginationBaseItemDefault['label'];
-export declare type PaginationPropGetItemClickable<ITEM> = (item: ITEM) => PaginationBaseItemDefault['clickable'];
-export declare type PaginationPropGetItemAs<ITEM> = (item: ITEM) => PaginationBaseItemDefault['as'];
-export declare type PaginationPropGetItemAttributes<ITEM> = (item: ITEM) => PaginationBaseItemDefault['attributes'];
-export declare type PaginationPropGetItemRef<ITEM> = (item: ITEM) => PaginationBaseItemDefault['ref'];
-export declare type PaginationPropGetItemOnClick<ITEM> = (item: ITEM) => PaginationBaseItemDefault['onClick'];
-declare type Mappers<ITEM = PaginationBaseItemDefault> = {
-    getItemLabel?: PaginationPropGetItemLabel<ITEM>;
-    getItemKey?: PaginationPropGetItemKey<ITEM>;
-    getItemAs?: PaginationPropGetItemAs<ITEM>;
-    getItemAttributes?: PaginationPropGetItemAttributes<ITEM>;
-    getItemRef?: PaginationPropGetItemRef<ITEM>;
-    getItemClickable?: PaginationPropGetItemClickable<ITEM>;
-    getItemOnClick?: PaginationPropGetItemOnClick<ITEM>;
-};
-export declare type PaginationBaseProps<ITEM = PaginationBaseItemDefault> = PropsWithHTMLAttributes<Mappers<ITEM> & Props<ITEM> & PaginationBaseArrowsProps & (ITEM extends {
-    key: PaginationBaseItemDefault['key'];
-} ? {} : {
-    getItemKey: PaginationPropGetItemKey<ITEM>;
-}), HTMLDivElement>;
-export declare type PaginationBaseComponent = <ITEM = PaginationBaseItemDefault>(props: PaginationBaseProps<ITEM>) => React.ReactElement | null;
-export declare type PaginationArrowProps = PropsWithHTMLAttributes<{
-    icon?: IconComponent;
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    disabled?: boolean;
-    orientation?: 'start' | 'end';
-    label?: string;
-    caption?: string;
-}, HTMLButtonElement>;
-export declare type PaginationItemProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    label?: string;
-    active?: boolean;
-    clickable?: boolean;
-}, AS>;
-export declare type PaginationItemComponent = <AS extends AsTags = 'button'>(props: PaginationItemProps<AS>) => React.ReactElement | null;
-export declare type PaginationNumberInputProps = PropsWithHTMLAttributes<{
-    value?: number;
-    onChange?: PaginationPropOnChange<number>;
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    total: number;
-    getTotalLabel?: (pages: number) => string | number;
-}, HTMLDivElement>;
-export declare type PaginationListProps<ITEM> = PropsWithHTMLAttributesAndRef<{
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    items: ITEM[];
-    value?: ITEM;
-    onItemClick?: PaginationPropOnItemClick<ITEM>;
-}, HTMLDivElement> & Mappers<ITEM> & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemKey: PaginationPropGetItemKey<ITEM>;
-});
-export declare type PaginationListComponent = <ITEM extends PaginationBaseItemDefault>(props: PaginationListProps<ITEM>) => React.ReactElement | null;
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":["paginationPropForm","paginationPropFormDefault","paginationPropSize","paginationPropSizeDefault","paginationPropType","paginationPropTypeDefault"],"sources":["../../../../../src/components/PaginationCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const paginationPropForm = ['default', 'brick', 'round'] as const;\nexport type PaginationPropForm = typeof paginationPropForm[number];\nexport const paginationPropFormDefault: PaginationPropForm =\n  paginationPropForm[0];\n\nexport const paginationPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type PaginationPropSize = typeof paginationPropSize[number];\nexport const paginationPropSizeDefault: PaginationPropSize =\n  paginationPropSize[0];\n\nexport const paginationPropType = ['default', 'input'] as const;\nexport type PaginationPropType = typeof paginationPropType[number];\nexport const paginationPropTypeDefault: PaginationPropType =\n  paginationPropType[0];\n\nexport type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';\n\nexport type PaginationPropHotKey = { label: string; keys: string[] };\n\nexport type PaginationPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type PaginationPropOnChange<ITEM> = (\n  value: ITEM,\n  params: { e: React.MouseEvent | Event | React.KeyboardEvent },\n) => void;\n\n// ARROWS\n\nexport type PaginationPropArrow =\n  | boolean\n  | IconComponent\n  | {\n      label?: string;\n      icon?: IconComponent;\n    };\n\nexport type PaginationBasePropArrow =\n  | false\n  | {\n      label?: string;\n      disabled?: boolean;\n      icon?: IconComponent;\n      onClick?: React.MouseEventHandler;\n    };\n\ntype PaginationArrowsProps = {\n  outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];\n} & (\n  | {\n      arrows: [PaginationPropArrow?, PaginationPropArrow?];\n      hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n    }\n  | {\n      arrows?: never;\n      hotKeys?: never;\n    }\n);\n\ntype PaginationBaseArrowsProps = {\n  outerMostArrows?: [PaginationBasePropArrow?, PaginationBasePropArrow?];\n} & (\n  | {\n      arrows: [PaginationBasePropArrow?, PaginationBasePropArrow?];\n      hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n    }\n  | {\n      arrows?: never;\n      hotKeys?: never;\n    }\n);\n\ntype Props<ITEM> = {\n  form?: PaginationPropForm;\n  size?: PaginationPropSize;\n  containerEventListener?: HTMLElement | Window;\n  value?: ITEM;\n  items?: ITEM extends number ? number : ITEM[];\n  onChange?: PaginationPropOnChange<ITEM>;\n};\n\nexport type PaginationProps<TYPE extends PaginationPropType> =\n  PropsWithHTMLAttributes<\n    {\n      type?: TYPE;\n      showFirstPage?: boolean;\n      showLastPage?: boolean;\n      visibleCount?: number;\n    } & Props<number>,\n    HTMLDivElement\n  > &\n    PaginationArrowsProps &\n    (TYPE extends 'input'\n      ? { getTotalLabel?: (pages: number) => string | number }\n      : {\n          getTotalLabel?: never;\n        });\n\nexport type PaginationComponent = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type PaginationItem = {\n  key: number;\n  label: string;\n  active?: boolean;\n  clickable?: boolean;\n  page: number;\n};\n\nexport type PaginationBaseItemDefault = {\n  key: string | number;\n  label?: string;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  clickable?: boolean;\n  attributes?: AsAttributes;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type PaginationPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['key'];\nexport type PaginationPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['label'];\nexport type PaginationPropGetItemClickable<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['clickable'];\nexport type PaginationPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['as'];\nexport type PaginationPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['attributes'];\nexport type PaginationPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['ref'];\nexport type PaginationPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['onClick'];\n\ntype Mappers<ITEM = PaginationBaseItemDefault> = {\n  getItemLabel?: PaginationPropGetItemLabel<ITEM>;\n  getItemKey?: PaginationPropGetItemKey<ITEM>;\n  getItemAs?: PaginationPropGetItemAs<ITEM>;\n  getItemAttributes?: PaginationPropGetItemAttributes<ITEM>;\n  getItemRef?: PaginationPropGetItemRef<ITEM>;\n  getItemClickable?: PaginationPropGetItemClickable<ITEM>;\n  getItemOnClick?: PaginationPropGetItemOnClick<ITEM>;\n};\n\nexport type PaginationBaseProps<ITEM = PaginationBaseItemDefault> =\n  PropsWithHTMLAttributes<\n    Mappers<ITEM> &\n      Props<ITEM> &\n      PaginationBaseArrowsProps &\n      (ITEM extends { key: PaginationBaseItemDefault['key'] }\n        ? {}\n        : {\n            getItemKey: PaginationPropGetItemKey<ITEM>;\n          }),\n    HTMLDivElement\n  >;\n\nexport type PaginationBaseComponent = <ITEM = PaginationBaseItemDefault>(\n  props: PaginationBaseProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type PaginationArrowProps = PropsWithHTMLAttributes<\n  {\n    icon?: IconComponent;\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    disabled?: boolean;\n    orientation?: 'start' | 'end';\n    label?: string;\n    caption?: string;\n  },\n  HTMLButtonElement\n>;\n\nexport type PaginationItemProps<AS extends AsTags = 'button'> =\n  PropsWithAsAttributes<\n    {\n      form?: PaginationPropForm;\n      size?: PaginationPropSize;\n      label?: string;\n      active?: boolean;\n      clickable?: boolean;\n    },\n    AS\n  >;\n\nexport type PaginationItemComponent = <AS extends AsTags = 'button'>(\n  props: PaginationItemProps<AS>,\n) => React.ReactElement | null;\n\nexport type PaginationNumberInputProps = PropsWithHTMLAttributes<\n  {\n    value?: number;\n    onChange?: PaginationPropOnChange<number>;\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    total: number;\n    getTotalLabel?: (pages: number) => string | number;\n  },\n  HTMLDivElement\n>;\n\nexport type PaginationListProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    items: ITEM[];\n    value?: ITEM;\n    onItemClick?: PaginationPropOnItemClick<ITEM>;\n  },\n  HTMLDivElement\n> &\n  Mappers<ITEM> &\n  (ITEM extends { label: string }\n    ? {}\n    : {\n        getItemKey: PaginationPropGetItemKey<ITEM>;\n      });\n\nexport type PaginationListComponent = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

package/__internal__/src/components/PaginationCanary/usePaginationItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePaginationItems.js","names":["useEffect","useRef","useState","useComponentSize","useRefs","useResizeObserved","getPagesArray","usePaginationKeys","itemSizeMap","l","m","s","xs","getElementSize","el","offsetWidth","usePaginationItems","props","visibleCount","value","items","showFirstPage","showLastPage","containerEventListener","size","hotKeys","pages","setPages","maxVisiblePages","setMaxVisiblePages","wrapperRef","refs","firstWidth","prevWidth","nextWidth","lastWidth","prevButtonRef","nextButtonRef","width","Math","max","floor","currentPage","totalPages","buttonRefs"],"sources":["../../../../../src/components/PaginationCanary/usePaginationItems.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { getPagesArray } from './helpers';\nimport {\n  PaginationItem,\n  PaginationPropHotKey,\n  PaginationPropSize,\n} from './types';\nimport { usePaginationKeys } from './usePaginationKeys';\n\ntype UsePaginationItemsProps = {\n  visibleCount?: number;\n  value: number;\n  items: number;\n  showFirstPage?: boolean;\n  showLastPage?: boolean;\n  containerEventListener?: HTMLElement | Window;\n  size: PaginationPropSize;\n  hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n};\n\nexport const itemSizeMap: Record<PaginationPropSize, number> = {\n  l: 48,\n  m: 40,\n  s: 32,\n  xs: 24,\n};\n\nconst getElementSize = (el: HTMLElement | null) => el?.offsetWidth ?? 0;\n\nexport const usePaginationItems = (props: UsePaginationItemsProps) => {\n  const {\n    visibleCount,\n    value,\n    items,\n    showFirstPage,\n    showLastPage,\n    containerEventListener,\n    size,\n    hotKeys,\n  } = props;\n  const [pages, setPages] = useState<PaginationItem[]>([]);\n  const [maxVisiblePages, setMaxVisiblePages] = useState(7);\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const refs = useRefs<HTMLButtonElement>(4);\n\n  const [firstWidth, prevWidth, nextWidth, lastWidth] = useResizeObserved(\n    refs,\n    getElementSize,\n  );\n\n  usePaginationKeys({\n    containerEventListener,\n    hotKeys,\n    prevButtonRef: refs[1],\n    nextButtonRef: refs[2],\n  });\n\n  const { width } = useComponentSize(wrapperRef);\n\n  useEffect(() => {\n    setMaxVisiblePages(\n      Math.max(\n        Math.floor(\n          (width - firstWidth - prevWidth - nextWidth - lastWidth) /\n            (itemSizeMap[size] + 2),\n        ),\n        3 + (showFirstPage ? 2 : 0) + (showLastPage ? 2 : 0),\n      ),\n    );\n  }, [pages, firstWidth, prevWidth, nextWidth, lastWidth, width, size]);\n\n  useEffect(() => {\n    setPages(\n      getPagesArray({\n        currentPage: value,\n        totalPages: items,\n        visibleCount: visibleCount ?? maxVisiblePages,\n        showFirstPage,\n        showLastPage,\n      }),\n    );\n  }, [\n    visibleCount,\n    showFirstPage,\n    showLastPage,\n    value,\n    items,\n    maxVisiblePages,\n  ]);\n\n  return {\n    buttonRefs: refs,\n    wrapperRef,\n    pages,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/PaginationCanary/usePaginationKeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePaginationKeys.js","names":["useCallback","useEffect","useLayoutEffect","useRef","usePaginationKeys","params","containerEventListener","window","hotKeys","nextButtonRef","prevButtonRef","keys","hotKeysRef","keyUpListener","event","key","current","filter","hotKey","keyDownListener","start","end","includes","newKeys","every","click","addEventListener","removeEventListener"],"sources":["../../../../../src/components/PaginationCanary/usePaginationKeys.tsx"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { PaginationPropHotKey } from './types';\n\ntype UsePaginationKeysParams = {\n  containerEventListener?: HTMLElement | Window;\n  hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n  nextButtonRef?: React.RefObject<HTMLElement>;\n  prevButtonRef?: React.RefObject<HTMLElement>;\n};\n\nexport const usePaginationKeys = (params: UsePaginationKeysParams) => {\n  const {\n    containerEventListener = window,\n    hotKeys,\n    nextButtonRef,\n    prevButtonRef,\n  } = params;\n  const keys: React.MutableRefObject<string[]> = useRef([]);\n  const hotKeysRef = useRef(hotKeys ?? []);\n\n  const keyUpListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n    keys.current = keys.current.filter((hotKey) => hotKey !== key);\n  };\n\n  const keyDownListener: EventListener = useCallback(\n    (event) => {\n      const { key } = event as KeyboardEvent;\n\n      const [start, end] = hotKeysRef.current;\n\n      if (start?.keys.includes(key) || end?.keys.includes(key)) {\n        const newKeys = [...keys.current, key];\n        if (end?.keys.every((hotKey) => newKeys.includes(hotKey))) {\n          nextButtonRef?.current?.click();\n        } else if (start?.keys.every((hotKey) => newKeys.includes(hotKey))) {\n          prevButtonRef?.current?.click();\n        }\n        keys.current = newKeys;\n      }\n    },\n    [hotKeys],\n  );\n\n  useLayoutEffect(() => {\n    containerEventListener.addEventListener('keydown', keyDownListener);\n    containerEventListener.addEventListener('keyup', keyUpListener);\n    return () => {\n      containerEventListener.removeEventListener('keydown', keyDownListener);\n      containerEventListener.removeEventListener('keyup', keyUpListener);\n    };\n  }, [nextButtonRef, prevButtonRef, containerEventListener]);\n\n  useEffect(() => {\n    if (hotKeys) {\n      hotKeysRef.current = hotKeys;\n    }\n  }, [hotKeys]);\n};\n"],"mappings":"0IAAA,OAASA,WAAT,CAAsBC,SAAtB,CAAiCC,eAAjC,CAAkDC,MAAlD,KAAgE,OAAhE,CAWA,MAAO,IAAMC,kBAAiB,CAAG,SAACC,CAAD,CAAqC,OAMhEA,CANgE,CAElEC,sBAFkE,CAElEA,CAFkE,YAEzCC,MAFyC,GAGlEC,CAHkE,CAMhEH,CANgE,CAGlEG,OAHkE,CAIlEC,CAJkE,CAMhEJ,CANgE,CAIlEI,aAJkE,CAKlEC,CALkE,CAMhEL,CANgE,CAKlEK,aALkE,CAO9DC,CAAsC,CAAGR,MAAM,CAAC,EAAD,CAPe,CAQ9DS,CAAU,CAAGT,MAAM,QAACK,CAAD,WAACA,CAAD,CAACA,CAAD,CAAY,EAAZ,CAR2C,CAU9DK,CAA4B,CAAG,SAACC,CAAD,CAAW,CAC9C,GAAQC,EAAR,CAAgBD,CAAhB,CAAQC,GAAR,CACAJ,CAAI,CAACK,OAAL,CAAeL,CAAI,CAACK,OAAL,CAAaC,MAAb,CAAoB,SAACC,CAAD,QAAYA,EAAM,GAAKH,CAAvB,CAApB,CAChB,CAbmE,CAe9DI,CAA8B,CAAGnB,WAAW,CAChD,SAACc,CAAD,CAAW,IACDC,EADC,CACOD,CADP,CACDC,GADC,kBAGYH,CAAU,CAACI,OAHvB,IAGFI,CAHE,MAGKC,CAHL,MAKT,GAAI,OAAAD,CAAK,WAALA,CAAA,EAAAA,CAAK,CAAET,IAAP,CAAYW,QAAZ,CAAqBP,CAArB,UAA6BM,CAA7B,WAA6BA,CAA7B,EAA6BA,CAAG,CAAEV,IAAL,CAAUW,QAAV,CAAmBP,CAAnB,CAAjC,CAA0D,CACxD,GAAMQ,EAAO,8BAAOZ,CAAI,CAACK,OAAZ,GAAqBD,CAArB,EAAb,CACA,UAAIM,CAAJ,WAAIA,CAAJ,EAAIA,CAAG,CAAEV,IAAL,CAAUa,KAAV,CAAgB,SAACN,CAAD,QAAYK,EAAO,CAACD,QAAR,CAAiBJ,CAAjB,CAAZ,CAAhB,CAAJ,CAA2D,cACzDT,CADyD,WACzDA,CADyD,YACzDA,CAAa,CAAEO,OAD0C,qBACzD,EAAwBS,KAAxB,EACD,CAFD,IAEO,WAAIL,CAAJ,WAAIA,CAAJ,EAAIA,CAAK,CAAET,IAAP,CAAYa,KAAZ,CAAkB,SAACN,CAAD,QAAYK,EAAO,CAACD,QAAR,CAAiBJ,CAAjB,CAAZ,CAAlB,CAAJ,CAA6D,cAClER,CADkE,WAClEA,CADkE,YAClEA,CAAa,CAAEM,OADmD,qBAClE,EAAwBS,KAAxB,EACD,CACDd,CAAI,CAACK,OAAL,CAAeO,CAChB,CACF,CAf+C,CAgBhD,CAACf,CAAD,CAhBgD,CAfkB,CAkCpEN,eAAe,CAAC,UAAM,CAGpB,MAFAI,EAAsB,CAACoB,gBAAvB,CAAwC,SAAxC,CAAmDP,CAAnD,CAEA,CADAb,CAAsB,CAACoB,gBAAvB,CAAwC,OAAxC,CAAiDb,CAAjD,CACA,CAAO,UAAM,CACXP,CAAsB,CAACqB,mBAAvB,CAA2C,SAA3C,CAAsDR,CAAtD,CADW,CAEXb,CAAsB,CAACqB,mBAAvB,CAA2C,OAA3C,CAAoDd,CAApD,CACD,CACF,CAPc,CAOZ,CAACJ,CAAD,CAAgBC,CAAhB,CAA+BJ,CAA/B,CAPY,CAlCqD,CA2CpEL,SAAS,CAAC,UAAM,CACVO,CADU,GAEZI,CAAU,CAACI,OAAX,CAAqBR,CAFT,CAIf,CAJQ,CAIN,CAACA,CAAD,CAJM,CAKV,CAhDM"}

package/__internal__/src/components/RadioGroupDeprecated/RadioGroup.css

@@ -1 +0,0 @@
-.RadioGroup{display:flex}.RadioGroup_direction_column{flex-direction:column}.RadioGroup_direction_column .RadioGroup-Item:not(:last-child){margin-bottom:var(--offset)}.RadioGroup_direction_row{flex-direction:row}.RadioGroup_direction_row .RadioGroup-Item:not(:last-child){margin-right:var(--offset)}.RadioGroup_size_m{--offset:var(--space-xs)}.RadioGroup_size_l{--offset:var(--space-s)}

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

@@ -1,37 +0,0 @@
-import './RadioGroup.css';
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const cnRadioGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const radioGroupDirections: readonly ["column", "row"];
-export declare type RadioGroupDirection = typeof radioGroupDirections[number];
-export declare const radioGroupDefaultDirection: RadioGroupDirection;
-export declare const radioGroupSizes: readonly ["m", "l"];
-export declare type RadioGroupPropSize = typeof radioGroupSizes[number];
-export declare const radioGroupDefaultSize: RadioGroupPropSize;
-export declare const radioGroupViews: readonly ["primary", "ghost"];
-export declare type RadioGroupPropView = typeof radioGroupViews[number];
-export declare const radioGroupDefaultView: RadioGroupPropView;
-export declare const radioGroupPropAlign: readonly ["center", "top"];
-export declare type RadioGroupPropAlign = typeof radioGroupPropAlign[number];
-export declare const radioGroupPropAlignDefault: RadioGroupPropAlign;
-declare type CommonProps<ITEM> = {
-    align?: RadioGroupPropAlign;
-    value?: ITEM | null;
-    items: ITEM[];
-    getLabel: (item: ITEM) => string;
-    getDisabled?: (item: ITEM) => boolean | undefined;
-    onChange: (props: {
-        e: React.ChangeEvent<HTMLInputElement>;
-        value: ITEM;
-    }) => void;
-    name?: string;
-    direction?: RadioGroupDirection;
-    size?: RadioGroupPropSize;
-    view?: RadioGroupPropView;
-    disabled?: boolean;
-    className?: string;
-};
-declare type Props<ITEM> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM>, HTMLDivElement>;
-declare type RadioGroup = <ITEM>(props: Props<ITEM>) => React.ReactElement | null;
-export declare const RadioGroup: RadioGroup;
-export {};

package/__internal__/src/components/RadioGroupDeprecated/RadioGroupDeprecated.js

@@ -1,2 +0,0 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getLabel","getDisabled","onChange","name","direction","size","view","align","disabled","className"];import"./RadioGroup.css";import React from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Radio}from"../Radio/Radio";export var cnRadioGroup=cn("RadioGroup");export var radioGroupDirections=["column","row"];export var radioGroupDefaultDirection=radioGroupDirections[0];export var radioGroupSizes=["m","l"];export var radioGroupDefaultSize=radioGroupSizes[0];export var radioGroupViews=["primary","ghost"];export var radioGroupDefaultView=radioGroupViews[0];export var radioGroupPropAlign=["center","top"];export var radioGroupPropAlignDefault=radioGroupPropAlign[0];export var RadioGroup=React.forwardRef(function(a,b){var c=a.value,d=void 0===c?null:c,e=a.items,f=a.getLabel,g=a.getDisabled,h=a.onChange,i=a.name,j=a.direction,k=void 0===j?radioGroupDefaultDirection:j,l=a.size,m=void 0===l?radioGroupDefaultSize:l,n=a.view,o=void 0===n?radioGroupDefaultView:n,p=a.align,q=void 0===p?radioGroupPropAlignDefault:p,r=a.disabled,s=a.className,t=_objectWithoutProperties(a,_excluded),u=useChoiceGroup({value:d,getKey:f,callBack:h,multiple:!1}),v=u.getOnChange,w=u.getChecked;return React.createElement("div",Object.assign({},t,{ref:b,className:cnRadioGroup({direction:k,size:m,view:o},[s])}),e.map(function(a){return React.createElement(Radio,{align:q,key:f(a),label:f(a),size:m,view:o,name:i,disabled:void 0!==r&&r||!!g&&g(a),checked:w(a),onChange:function(b){var c=b.e;return v(a)(c)},className:cnRadioGroup("Item")})}))});
-//# sourceMappingURL=RadioGroupDeprecated.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroupDeprecated.js","names":["React","useChoiceGroup","cn","Radio","cnRadioGroup","radioGroupDirections","radioGroupDefaultDirection","radioGroupSizes","radioGroupDefaultSize","radioGroupViews","radioGroupDefaultView","radioGroupPropAlign","radioGroupPropAlignDefault","RadioGroup","forwardRef","props","ref","value","items","getLabel","getDisabled","onChange","name","direction","size","view","align","disabled","className","otherProps","getKey","callBack","multiple","getOnChange","getChecked","map","item","e"],"sources":["../../../../../src/components/RadioGroupDeprecated/RadioGroupDeprecated.tsx"],"sourcesContent":["import './RadioGroup.css';\n\nimport React from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Radio } from '../Radio/Radio';\n\nexport const cnRadioGroup = cn('RadioGroup');\n\nexport const radioGroupDirections = ['column', 'row'] as const;\nexport type RadioGroupDirection = typeof radioGroupDirections[number];\nexport const radioGroupDefaultDirection: RadioGroupDirection =\n  radioGroupDirections[0];\n\nexport const radioGroupSizes = ['m', 'l'] as const;\nexport type RadioGroupPropSize = typeof radioGroupSizes[number];\nexport const radioGroupDefaultSize: RadioGroupPropSize = radioGroupSizes[0];\n\nexport const radioGroupViews = ['primary', 'ghost'] as const;\nexport type RadioGroupPropView = typeof radioGroupViews[number];\nexport const radioGroupDefaultView: RadioGroupPropView = radioGroupViews[0];\n\nexport const radioGroupPropAlign = ['center', 'top'] as const;\nexport type RadioGroupPropAlign = typeof radioGroupPropAlign[number];\nexport const radioGroupPropAlignDefault: RadioGroupPropAlign =\n  radioGroupPropAlign[0];\n\ntype CommonProps<ITEM> = {\n  align?: RadioGroupPropAlign;\n  value?: ITEM | null;\n  items: ITEM[];\n  getLabel: (item: ITEM) => string;\n  getDisabled?: (item: ITEM) => boolean | undefined;\n  onChange: (props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n    value: ITEM;\n  }) => void;\n  name?: string;\n  direction?: RadioGroupDirection;\n  size?: RadioGroupPropSize;\n  view?: RadioGroupPropView;\n  disabled?: boolean;\n  className?: string;\n};\n\ntype Props<ITEM> = PropsWithHTMLAttributesAndRef<\n  CommonProps<ITEM>,\n  HTMLDivElement\n>;\n\ntype RadioGroup = <ITEM>(props: Props<ITEM>) => React.ReactElement | null;\n\nexport const RadioGroup: RadioGroup = React.forwardRef((props, ref) => {\n  const {\n    value = null,\n    items,\n    getLabel,\n    getDisabled,\n    onChange,\n    name,\n    direction = radioGroupDefaultDirection,\n    size = radioGroupDefaultSize,\n    view = radioGroupDefaultView,\n    align = radioGroupPropAlignDefault,\n    disabled = false,\n    className,\n    ...otherProps\n  } = props;\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnRadioGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => (\n        <Radio\n          align={align}\n          key={getLabel(item)}\n          label={getLabel(item)}\n          size={size}\n          view={view}\n          name={name}\n          disabled={disabled || (!!getDisabled && getDisabled(item))}\n          checked={getChecked(item)}\n          onChange={({ e }) => getOnChange(item)(e)}\n          className={cnRadioGroup('Item')}\n        />\n      ))}\n    </div>\n  );\n});\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-export * from './RadioGroupDeprecated';

package/__internal__/src/components/RadioGroupDeprecated/index.js

@@ -1,2 +0,0 @@
-export*from"./RadioGroupDeprecated";
-//# sourceMappingURL=index.js.map

package/__internal__/src/components/RadioGroupDeprecated/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/RadioGroupDeprecated/index.ts"],"sourcesContent":["export * from './RadioGroupDeprecated';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ScrollExample/ScrollExample.stories.d.ts

@@ -1,2 +0,0 @@
-import './styles.css';
-export declare const Playground: () => JSX.Element;

package/__internal__/src/components/ScrollExample/ScrollExample.stories.js

@@ -1,2 +0,0 @@
-import"./styles.css";import React from"react";import{Text}from"../Text/Text";export var Playground=function(){return React.createElement("div",{className:"Container"},React.createElement(Text,{as:"p",view:"primary",size:"l"},":horizontal \u2013 The horizontal pseudo-class applies to any scrollbar pieces that have a horizontal orientation."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":vertical \u2013 The vertical pseudo-class applies to any scrollbar pieces that have a vertical orientation."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":decrement \u2013 The decrement pseudo-class applies to buttons and track pieces. It indicates whether or not the button or track piece will decrement the view\u2019s position when used (e.g., up on a vertical scrollbar, left on a horizontal scrollbar)."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":increment \u2013 The increment pseudo-class applies to buttons and track pieces. It indicates whether or not a button or track piece will increment the view\u2019s position when used (e.g., down on a vertical scrollbar, right on a horizontal scrollbar)."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":start \u2013 The start pseudo-class applies to buttons and track pieces. It indicates whether the object is placed before the thumb."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":end \u2013 The end pseudo-class applies to buttons and track pieces. It indicates whether the object is placed after the thumb."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":double-button \u2013 The double-button pseudo-class applies to buttons and track pieces. It is used to detect whether a button is part of a pair of buttons that are together at the same end of a scrollbar. For track pieces it indicates whether the track piece abuts a pair of buttons."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":single-button \u2013 The single-button pseudo-class applies to buttons and track pieces. It is used to detect whether a button is by itself at the end of a scrollbar. For track pieces it indicates whether the track piece abuts a singleton button."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":no-button \u2013 Applies to track pieces and indicates whether or not the track piece runs to the edge of the scrollbar, i.e., there is no button at that end of the track."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":corner-present \u2013 Applies to all scrollbar pieces and indicates whether or not a scrollbar corner is present."),React.createElement(Text,{as:"p",view:"primary",size:"l"},":window-inactive \u2013 Applies to all scrollbar pieces and indicates whether or not the window containing the scrollbar is currently active. (In recent nightlies, this pseudo-class now applies to ::selection as well. We plan to extend it to work with any content and to propose it as a new standard pseudo-class.)"))};
-//# sourceMappingURL=ScrollExample.stories.js.map

package/__internal__/src/components/ScrollExample/ScrollExample.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollExample.stories.js","names":["React","Text","Playground"],"sources":["../../../../../src/components/ScrollExample/ScrollExample.stories.tsx"],"sourcesContent":["import './styles.css';\n\nimport React from 'react';\n\nimport { Text } from '../Text/Text';\n\nexport const Playground = () => {\n  return (\n    <div className=\"Container\">\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :horizontal – The horizontal pseudo-class applies to any scrollbar\n        pieces that have a horizontal orientation.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :vertical – The vertical pseudo-class applies to any scrollbar pieces\n        that have a vertical orientation.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :decrement – The decrement pseudo-class applies to buttons and track\n        pieces. It indicates whether or not the button or track piece will\n        decrement the view’s position when used (e.g., up on a vertical\n        scrollbar, left on a horizontal scrollbar).\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :increment – The increment pseudo-class applies to buttons and track\n        pieces. It indicates whether or not a button or track piece will\n        increment the view’s position when used (e.g., down on a vertical\n        scrollbar, right on a horizontal scrollbar).\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :start – The start pseudo-class applies to buttons and track pieces. It\n        indicates whether the object is placed before the thumb.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :end – The end pseudo-class applies to buttons and track pieces. It\n        indicates whether the object is placed after the thumb.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :double-button – The double-button pseudo-class applies to buttons and\n        track pieces. It is used to detect whether a button is part of a pair of\n        buttons that are together at the same end of a scrollbar. For track\n        pieces it indicates whether the track piece abuts a pair of buttons.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :single-button – The single-button pseudo-class applies to buttons and\n        track pieces. It is used to detect whether a button is by itself at the\n        end of a scrollbar. For track pieces it indicates whether the track\n        piece abuts a singleton button.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :no-button – Applies to track pieces and indicates whether or not the\n        track piece runs to the edge of the scrollbar, i.e., there is no button\n        at that end of the track.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :corner-present – Applies to all scrollbar pieces and indicates whether\n        or not a scrollbar corner is present.\n      </Text>\n      <Text as=\"p\" view=\"primary\" size=\"l\">\n        :window-inactive – Applies to all scrollbar pieces and indicates whether\n        or not the window containing the scrollbar is currently active. (In\n        recent nightlies, this pseudo-class now applies to ::selection as well.\n        We plan to extend it to work with any content and to propose it as a new\n        standard pseudo-class.)\n      </Text>\n    </div>\n  );\n};\n\n// TODO: пока убрали, в дальнейшем когда будет выделенно место под такие строи опубликуем.\n\n// export default {\n//   title: 'Компоненты|/Radio',\n//   component: Playground,\n// };\n"],"mappings":"AAAA,qBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,oBAEA,MAAO,IAAMC,WAAU,CAAG,UAAM,CAC9B,MACE,4BAAK,SAAS,CAAC,WAAf,EACE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,uHADF,CAKE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,iHALF,CASE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,kQATF,CAeE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,mQAfF,CAqBE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,0IArBF,CAyBE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,qIAzBF,CA6BE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,kSA7BF,CAmCE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,4PAnCF,CAyCE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,iLAzCF,CA8CE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,uHA9CF,CAkDE,oBAAC,IAAD,EAAM,EAAE,CAAC,GAAT,CAAa,IAAI,CAAC,SAAlB,CAA4B,IAAI,CAAC,GAAjC,+TAlDF,CA2DH,CA7DM"}

package/__internal__/src/components/ScrollExample/styles.css

@@ -1 +0,0 @@
-.Container{height:300px;overflow:auto;width:700px}.Container>.text{width:110%}

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

@@ -1,4 +0,0 @@
-import '##/components/SelectComponents/Select.css';
-import { SelectComponent } from './helpers';
-export declare const Select: SelectComponent;
-export * from './helpers';

package/__internal__/src/components/SelectCanary/SelectCanary.js

@@ -1,2 +0,0 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValue","inputRef","style","dropdownForm","onDropdownOpen","onScrollToBottom","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs"];import"../SelectComponents/Select.css";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect,COMPONENT_NAME}from"../SelectComponentsCanary/cnSelect";import{defaultLabelForEmptyItems}from"../SelectComponentsCanary/helpers";import{SelectContainer}from"../SelectComponentsCanary/SelectContainer";import{SelectDropdown}from"../SelectComponentsCanary/SelectDropdown";import{SelectItem}from"../SelectComponentsCanary/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponentsCanary/types";import{useSelect}from"../SelectComponentsCanary/useSelect";import{useForkRef}from"../../hooks/useForkRef";import{isNotNil}from"../../utils/type-guards";import{iconSizeMap,withDefaultGetters}from"./helpers";var SelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),d),f=e.placeholder,g=e.onBlur,h=e.onFocus,i=e.items,j=e.onChange,k=e.value,l=e.required,m=e.disabled,n=e.ariaLabel,o=e.id,p=e.dropdownRef,q=e.form,r=void 0===q?defaultPropForm:q,s=e.view,t=void 0===s?defaultPropView:s,u=e.size,v=void 0===u?defaultPropSize:u,w=e.dropdownClassName,x=e.name,y=e.groups,z=void 0===y?[]:y,A=e.getItemLabel,B=e.labelForEmptyItems,C=void 0===B?defaultLabelForEmptyItems:B,D=e.getItemKey,E=e.getItemGroupKey,F=e.getItemDisabled,G=e.getGroupKey,H=e.getGroupLabel,I=e.renderItem,J=e.isLoading,K=e.renderValue,L=e.inputRef,M=e.style,N=e.dropdownForm,O=void 0===N?"default":N,P=e.onDropdownOpen,Q=e.onScrollToBottom,R=e.virtualScroll,S=e.dropdownOpen,T=e.ignoreOutsideClicksRefs,U=_objectWithoutProperties(e,_excluded),V=useSelect({items:i,groups:z,value:k,onChange:j,dropdownRef:c,controlRef:d,disabled:m,getItemLabel:A,getItemKey:D,getGroupKey:G,getItemGroupKey:E,getItemDisabled:F,multiple:!1,onBlur:g,onFocus:h,onDropdownOpen:P,dropdownOpen:S,ignoreOutsideClicksRefs:T}),W=V.getKeyProps,X=V.getOptionProps,Y=V.isOpen,Z=V.visibleItems,$=V.isFocused,_=V.handleInputFocus,aa=V.handleInputBlur,ba=V.handleToggleDropdown,ca=V.inputRef,da=V.handleInputClick,ea=V.notFound,fa=V.hasItems,ga=V.optionsRefs,ha=o?"".concat(o,"-input"):o;return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:$,disabled:m,size:v,view:t,form:r,required:l,ref:b,style:M,id:ha},U),React.createElement("div",{className:cnSelect("Control"),ref:d,"aria-expanded":Y,"aria-haspopup":"listbox",id:o},React.createElement("div",{className:cnSelect("ControlInner")},React.createElement("div",{className:cnSelect("ControlValueContainer")},React.createElement("input",Object.assign({},W(),{className:cnSelect("FakeField"),type:"text",name:x,id:ha,onFocus:_,onBlur:aa,"aria-label":n,onClick:da,ref:useForkRef([ca,L]),readOnly:!0})),isNotNil(k)&&(K||function renderValueDefault(a){var b=A(a.item);return React.createElement("span",{className:cnSelect("ControlValue"),title:b},b)})({item:k}),!isNotNil(k)&&f&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},f))),React.createElement("span",{className:cnSelect("Indicators")},React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ba},React.createElement(IconSelect,{size:iconSizeMap[v],className:cnSelect("DropdownIndicatorIcon")}))))),React.createElement(SelectDropdown,{isOpen:Y,size:v,controlRef:d,getOptionProps:X,dropdownRef:useForkRef([p,c]),form:O,className:w,renderItem:I||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter,g=a.ref;return React.createElement(SelectItem,{label:A(b),active:c,hovered:d,multiple:!1,size:v,indent:"round"===O?"increased":"normal",onClick:e,onMouseEnter:f,disabled:F(b),ref:g})},getGroupLabel:H,visibleItems:Z,notFound:ea,isLoading:J,labelForEmptyItems:C,hasItems:fa,itemsRefs:ga,virtualScroll:R,onScrollToBottom:Q,style:"number"==typeof(null===M||void 0===M?void 0:M.zIndex)?{zIndex:M.zIndex+1}:void 0}))};export var Select=forwardRef(SelectRender);export*from"./helpers";
-//# sourceMappingURL=SelectCanary.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectCanary.js","names":["IconSelect","React","forwardRef","useRef","usePropsHandler","cnSelect","COMPONENT_NAME","defaultLabelForEmptyItems","SelectContainer","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","useSelect","useForkRef","isNotNil","iconSizeMap","withDefaultGetters","SelectRender","props","ref","defaultDropdownRef","controlRef","placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValueProp","renderValue","inputRefProp","inputRef","style","dropdownForm","onDropdownOpen","onScrollToBottom","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs","restProps","multiple","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","notFound","hasItems","optionsRefs","inputId","renderValueDefault","label","item","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Select"],"sources":["../../../../../src/components/SelectCanary/SelectCanary.tsx"],"sourcesContent":["import '##/components/SelectComponents/Select.css';\n\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport {\n  cnSelect,\n  COMPONENT_NAME,\n} from '##/components/SelectComponentsCanary/cnSelect';\nimport { defaultLabelForEmptyItems } from '##/components/SelectComponentsCanary/helpers';\nimport { SelectContainer } from '##/components/SelectComponentsCanary/SelectContainer';\nimport { SelectDropdown } from '##/components/SelectComponentsCanary/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponentsCanary/SelectItem';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '##/components/SelectComponentsCanary/types';\nimport { useSelect } from '##/components/SelectComponentsCanary/useSelect';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  DefaultGroup,\n  DefaultItem,\n  iconSizeMap,\n  PropRenderItem,\n  PropRenderValue,\n  SelectComponent,\n  SelectProps,\n  withDefaultGetters,\n} from './helpers';\n\nconst SelectRender = <ITEM = DefaultItem, GROUP = DefaultGroup>(\n  props: SelectProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    required,\n    disabled,\n    ariaLabel,\n    id,\n    dropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    isLoading,\n    renderValue: renderValueProp,\n    inputRef: inputRefProp,\n    style,\n    dropdownForm = 'default',\n    onDropdownOpen,\n    onScrollToBottom,\n    virtualScroll,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n    ...restProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    notFound,\n    hasItems,\n    optionsRefs,\n  } = useSelect<ITEM, GROUP, false>({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef: defaultDropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple: false,\n    onBlur,\n    onFocus,\n    onDropdownOpen,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n  });\n\n  const inputId = id ? `${id}-input` : id;\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter, ref } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={false}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n        ref={ref}\n      />\n    );\n  };\n\n  const renderValueDefault: PropRenderValue<ITEM> = (props) => {\n    const label = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={label}>\n        {label}\n      </span>\n    );\n  };\n\n  const renderValue = renderValueProp || renderValueDefault;\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        form={form}\n        required={required}\n        ref={ref}\n        style={style}\n        id={inputId}\n        {...restProps}\n      >\n        <div\n          className={cnSelect('Control')}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div className={cnSelect('ControlInner')}>\n            <div className={cnSelect('ControlValueContainer')}>\n              <input\n                {...getKeyProps()}\n                className={cnSelect('FakeField')}\n                type=\"text\"\n                name={name}\n                id={inputId}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                aria-label={ariaLabel}\n                onClick={handleInputClick}\n                ref={useForkRef([inputRef, inputRefProp])}\n                readOnly\n              />\n              {isNotNil(value) && renderValue({ item: value })}\n              {!isNotNil(value) && placeholder && (\n                <span className={cnSelect('Placeholder')} title=\"placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size={iconSizeMap[size]}\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={useForkRef([dropdownRef, defaultDropdownRef])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        notFound={notFound}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        hasItems={hasItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Select = forwardRef(SelectRender) as SelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}

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

@@ -1,160 +0,0 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponentsCanary/types';
-export declare type DefaultItem = {
-    label: string;
-    id: string | number;
-    groupId?: string | number;
-    disabled?: boolean;
-};
-export declare type DefaultGroup = {
-    label: string;
-    id: string | number;
-};
-declare type PropValue<ITEM> = ITEM | null | undefined;
-declare type RenderValueProps<ITEM> = {
-    item: ITEM;
-};
-export declare type PropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type PropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type PropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;
-export declare type PropGetGroupLabel<GROUP> = (group: GROUP) => string;
-export declare type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type PropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
-export declare type SelectProps<ITEM = DefaultItem, GROUP = DefaultGroup> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    onChange: (value: ITEM | null, props: {
-        e: React.SyntheticEvent;
-    }) => void;
-    disabled?: boolean;
-    form?: PropForm;
-    dropdownForm?: 'default' | 'brick' | 'round';
-    size?: PropSize;
-    view?: PropView;
-    status?: PropStatus;
-    focused?: boolean;
-    placeholder?: string;
-    ariaLabel?: string;
-    dropdownClassName?: string;
-    dropdownRef?: React.RefObject<HTMLDivElement>;
-    required?: boolean;
-    name?: string;
-    isLoading?: boolean;
-    labelForEmptyItems?: string;
-    value?: PropValue<ITEM>;
-    renderItem?: PropRenderItem<ITEM>;
-    renderValue?: PropRenderValue<ITEM>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    groups?: GROUP[];
-    getItemLabel?: PropGetItemLabel<ITEM>;
-    getItemKey?: PropGetItemKey<ITEM>;
-    getItemGroupKey?: PropGetItemGroupKey<ITEM>;
-    getItemDisabled?: PropGetItemDisabled<ITEM>;
-    getGroupLabel?: PropGetGroupLabel<GROUP>;
-    getGroupKey?: PropGetGroupKey<GROUP>;
-    label?: string;
-    labelIcon?: IconComponent;
-    labelPosition?: 'top' | 'left';
-    caption?: string;
-    virtualScroll?: boolean;
-    onScrollToBottom?: () => void;
-    onDropdownOpen?: (isOpen: boolean) => void;
-    dropdownOpen?: boolean;
-    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
-}, HTMLDivElement> & (ITEM extends {
-    label: DefaultItem['label'];
-} ? {} : {
-    getItemLabel: PropGetItemLabel<ITEM>;
-}) & (ITEM extends {
-    id: DefaultItem['id'];
-} ? {} : {
-    getItemKey: PropGetItemKey<ITEM>;
-}) & (GROUP extends {
-    label: DefaultGroup['label'];
-} ? {} : {
-    getGroupLabel: PropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: DefaultGroup['id'];
-} ? {} : {
-    getGroupKey: PropGetGroupKey<GROUP>;
-});
-export declare type SelectComponent = <ITEM = DefaultItem, GROUP = DefaultGroup>(props: SelectProps<ITEM, GROUP>) => React.ReactElement | null;
-export declare const defaultGetItemKey: PropGetItemKey<DefaultItem>;
-export declare const defaultGetItemLabel: PropGetItemLabel<DefaultItem>;
-export declare const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem>;
-export declare const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem>;
-export declare const defaultGetGroupKey: PropGetGroupKey<DefaultGroup>;
-export declare const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup>;
-export declare function withDefaultGetters<ITEM, GROUP>(props: SelectProps<ITEM, GROUP>): {
-    items: ITEM[];
-    onChange: (value: ITEM | null, props: {
-        e: React.SyntheticEvent<Element, Event>;
-    }) => void;
-    disabled?: boolean | undefined;
-    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
-    dropdownForm?: "default" | "brick" | "round" | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
-    view?: "default" | "clear" | undefined;
-    status?: "alert" | "warning" | "success" | undefined;
-    focused?: boolean | undefined;
-    placeholder?: string | undefined;
-    ariaLabel?: string | undefined;
-    dropdownClassName?: string | undefined;
-    dropdownRef?: React.RefObject<HTMLDivElement> | undefined;
-    required?: boolean | undefined;
-    name?: string | undefined;
-    isLoading?: boolean | undefined;
-    labelForEmptyItems?: string | undefined;
-    value?: PropValue<ITEM>;
-    renderItem?: PropRenderItem<ITEM> | undefined;
-    renderValue?: PropRenderValue<ITEM> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    inputRef?: React.RefObject<HTMLInputElement> | undefined;
-    groups?: GROUP[] | undefined;
-    getItemLabel?: PropGetItemLabel<ITEM> | undefined;
-    getItemKey?: PropGetItemKey<ITEM> | undefined;
-    getItemGroupKey?: PropGetItemGroupKey<ITEM> | undefined;
-    getItemDisabled?: PropGetItemDisabled<ITEM> | undefined;
-    getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
-    getGroupKey?: PropGetGroupKey<GROUP> | undefined;
-    label?: string | undefined;
-    labelIcon?: IconComponent<"span"> | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    caption?: string | undefined;
-    virtualScroll?: boolean | undefined;
-    onScrollToBottom?: (() => void) | undefined;
-    onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
-    dropdownOpen?: boolean | undefined;
-    ignoreOutsideClicksRefs?: readonly React.RefObject<HTMLElement>[] | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "caption" | "form" | "label" | "view" | "status" | "name" | "disabled" | "value" | "required" | "inputRef" | "items" | "dropdownForm" | "focused" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: PropGetItemLabel<ITEM>;
-}) & (ITEM extends {
-    id: string | number;
-} ? {} : {
-    getItemKey: PropGetItemKey<ITEM>;
-}) & (GROUP extends {
-    label: string;
-} ? {} : {
-    getGroupLabel: PropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: string | number;
-} ? {} : {
-    getGroupKey: PropGetGroupKey<GROUP>;
-}) & {
-    getItemLabel: PropGetItemLabel<DefaultItem> | PropGetItemLabel<ITEM>;
-    getItemKey: PropGetItemKey<DefaultItem> | PropGetItemKey<ITEM>;
-    getItemGroupKey: PropGetItemGroupKey<DefaultItem> | PropGetItemGroupKey<ITEM>;
-    getItemDisabled: PropGetItemDisabled<DefaultItem> | PropGetItemDisabled<ITEM>;
-    getGroupLabel: PropGetGroupLabel<DefaultGroup> | PropGetGroupLabel<GROUP>;
-    getGroupKey: PropGetGroupKey<DefaultGroup> | PropGetGroupKey<GROUP>;
-};
-export declare const iconSizeMap: Record<PropSize, IconPropSize>;
-export {};

package/__internal__/src/components/SelectCanary/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","iconSizeMap","xs","s","m","l"],"sources":["../../../../../src/components/SelectCanary/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  PropForm,\n  PropSize,\n  PropStatus,\n  PropView,\n  RenderItemProps,\n} from '../SelectComponentsCanary/types';\n\nexport type DefaultItem = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type DefaultGroup = {\n  label: string;\n  id: string | number;\n};\n\ntype PropValue<ITEM> = ITEM | null | undefined;\n\ntype RenderValueProps<ITEM> = {\n  item: ITEM;\n};\n\nexport type PropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type PropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type PropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type PropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type PropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\nexport type PropRenderValue<ITEM> = (\n  props: RenderValueProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type SelectProps<\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: (value: ITEM | null, props: { e: React.SyntheticEvent }) => void;\n    disabled?: boolean;\n    form?: PropForm;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    size?: PropSize;\n    view?: PropView;\n    status?: PropStatus;\n    focused?: boolean;\n    placeholder?: string;\n    ariaLabel?: string;\n    dropdownClassName?: string;\n    dropdownRef?: React.RefObject<HTMLDivElement>;\n    required?: boolean;\n    name?: string;\n    isLoading?: boolean;\n    labelForEmptyItems?: string;\n    value?: PropValue<ITEM>;\n    renderItem?: PropRenderItem<ITEM>;\n    renderValue?: PropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    inputRef?: React.RefObject<HTMLInputElement>;\n    groups?: GROUP[];\n    getItemLabel?: PropGetItemLabel<ITEM>;\n    getItemKey?: PropGetItemKey<ITEM>;\n    getItemGroupKey?: PropGetItemGroupKey<ITEM>;\n    getItemDisabled?: PropGetItemDisabled<ITEM>;\n    getGroupLabel?: PropGetGroupLabel<GROUP>;\n    getGroupKey?: PropGetGroupKey<GROUP>;\n    label?: string;\n    labelIcon?: IconComponent;\n    labelPosition?: 'top' | 'left';\n    caption?: string;\n    virtualScroll?: boolean;\n    onScrollToBottom?: () => void;\n    onDropdownOpen?: (isOpen: boolean) => void;\n    dropdownOpen?: boolean;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: PropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: DefaultItem['id'] }\n    ? {}\n    : { getItemKey: PropGetItemKey<ITEM> }) &\n  (GROUP extends { label: DefaultGroup['label'] }\n    ? {}\n    : { getGroupLabel: PropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: DefaultGroup['id'] }\n    ? {}\n    : { getGroupKey: PropGetGroupKey<GROUP> });\n\nexport type SelectComponent = <ITEM = DefaultItem, GROUP = DefaultGroup>(\n  props: SelectProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport const defaultGetItemKey: PropGetItemKey<DefaultItem> = (item) => item.id;\nexport const defaultGetItemLabel: PropGetItemLabel<DefaultItem> = (item) =>\n  item.label;\nexport const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem> = (\n  item,\n) => item.groupId;\nexport const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem> = (\n  item,\n) => item.disabled;\n\nexport const defaultGetGroupKey: PropGetGroupKey<DefaultGroup> = (group) =>\n  group.id;\nexport const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup> = (group) =>\n  group.label;\n\nexport function withDefaultGetters<ITEM, GROUP>(\n  props: SelectProps<ITEM, GROUP>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupKey: props.getGroupKey || defaultGetGroupKey,\n  };\n}\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n"],"mappings":"qqBA6GA,MAAO,IAAMA,kBAA8C,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,EAAf,CAAvD,CACP,MAAO,IAAMC,oBAAkD,CAAG,SAACF,CAAD,QAChEA,EAAI,CAACG,KAD2D,CAA3D,CAEP,MAAO,IAAMC,uBAAwD,CAAG,SACtEJ,CADsE,QAEnEA,EAAI,CAACK,OAF8D,CAAjE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtEN,CADsE,QAEnEA,EAAI,CAACO,QAF8D,CAAjE,CAIP,MAAO,IAAMC,mBAAiD,CAAG,SAACC,CAAD,QAC/DA,EAAK,CAACR,EADyD,CAA1D,CAEP,MAAO,IAAMS,qBAAqD,CAAG,SAACD,CAAD,QACnEA,EAAK,CAACN,KAD6D,CAA9D,CAGP,MAAO,SAASQ,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBX,mBAFtC,CAGEY,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBf,iBAHlC,CAIEgB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBX,sBAJ5C,CAKEY,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBV,sBAL5C,CAMEW,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBP,oBANxC,CAOEQ,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBV,kBAPpC,EASD,CAED,MAAO,IAAMW,YAA2C,CAAG,CACzDC,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}

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

@@ -1 +0,0 @@
-export * from './SelectCanary';

package/__internal__/src/components/SelectCanary/index.js

@@ -1,2 +0,0 @@
-export*from"./SelectCanary";
-//# sourceMappingURL=index.js.map

package/__internal__/src/components/SelectCanary/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/SelectCanary/index.ts"],"sourcesContent":["export * from './SelectCanary';\n"],"mappings":"AAAA"}

package/__internal__/src/components/SelectComponentsCanary/Select.css

@@ -1 +0,0 @@
-.canary--Select{--caption-margin-left:calc(var(--input-space) + var(--control-border-width));--clear-button-color:var(--color-control-typo-clear);align-items:flex-start;display:flex;justify-content:flex-start;position:relative;width:100%}.canary--Select_type_userselect.canary--Select_size_s{--select-element-height:var(--space-xl)}.canary--Select_type_userselect.canary--Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-3xs))}.canary--Select_type_userselect.canary--Select_size_l{--select-element-height:calc(var(--space-3xl) - var(--space-2xs))}.canary--Select_type_combobox.canary--Select_size_xs{--select-element-height:calc(var(--space-m) + var(--space-3xs))}.canary--Select_type_combobox.canary--Select_size_s{--select-element-height:var(--space-xl)}.canary--Select_type_combobox.canary--Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-2xs))}.canary--Select_type_combobox.canary--Select_size_l{--select-element-height:var(--space-2xl)}.canary--Select_type_select.canary--Select_size_xs{--select-element-height:calc(var(--space-m) + var(--space-3xs))}.canary--Select_type_select.canary--Select_size_s{--select-element-height:var(--space-xl)}.canary--Select_type_select.canary--Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-2xs))}.canary--Select_type_select.canary--Select_size_l{--select-element-height:var(--space-2xl)}.canary--Select_size_xs{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--round-offset:calc(var(--space-3xs) + var(--space-2xs));--input-height:var(--control-height-xs);--input-space:calc(var(--control-space-xs)*0.5);--input-font-size:var(--control-text-size-xs);--tag-space:calc((var(--space-xs) - 1px)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5)}.canary--Select_size_s{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--round-offset:calc(var(--space-2xs));--input-height:var(--control-height-s);--input-space:calc(var(--control-space-s)*0.5);--input-font-size:var(--control-text-size-s);--tag-space:calc(var(--space-xs)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5)}.canary--Select_size_m{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--round-offset:calc(var(--space-3xs) + var(--space-2xs));--input-height:var(--control-height-m);--input-space:calc(var(--control-space-m)*0.5);--input-font-size:var(--control-text-size-m);--tag-space:calc(var(--space-s)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--space-2xl)*4.5 - var(--space-2xs)*4.5)}.canary--Select_size_l{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--round-offset:calc(var(--space-xs));--input-height:var(--control-height-l);--input-space:calc(var(--control-space-l)*0.5);--input-font-size:var(--control-text-size-l);--tag-space:calc(var(--space-m)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--space-2xl)*4.5)}.canary--Select_labelPosition_top{flex-direction:column}.canary--Select_labelPosition_top>:not(:last-child){margin-bottom:var(--label-offset)}.canary--Select_labelPosition_left{flex-direction:row}.canary--Select_labelPosition_left .canary--Select-Label{align-items:center;display:inline-flex;height:var(--input-height)}.canary--Select_labelPosition_left>:not(:last-child){margin-right:var(--space-s)}.canary--Select-Body{display:inline-flex;flex-direction:column;width:100%}.canary--Select-Body .canary--Select-Caption{margin-left:var(--caption-margin-left);margin-top:var(--caption-offset)}.canary--Select-SelectContainer{--container-border-color:var(--color-control-bg-border-default);display:flex;position:relative;width:100%}.canary--Select-SelectContainer_status_alert{--container-border-color:var(--color-bg-alert)}.canary--Select-SelectContainer_status_success{--container-border-color:var(--color-bg-success)}.canary--Select-SelectContainer_status_warning{--container-border-color:var(--color-bg-warning)}.canary--Select-SelectContainer_view_default .canary--Select-Control{background:var(--color-control-bg-default);border:var(--control-border-width) solid var(--container-border-color);border-radius:var(--control-radius);color:var(--color-control-typo-default);padding:0}.canary--Select-SelectContainer_view_default .canary--Select-Control:hover{border-color:var(--color-control-bg-border-default-hover)}.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_focused .canary--Select-Control{border-color:var(--color-control-bg-border-focus);outline:none}.canary--Select-SelectContainer_multiple .canary--Select-Control{height:auto;min-height:var(--input-height)}.canary--Select-SelectContainer_form_round .canary--Select-Control{border-radius:calc(var(--input-height)/2);padding-left:var(--round-offset)}.canary--Select-SelectContainer_form_brick .canary--Select-Control{border-radius:0}.canary--Select-SelectContainer_form_clear .canary--Select-Control{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0}.canary--Select-SelectContainer_form_defaultClear .canary--Select-Control{border-radius:var(--control-radius) 0 0 var(--control-radius);border-right-width:0}.canary--Select-SelectContainer_form_clearDefault .canary--Select-Control{border-left-width:0;border-radius:0 var(--control-radius) var(--control-radius) 0}.canary--Select-SelectContainer_form_defaultBrick .canary--Select-Control{border-radius:var(--control-radius) 0 0 var(--control-radius)}.canary--Select-SelectContainer_form_brickDefault .canary--Select-Control{border-radius:0 var(--control-radius) var(--control-radius) 0}.canary--Select-SelectContainer_form_roundBrick .canary--Select-Control{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);padding-left:var(--round-offset)}.canary--Select-SelectContainer_form_brickRound .canary--Select-Control{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.canary--Select-SelectContainer_form_brickClear .canary--Select-Control{border-radius:0;border-right-width:0}.canary--Select-SelectContainer_form_clearBrick .canary--Select-Control{border-left-width:0;border-radius:0}.canary--Select-SelectContainer_form_clearRound .canary--Select-Control{border-left-width:0;border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.canary--Select-SelectContainer_form_roundClear .canary--Select-Control{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);border-right-width:0;padding-left:var(--round-offset)}.canary--Select-SelectContainer_form_clearClear .canary--Select-Control{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0;border-top-width:var(--control-border-width)}.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_clear.canary--Select-SelectContainer_focused .canary--Select-Control,.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_clearClear.canary--Select-SelectContainer_focused .canary--Select-Control{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus),calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_brickClear.canary--Select-SelectContainer_focused .canary--Select-Control,.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_defaultClear.canary--Select-SelectContainer_focused .canary--Select-Control,.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_roundClear.canary--Select-SelectContainer_focused .canary--Select-Control{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus)}.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_clearBrick.canary--Select-SelectContainer_focused .canary--Select-Control,.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_clearDefault.canary--Select-SelectContainer_focused .canary--Select-Control,.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_form_clearRound.canary--Select-SelectContainer_focused .canary--Select-Control{box-shadow:calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.canary--Select-SelectContainer_view_default.canary--Select-SelectContainer_disabled .canary--Select-Control{--clear-button-color:var(--color-control-typo-disable);background:var(--color-control-bg-disable);border-color:var(--color-control-bg-border-disable);color:var(--color-control-typo-disable);pointer-events:none}.canary--Select-SelectContainer_view_clear .canary--Select-Control,.canary--Select-SelectContainer_view_clear .canary--Select-Control:focus,.canary--Select-SelectContainer_view_clear .canary--Select-Control:hover{color:var(--color-control-typo-default);padding:0}.canary--Select-SelectContainer_view_clear .canary--Select-Control.canary--Select-SelectContainer_disabled,.canary--Select-SelectContainer_view_clear .canary--Select-Control:focus.canary--Select-SelectContainer_disabled,.canary--Select-SelectContainer_view_clear .canary--Select-Control:hover.canary--Select-SelectContainer_disabled{pointer-events:none}.canary--Select-SelectContainer_view_clear .canary--Select-Control.canary--Select-SelectContainer_disabled .canary--Select-Control,.canary--Select-SelectContainer_view_clear .canary--Select-Control:focus.canary--Select-SelectContainer_disabled .canary--Select-Control,.canary--Select-SelectContainer_view_clear .canary--Select-Control:hover.canary--Select-SelectContainer_disabled .canary--Select-Control{color:var(--color-control-typo-disable)}.canary--Select-SelectContainer_view_clear.canary--Select-SelectContainer_disabled .canary--Select-Control{pointer-events:none}.canary--Select-SelectContainer_view_default .canary--Select-ControlValueContainer{padding:0 0 0 var(--input-space)}.canary--Select-SelectContainer_form_round .canary--Select-SelectContainer-IndicatorsDropdown{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.canary--Select-SelectContainer_multiple .canary--Select-ControlValueContainer{box-sizing:border-box;display:flex;line-height:1;padding-bottom:0;padding-top:0;position:relative}.canary--Select-SelectContainer_multiple .canary--Select-ControlValue{-ms-overflow-style:none;max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5);overflow-x:visible;overflow-y:auto;padding-top:calc(var(--tag-space) - var(--control-border-width));scrollbar-width:none;white-space:normal}.canary--Select-SelectContainer_multiple .canary--Select-ControlValue::-webkit-scrollbar{display:none}.canary--Select-SelectContainer_multiple .canary--Select-ControlValue_isUserSelect{display:flex;flex-wrap:wrap;padding-top:calc(var(--space-s)/4)}.canary--Select_view_clear{--caption-margin-left:0}.canary--Select-Delimiter{background-color:var(--color-control-bg-border-default);width:1px}.canary--Select-Control{background:transparent;border:none;box-sizing:border-box;color:currentColor;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-text-regular);height:var(--input-height);line-height:calc(var(--input-height) - var(--control-border-width));outline:none;padding:0;transition:border-color .15s,box-shadow .15s,background-color .15s;width:100%}.canary--Select-Control:focus{outline:none}.canary--Select-SelectAll.Text{line-height:calc(var(--input-height) - var(--space-3xs))}.canary--Select-Indicators{display:flex;height:100%}.canary--Select-IndicatorsDropdown{background-color:transparent;border:none;color:var(--color-control-typo-placeholder);cursor:pointer;display:block;margin:0;padding:0;text-align:center;width:var(--input-height)}.canary--Select-IndicatorsDropdown:focus{outline:none}.canary--Select-ControlInner{position:relative;width:100%}.canary--Select-ControlValueContainer{background-color:transparent;border:none;bottom:0;color:inherit;font-size:var(--input-font-size);left:0;line-height:calc(var(--input-height) - 2px);margin:0;min-height:calc(var(--input-height) - 2px);padding:0;position:absolute;right:0;text-align:left;top:0}.canary--Select-ControlValueContainer:focus{outline:none}.canary--Select-Control[aria-expanded=true] .canary--Select-IndicatorsDropdown{transform:rotate(180deg)}.canary--Select-ControlValue,.canary--Select-Placeholder{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canary--Select-Placeholder{color:var(--color-control-typo-placeholder);font-size:var(--input-font-size);padding-right:var(--input-space);pointer-events:none;text-align:left}.canary--Select-Placeholder_isHidden{opacity:0;visibility:hidden}.canary--Select-Control_hasInput .canary--Select-Placeholder{background-color:transparent;line-height:calc(var(--input-height) - 2px);position:absolute;top:0;width:calc(100% - var(--input-space))}.canary--Select-DropdownIndicatorIcon{position:relative;top:1px}.canary--Select-ClearIndicator{background-color:transparent;border:none;color:var(--clear-button-color);cursor:pointer;display:flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);justify-content:center;margin:0;padding:0 var(--space-xs)}.canary--Select-ClearIndicator:hover{--clear-button-color:var(--color-control-typo-clear-hover)}.canary--Select-ClearIndicatorIcon{color:var(--color-control-typo-placeholder);position:relative;top:1px}.canary--Select-Input{background-color:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;line-height:calc(var(--input-height) - 2px);margin:0;outline:none;padding:0;position:relative;width:100%}.canary--Select-Input_hide{bottom:0;left:0;opacity:0;position:absolute;top:0;width:100%}.canary--Select-Input_multiple{display:inline-flex;height:calc(var(--input-height) - var(--control-border-width)*2);line-height:1;line-height:calc(var(--input-height) - var(--control-border-width)*2);margin-top:calc(var(--tag-space)*-1);min-width:10px}.canary--Select-Input_multiple.canary--Select-Input_isUserSelect{margin-top:calc(var(--space-s)/4*-1)}.canary--Select-FakeField{bottom:0;left:0;opacity:0;position:absolute;top:0;width:100%}.canary--Select-HelperInputFakeElement{display:inline-block;font-size:var(--input-font-size);height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap}