@consta/uikit 4.33.0 → 5.0.0-beta.1

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

@@ -1,193 +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;
-    subLabel?: string;
-    avatarUrl?: string;
-    groupId?: string | number;
-    disabled?: boolean;
-};
-export declare type DefaultGroup = {
-    label: string;
-    id: string | number;
-};
-declare type RenderValueProps<ITEM> = {
-    item: ITEM;
-    handleRemove?: (e: React.SyntheticEvent) => void;
-};
-export declare type PropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type PropGetItemSubLabel<ITEM> = (item: ITEM) => string | undefined;
-export declare type PropGetItemAvatarUrl<ITEM> = (item: ITEM) => string | undefined;
-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;
-declare type PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
-declare type PropOnChange<ITEM, MULTIPLE extends boolean> = (value: (MULTIPLE extends true ? ITEM[] : ITEM) | null, props: {
-    e: React.SyntheticEvent;
-}) => void;
-declare type PropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
-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 UserSelectProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
-    disabled?: boolean;
-    form?: PropForm;
-    size?: Exclude<PropSize, 'xs'>;
-    view?: PropView;
-    dropdownForm?: 'default' | 'brick' | 'round';
-    placeholder?: string;
-    ariaLabel?: string;
-    dropdownClassName?: string;
-    status?: PropStatus;
-    dropdownRef?: React.RefObject<HTMLDivElement>;
-    name?: string;
-    items: ITEM[];
-    required?: boolean;
-    isLoading?: boolean;
-    renderItem?: PropRenderItem<ITEM>;
-    renderValue?: PropRenderValue<ITEM>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onCreate?: (label: string, props: {
-        e: React.SyntheticEvent;
-    }) => void;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    labelForNotFound?: string;
-    labelForCreate?: string;
-    labelForEmptyItems?: string;
-    searchFunction?: PropSearchFunction<ITEM>;
-    searchValue?: string;
-    multiple?: MULTIPLE;
-    value?: PropValue<ITEM, MULTIPLE>;
-    onChange: PropOnChange<ITEM, MULTIPLE>;
-    groups?: GROUP[];
-    getItemLabel?: PropGetItemLabel<ITEM>;
-    getItemSubLabel?: PropGetItemSubLabel<ITEM>;
-    getItemAvatarUrl?: PropGetItemAvatarUrl<ITEM>;
-    getItemKey?: PropGetItemKey<ITEM>;
-    getItemGroupKey?: PropGetItemGroupKey<ITEM>;
-    getItemDisabled?: PropGetItemDisabled<ITEM>;
-    getGroupLabel?: PropGetGroupLabel<GROUP>;
-    getGroupKey?: PropGetGroupKey<GROUP>;
-    label?: string;
-    labelIcon?: IconComponent;
-    caption?: string;
-    labelPosition?: 'top' | 'left';
-    virtualScroll?: boolean;
-    onScrollToBottom?: () => void;
-    onSearchValueChange?: (value: string) => 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 UserSelectComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
-export declare const defaultGetItemKey: PropGetItemKey<DefaultItem>;
-export declare const defaultGetItemLabel: PropGetItemLabel<DefaultItem>;
-export declare const defaultGetItemSubLabel: PropGetItemSubLabel<DefaultItem>;
-export declare const defaultGetItemAvatarUrl: PropGetItemAvatarUrl<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 const isMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITEM, GROUP, boolean>) => params is UserSelectProps<ITEM, GROUP, true>;
-export declare const isNotMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITEM, GROUP, boolean>) => params is UserSelectProps<ITEM, GROUP, false>;
-export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>): {
-    disabled?: boolean | undefined;
-    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
-    size?: "m" | "s" | "l" | undefined;
-    view?: "default" | "clear" | undefined;
-    dropdownForm?: "default" | "brick" | "round" | undefined;
-    placeholder?: string | undefined;
-    ariaLabel?: string | undefined;
-    dropdownClassName?: string | undefined;
-    status?: "alert" | "warning" | "success" | undefined;
-    dropdownRef?: React.RefObject<HTMLDivElement> | undefined;
-    name?: string | undefined;
-    items: ITEM[];
-    required?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    renderItem?: PropRenderItem<ITEM> | undefined;
-    renderValue?: PropRenderValue<ITEM> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onCreate?: ((label: string, props: {
-        e: React.SyntheticEvent<Element, Event>;
-    }) => void) | undefined;
-    inputRef?: React.RefObject<HTMLInputElement> | undefined;
-    labelForNotFound?: string | undefined;
-    labelForCreate?: string | undefined;
-    labelForEmptyItems?: string | undefined;
-    searchFunction?: PropSearchFunction<ITEM> | undefined;
-    searchValue?: string | undefined;
-    multiple?: MULTIPLE | undefined;
-    value?: PropValue<ITEM, MULTIPLE>;
-    onChange: PropOnChange<ITEM, MULTIPLE>;
-    groups?: GROUP[] | undefined;
-    getItemLabel?: PropGetItemLabel<ITEM> | undefined;
-    getItemSubLabel?: PropGetItemSubLabel<ITEM> | undefined;
-    getItemAvatarUrl?: PropGetItemAvatarUrl<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;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    virtualScroll?: boolean | undefined;
-    onScrollToBottom?: (() => void) | undefined;
-    onSearchValueChange?: ((value: string) => 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" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "labelForCreate" | "searchFunction" | "searchValue" | "onDropdownOpen" | "onSearchValueChange" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "labelForNotFound" | "virtualScroll" | "onCreate" | "getItemSubLabel" | "getItemAvatarUrl"> & 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>;
-    getItemSubLabel: PropGetItemSubLabel<DefaultItem> | PropGetItemSubLabel<ITEM>;
-    getItemAvatarUrl: PropGetItemAvatarUrl<DefaultItem> | PropGetItemAvatarUrl<ITEM>;
-};
-export declare const searchCompare: (searchValue: string, compare?: string) => boolean;
-export declare const clearSizeMap: Record<PropSize, IconPropSize>;
-export declare const iconSizeMap: Record<PropSize, IconPropSize>;
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemSubLabel","subLabel","defaultGetItemAvatarUrl","avatarUrl","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","getItemSubLabel","getItemAvatarUrl","searchCompare","searchValue","compare","toLocaleLowerCase","indexOf","clearSizeMap","xs","s","m","l","iconSizeMap"],"sources":["../../../../../src/components/UserSelectCanary/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  subLabel?: string;\n  avatarUrl?: string;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type DefaultGroup = {\n  label: string;\n  id: string | number;\n};\n\ntype RenderValueProps<ITEM> = {\n  item: ITEM;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type PropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type PropGetItemSubLabel<ITEM> = (item: ITEM) => string | undefined;\nexport type PropGetItemAvatarUrl<ITEM> = (item: ITEM) => string | undefined;\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;\n\ntype PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;\ntype PropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\ntype PropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\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 UserSelectProps<\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    disabled?: boolean;\n    form?: PropForm;\n    size?: Exclude<PropSize, 'xs'>;\n    view?: PropView;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    placeholder?: string;\n    ariaLabel?: string;\n    dropdownClassName?: string;\n    status?: PropStatus;\n    dropdownRef?: React.RefObject<HTMLDivElement>;\n    name?: string;\n    items: ITEM[];\n    required?: boolean;\n    isLoading?: boolean;\n    renderItem?: PropRenderItem<ITEM>;\n    renderValue?: PropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    onCreate?: (label: string, props: { e: React.SyntheticEvent }) => void;\n    inputRef?: React.RefObject<HTMLInputElement>;\n    labelForNotFound?: string;\n    labelForCreate?: string;\n    labelForEmptyItems?: string;\n    searchFunction?: PropSearchFunction<ITEM>;\n    searchValue?: string;\n    multiple?: MULTIPLE;\n    value?: PropValue<ITEM, MULTIPLE>;\n    onChange: PropOnChange<ITEM, MULTIPLE>;\n    groups?: GROUP[];\n    getItemLabel?: PropGetItemLabel<ITEM>;\n    getItemSubLabel?: PropGetItemSubLabel<ITEM>;\n    getItemAvatarUrl?: PropGetItemAvatarUrl<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    caption?: string;\n    labelPosition?: 'top' | 'left';\n    virtualScroll?: boolean;\n    onScrollToBottom?: () => void;\n    onSearchValueChange?: (value: string) => 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 UserSelectComponent = <\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement | null;\n\nexport const defaultGetItemKey: PropGetItemKey<DefaultItem> = (item) => item.id;\nexport const defaultGetItemLabel: PropGetItemLabel<DefaultItem> = (item) =>\n  item.label;\nexport const defaultGetItemSubLabel: PropGetItemSubLabel<DefaultItem> = (\n  item,\n) => item.subLabel;\nexport const defaultGetItemAvatarUrl: PropGetItemAvatarUrl<DefaultItem> = (\n  item,\n) => item.avatarUrl;\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 const isMultipleParams = <ITEM, GROUP>(\n  params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, true> => {\n  return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n  params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, false> => {\n  return !params.multiple;\n};\n\nexport function withDefaultGetters<\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>) {\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    getItemSubLabel: props.getItemSubLabel || defaultGetItemSubLabel,\n    getItemAvatarUrl: props.getItemAvatarUrl || defaultGetItemAvatarUrl,\n  };\n}\n\nexport const searchCompare = (\n  searchValue: string,\n  compare?: string,\n): boolean => {\n  if (!compare) {\n    return false;\n  }\n\n  return (\n    compare.toLocaleLowerCase().indexOf(searchValue.toLocaleLowerCase()) !== -1\n  );\n};\n\nexport const clearSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n"],"mappings":"qqBA0IA,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,QAF8D,CAAjE,CAGP,MAAO,IAAMC,wBAA0D,CAAG,SACxEN,CADwE,QAErEA,EAAI,CAACO,SAFgE,CAAnE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtER,CADsE,QAEnEA,EAAI,CAACS,OAF8D,CAAjE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtEV,CADsE,QAEnEA,EAAI,CAACW,QAF8D,CAAjE,CAIP,MAAO,IAAMC,mBAAiD,CAAG,SAACC,CAAD,QAC/DA,EAAK,CAACZ,EADyD,CAA1D,CAEP,MAAO,IAAMa,qBAAqD,CAAG,SAACD,CAAD,QACnEA,EAAK,CAACV,KAD6D,CAA9D,CAGP,MAAO,IAAMY,iBAAgB,CAAG,SAC9BC,CAD8B,CAEmB,CACjD,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEiB,CAClD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAI0C,CAC/C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBnB,mBAFtC,CAGEoB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBvB,iBAHlC,CAIEwB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,CAQEe,eAAe,CAAEP,CAAK,CAACO,eAAN,EAAyBvB,sBAR5C,CASEwB,gBAAgB,CAAER,CAAK,CAACQ,gBAAN,EAA0BtB,uBAT9C,EAWD,CAED,MAAO,IAAMuB,cAAa,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGf,SACPA,CADO,EAM+D,CAAC,CAA1E,GAAAA,CAAO,CAACC,iBAAR,GAA4BC,OAA5B,CAAoCH,CAAW,CAACE,iBAAZ,EAApC,CAEH,CAXM,CAaP,MAAO,IAAME,aAA4C,CAAG,CAC1DC,EAAE,CAAE,IADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAArD,CAOP,MAAO,IAAMC,YAA2C,CAAG,CACzDJ,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}

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

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

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

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

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

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

package/__internal__/src/hooks/useComponentBreakpoints/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useComponentBreakpoints';
-export * from "../useBreakpoints/getLastPoint";

package/__internal__/src/hooks/useComponentBreakpoints/index.js

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

package/__internal__/src/hooks/useComponentBreakpoints/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useComponentBreakpoints/index.ts"],"sourcesContent":["export * from './useComponentBreakpoints';\nexport * from '##/hooks/useBreakpoints/getLastPoint';\n"],"mappings":"AAAA,uCACA"}

package/__internal__/src/hooks/useComponentBreakpoints/useComponentBreakpoints.js

@@ -1,2 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useLayoutEffect,useState}from"react";import{mapping}from"../useBreakpoints/mapping";import{useMutableRef}from"../useMutableRef";import{isEq}from"../../utils/object/isEq";var getWidth=function(a){var b;return(null===(b=a.current)||void 0===b?void 0:b.getBoundingClientRect().width)||0};export var useComponentBreakpoints=function(a,b){var c=useState(function(){return mapping(getWidth(a),b)}),d=_slicedToArray(c,2),e=d[0],f=d[1],g=useMutableRef(b);return useLayoutEffect(function(){var b=new ResizeObserver(function(){var b=mapping(getWidth(a),g.current);f(function(a){return isEq(a,b)?a:b})});return a.current&&b.observe(a.current),function(){b.disconnect()}},[a.current]),e};
-//# sourceMappingURL=useComponentBreakpoints.js.map

package/__internal__/src/hooks/useComponentBreakpoints/useComponentBreakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComponentBreakpoints.js","names":["useLayoutEffect","useState","mapping","useMutableRef","isEq","getWidth","ref","current","getBoundingClientRect","width","useComponentBreakpoints","map","points","setSetPoints","mapRef","resizeObserver","ResizeObserver","newPoints","state","observe","disconnect"],"sources":["../../../../../src/hooks/useComponentBreakpoints/useComponentBreakpoints.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\nimport { mapping } from '##/hooks/useBreakpoints/mapping';\nimport { Map, Returned } from '##/hooks/useBreakpoints/types';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { isEq } from '##/utils/object/isEq';\n\nconst getWidth = (ref: React.RefObject<HTMLElement | SVGGraphicsElement>) =>\n  ref.current?.getBoundingClientRect().width || 0;\n\nexport const useComponentBreakpoints = <POINTS extends string>(\n  ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n  map: Map<POINTS>,\n) => {\n  const [points, setSetPoints] = useState<Returned<POINTS>>(() =>\n    mapping(getWidth(ref), map),\n  );\n\n  const mapRef = useMutableRef(map);\n\n  useLayoutEffect(() => {\n    const resizeObserver = new ResizeObserver(() => {\n      const newPoints = mapping(getWidth(ref), mapRef.current);\n      setSetPoints((state) => (isEq(state, newPoints) ? state : newPoints));\n    });\n\n    ref.current && resizeObserver.observe(ref.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [ref.current]);\n\n  return points;\n};\n"],"mappings":"iEAAA,OAASA,eAAT,CAA0BC,QAA1B,KAA0C,OAA1C,CAEA,OAASC,OAAT,iCAEA,OAASC,aAAT,wBACA,OAASC,IAAT,+BAEA,GAAMC,SAAQ,CAAG,SAACC,CAAD,cACf,WAAAA,CAAG,CAACC,OAAJ,uBAAaC,qBAAb,GAAqCC,KAArC,GAA8C,CAD/B,CAAjB,CAGA,MAAO,IAAMC,wBAAuB,CAAG,SACrCJ,CADqC,CAErCK,CAFqC,CAGlC,OAC4BV,QAAQ,CAAmB,iBACxDC,QAAO,CAACG,QAAQ,CAACC,CAAD,CAAT,CAAgBK,CAAhB,CADiD,CAAnB,CADpC,uBACIC,CADJ,MACYC,CADZ,MAKGC,CAAM,CAAGX,aAAa,CAACQ,CAAD,CALzB,CAoBH,MAbAX,gBAAe,CAAC,UAAM,CACpB,GAAMe,EAAc,CAAG,GAAIC,eAAJ,CAAmB,UAAM,CAC9C,GAAMC,EAAS,CAAGf,OAAO,CAACG,QAAQ,CAACC,CAAD,CAAT,CAAgBQ,CAAM,CAACP,OAAvB,CAAzB,CACAM,CAAY,CAAC,SAACK,CAAD,QAAYd,KAAI,CAACc,CAAD,CAAQD,CAAR,CAAJ,CAAyBC,CAAzB,CAAiCD,CAA7C,CAAD,CACb,CAHsB,CAAvB,CAOA,MAFAX,EAAG,CAACC,OAAJ,EAAeQ,CAAc,CAACI,OAAf,CAAuBb,CAAG,CAACC,OAA3B,CAEf,CAAO,UAAM,CACXQ,CAAc,CAACK,UAAf,EACD,CACF,CAXc,CAWZ,CAACd,CAAG,CAACC,OAAL,CAXY,CAaf,CAAOK,CACR,CAxBM"}

package/__internal__/src/hooks/useHideElementsInLineCanary/helpers/getHiddenCount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getHiddenCount.js","names":["getHiddenCount","map","filter","item","length"],"sources":["../../../../../../src/hooks/useHideElementsInLineCanary/helpers/getHiddenCount.ts"],"sourcesContent":["export const getHiddenCount = (map: boolean[]) =>\n  map.filter((item) => !item).length;\n"],"mappings":"AAAA,MAAO,IAAMA,eAAc,CAAG,SAACC,CAAD,QAC5BA,EAAG,CAACC,MAAJ,CAAW,SAACC,CAAD,QAAU,CAACA,CAAX,CAAX,EAA4BC,MADA,CAAvB"}

package/__internal__/src/hooks/useHideElementsInLineCanary/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useHideElementsInLineCanary';
-export * from './helpers/getHiddenCount';

package/__internal__/src/hooks/useHideElementsInLineCanary/index.js

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

package/__internal__/src/hooks/useHideElementsInLineCanary/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useHideElementsInLineCanary/index.ts"],"sourcesContent":["export * from './useHideElementsInLineCanary';\nexport * from './helpers/getHiddenCount';\n"],"mappings":"AAAA,2CACA"}

package/__internal__/src/hooks/useHideElementsInLineCanary/useHideElementsInLineCanary.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const useHideElementsInLine: <ELEMENT extends HTMLElement = HTMLDivElement, PARENT extends HTMLElement = HTMLDivElement>(length: number, moreIndex?: number, busy?: number, deps?: unknown[]) => {
-    visibleMap: boolean[];
-    elementsRefs: import("react").RefObject<ELEMENT>[];
-    parentRef: import("react").RefObject<PARENT>;
-    elementsSizes: number[];
-    parentSize: number;
-};

package/__internal__/src/hooks/useHideElementsInLineCanary/useHideElementsInLineCanary.js

@@ -1,2 +0,0 @@
-import{useRef}from"react";import{useComponentSize}from"../useComponentSize";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";var createMap=function(a,b){return Array(a).fill(null).map(function(a,c){return c!==b})},calcElementsVisibleSize=function(a,b){for(var c=0,d=0;d<b.length;d++)c+=b[d]?a[d]:0;return c};export var useHideElementsInLine=function(a){for(var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:a-1,c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:0,d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:[],e=useRefs(a,d),f=useRef(null),g=useComponentSize(f).width,h=useResizeObserved(e,function(a){if(a){var b=getComputedStyle(a),c=b.marginRight,d=b.marginLeft;return parseInt(c,10)+parseInt(d,10)+a.offsetWidth}return 0}),i=createMap(a,b),j=function(a){if(h[a]&&a!==b){var d=calcElementsVisibleSize(h,i);d+c>g&&(i[a]=!1,i[b]=!0)}},k=0;k<h.length;k++)j(b-k),j(b+k);return{visibleMap:i,elementsRefs:e,parentRef:f,elementsSizes:h,parentSize:g}};
-//# sourceMappingURL=useHideElementsInLineCanary.js.map

package/__internal__/src/hooks/useHideElementsInLineCanary/useHideElementsInLineCanary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHideElementsInLineCanary.js","names":["useRef","useComponentSize","useRefs","useResizeObserved","createMap","length","moreIndex","Array","fill","map","_","index","calcElementsVisibleSize","elementsSizes","sum","useHideElementsInLine","busy","deps","elementsRefs","parentRef","parentSize","width","el","getComputedStyle","marginRight","marginLeft","parseInt","offsetWidth","hideByIndex","elementsSize","visibleMap"],"sources":["../../../../../src/hooks/useHideElementsInLineCanary/useHideElementsInLineCanary.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nconst createMap = (length: number, moreIndex: number) =>\n  new Array(length).fill(null).map((_, index) => index !== moreIndex);\n\nconst calcElementsVisibleSize = (elementsSizes: number[], map: boolean[]) => {\n  let sum = 0;\n  for (let index = 0; index < map.length; index++) {\n    sum += map[index] ? elementsSizes[index] : 0;\n  }\n  return sum;\n};\n\nexport const useHideElementsInLine = <\n  ELEMENT extends HTMLElement = HTMLDivElement,\n  PARENT extends HTMLElement = HTMLDivElement,\n>(\n  length: number,\n  moreIndex = length - 1,\n  busy = 0,\n  deps: unknown[] = [],\n) => {\n  const elementsRefs = useRefs<ELEMENT>(length, deps);\n  const parentRef = useRef<PARENT>(null);\n  const parentSize = useComponentSize(parentRef).width;\n  const elementsSizes = useResizeObserved(elementsRefs, (el) => {\n    if (el) {\n      const { marginRight, marginLeft } = getComputedStyle(el);\n      return (\n        parseInt(marginRight, 10) + parseInt(marginLeft, 10) + el.offsetWidth\n      );\n    }\n\n    return 0;\n  });\n\n  const map = createMap(length, moreIndex);\n\n  const hideByIndex = (index: number) => {\n    if (!elementsSizes[index] || index === moreIndex) {\n      return;\n    }\n\n    const elementsSize = calcElementsVisibleSize(elementsSizes, map);\n\n    if (elementsSize + busy > parentSize) {\n      map[index] = false;\n      map[moreIndex] = true;\n    }\n  };\n\n  for (let index = 0; index < elementsSizes.length; index++) {\n    // Скрываем элемент слева  от `more`\n    hideByIndex(moreIndex - index);\n    // Скрываем элемент справа от `more`\n    hideByIndex(moreIndex + index);\n  }\n\n  return {\n    visibleMap: map,\n    elementsRefs,\n    parentRef,\n    elementsSizes,\n    parentSize,\n  };\n};\n"],"mappings":"AAAA,OAASA,MAAT,KAAuB,OAAvB,CAEA,OAASC,gBAAT,2BACA,OAASC,OAAT,kBACA,OAASC,iBAAT,4B,GAEMC,UAAS,CAAG,SAACC,CAAD,CAAiBC,CAAjB,QACZC,MAAJ,CAAUF,CAAV,EAAkBG,IAAlB,CAAuB,IAAvB,EAA6BC,GAA7B,CAAiC,SAACC,CAAD,CAAIC,CAAJ,QAAcA,EAAK,GAAKL,CAAxB,CAAjC,CADgB,C,CAGZM,uBAAuB,CAAG,SAACC,CAAD,CAA0BJ,CAA1B,CAA6C,CAE3E,OADIK,EAAG,CAAG,CACV,CAASH,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGF,CAAG,CAACJ,MAAhC,CAAwCM,CAAK,EAA7C,CACEG,CAAG,EAAIL,CAAG,CAACE,CAAD,CAAH,CAAaE,CAAa,CAACF,CAAD,CAA1B,CAAoC,CAA3C,CAEF,MAAOG,EACR,C,CAED,MAAO,IAAMC,sBAAqB,CAAG,SAInCV,CAJmC,CAQhC,CA8BH,OAjCAC,EAiCA,wDAjCYD,CAAM,CAAG,CAiCrB,CAhCAW,CAgCA,wDAhCO,CAgCP,CA/BAC,CA+BA,wDA/BkB,EA+BlB,CA7BMC,CAAY,CAAGhB,OAAO,CAAUG,CAAV,CAAkBY,CAAlB,CA6B5B,CA5BME,CAAS,CAAGnB,MAAM,CAAS,IAAT,CA4BxB,CA3BMoB,CAAU,CAAGnB,gBAAgB,CAACkB,CAAD,CAAhB,CAA4BE,KA2B/C,CA1BMR,CAAa,CAAGV,iBAAiB,CAACe,CAAD,CAAe,SAACI,CAAD,CAAQ,CAC5D,GAAIA,CAAJ,CAAQ,CACN,MAAoCC,gBAAgB,CAACD,CAAD,CAApD,CAAQE,CAAR,GAAQA,WAAR,CAAqBC,CAArB,GAAqBA,UAArB,CACA,MACEC,SAAQ,CAACF,CAAD,CAAc,EAAd,CAAR,CAA4BE,QAAQ,CAACD,CAAD,CAAa,EAAb,CAApC,CAAuDH,CAAE,CAACK,WAE7D,CAED,MAAO,EACR,CATsC,CA0BvC,CAfMlB,CAAG,CAAGL,SAAS,CAACC,CAAD,CAASC,CAAT,CAerB,CAbMsB,CAAW,CAAG,SAACjB,CAAD,CAAmB,CACrC,GAAKE,CAAa,CAACF,CAAD,CAAd,EAAyBA,CAAK,GAAKL,CAAvC,EAIA,GAAMuB,EAAY,CAAGjB,uBAAuB,CAACC,CAAD,CAAgBJ,CAAhB,CAA5C,CAEIoB,CAAY,CAAGb,CAAf,CAAsBI,CAN1B,GAOEX,CAAG,CAACE,CAAD,CAAH,GAPF,CAQEF,CAAG,CAACH,CAAD,CAAH,GARF,EAUD,CAED,CAASK,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGE,CAAa,CAACR,MAA1C,CAAkDM,CAAK,EAAvD,CAEEiB,CAAW,CAACtB,CAAS,CAAGK,CAAb,CAFb,CAIEiB,CAAW,CAACtB,CAAS,CAAGK,CAAb,CAJb,CAOA,MAAO,CACLmB,UAAU,CAAErB,CADP,CAELS,YAAY,CAAZA,CAFK,CAGLC,SAAS,CAATA,CAHK,CAILN,aAAa,CAAbA,CAJK,CAKLO,UAAU,CAAVA,CALK,CAOR,CApDM"}

package/__internal__/src/hooks/useKeysCanary/index.d.ts

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

package/__internal__/src/hooks/useKeysCanary/index.js

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

package/__internal__/src/hooks/useKeysCanary/index.js.map

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

package/__internal__/src/hooks/useKeysCanary/useKeysCanary.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { KeyCode } from "../../utils/types/KeyCode";
-declare type KeyHandlers = Partial<Record<KeyCode, React.KeyboardEventHandler>> & {
-    [key: string]: React.KeyboardEventHandler;
-};
-declare type UseKeysProps = {
-    keys: KeyHandlers;
-    onEvent?: React.KeyboardEventHandler;
-    isActive: boolean;
-};
-export declare const useKeys: (props: UseKeysProps) => React.KeyboardEventHandler;
-export {};

package/__internal__/src/hooks/useKeysCanary/useKeysCanary.js

@@ -1,2 +0,0 @@
-import{useCallback}from"react";import{useMutableRef}from"../useMutableRef";export var useKeys=function(a){var b=useMutableRef(a);return useCallback(function(a){var c=b.current,d=c.isActive,e=c.keys,f=c.onEvent;if(d){var g;null===(g=e[a.code]||e[a.key])||void 0===g?void 0:g(a)}null===f||void 0===f?void 0:f(a)},[])};
-//# sourceMappingURL=useKeysCanary.js.map

package/__internal__/src/hooks/useKeysCanary/useKeysCanary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeysCanary.js","names":["useCallback","useMutableRef","useKeys","props","propsRef","e","current","isActive","keys","onEvent","code","key"],"sources":["../../../../../src/hooks/useKeysCanary/useKeysCanary.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { KeyCode } from '##/utils/types/KeyCode';\n\ntype KeyHandlers = Partial<Record<KeyCode, React.KeyboardEventHandler>> & {\n  [key: string]: React.KeyboardEventHandler;\n};\n\ntype UseKeysProps = {\n  keys: KeyHandlers;\n  onEvent?: React.KeyboardEventHandler;\n  isActive: boolean;\n};\n\nexport const useKeys = (props: UseKeysProps): React.KeyboardEventHandler => {\n  const propsRef = useMutableRef(props);\n  return useCallback((e) => {\n    const { isActive, keys, onEvent } = propsRef.current;\n    if (isActive) {\n      (keys[e.code as KeyCode] || keys[e.key as KeyCode])?.(e);\n    }\n    onEvent?.(e);\n  }, []);\n};\n"],"mappings":"AAAA,OAASA,WAAT,KAA4B,OAA5B,CAEA,OAASC,aAAT,wBAaA,MAAO,IAAMC,QAAO,CAAG,SAACC,CAAD,CAAqD,CAC1E,GAAMC,EAAQ,CAAGH,aAAa,CAACE,CAAD,CAA9B,CACA,MAAOH,YAAW,CAAC,SAACK,CAAD,CAAO,CACxB,MAAoCD,CAAQ,CAACE,OAA7C,CAAQC,CAAR,GAAQA,QAAR,CAAkBC,CAAlB,GAAkBA,IAAlB,CAAwBC,CAAxB,GAAwBA,OAAxB,CACA,GAAIF,CAAJ,CAAc,iBACXC,CAAI,CAACH,CAAC,CAACK,IAAH,CAAJ,EAA2BF,CAAI,CAACH,CAAC,CAACM,GAAH,CADpB,qBACZ,EAAsDN,CAAtD,CACD,CAJuB,OAKxBI,CALwB,WAKxBA,CALwB,QAKxBA,CAAO,CAAGJ,CAAH,CACR,CANiB,CAMf,EANe,CAOnB,CATM"}

package/__internal__/src/hooks/useKeysDeprecated/useKeys.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export declare type KeyHandler = () => (prop: {}, e: React.KeyboardEvent) => void;
-export declare type KeyProps = {
-    onKeyDown?(e: React.KeyboardEvent): void;
-    onChange(e: React.ChangeEvent<HTMLInputElement>): void;
-    onFocus(e: React.FocusEvent<HTMLInputElement>): void;
-    onClick(e: React.MouseEvent<HTMLInputElement>): void;
-    onBlur(e: React.FocusEvent<HTMLInputElement>): void;
-};
-export declare type UserKeysProps = {
-    [key: string]: (prop: {
-        keyCode: number;
-        key: string;
-        shift: boolean;
-        meta: boolean;
-    }, e: React.KeyboardEvent<Element>) => void;
-};
-export declare const useKeys: (userKeys: UserKeysProps) => ({ onKeyDown, ...rest }: KeyProps) => KeyProps;

package/__internal__/src/hooks/useKeysDeprecated/useKeys.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onKeyDown"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var useKeys=function(a){return function(b){var c=b.onKeyDown,d=_objectWithoutProperties(b,_excluded);return _objectSpread(_objectSpread({},d),{},{onKeyDown:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(b){var d=b.keyCode,e=b.key,f=b.shiftKey,g=b.metaKey,h=a[e]||a[d];"function"==typeof h&&h({keyCode:d,key:e,shift:f,meta:g},b),"function"==typeof c&&c(b)})})}};
-//# sourceMappingURL=useKeys.js.map

package/__internal__/src/hooks/useKeysDeprecated/useKeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeys.js","names":["useKeys","userKeys","onKeyDown","rest","e","keyCode","key","shift","shiftKey","meta","metaKey","handler"],"sources":["../../../../../src/hooks/useKeysDeprecated/useKeys.tsx"],"sourcesContent":["export type KeyHandler = () => (prop: {}, e: React.KeyboardEvent) => void;\n\nexport type KeyProps = {\n  onKeyDown?(e: React.KeyboardEvent): void;\n  onChange(e: React.ChangeEvent<HTMLInputElement>): void;\n  onFocus(e: React.FocusEvent<HTMLInputElement>): void;\n  onClick(e: React.MouseEvent<HTMLInputElement>): void;\n  onBlur(e: React.FocusEvent<HTMLInputElement>): void;\n};\n\nexport type UserKeysProps = {\n  [key: string]: (\n    prop: { keyCode: number; key: string; shift: boolean; meta: boolean },\n    e: React.KeyboardEvent<Element>,\n  ) => void;\n};\n\nexport const useKeys = (userKeys: UserKeysProps) => {\n  return ({ onKeyDown, ...rest }: KeyProps): KeyProps => {\n    return {\n      ...rest,\n      onKeyDown: (e: React.KeyboardEvent): void => {\n        const { keyCode, key, shiftKey: shift, metaKey: meta } = e;\n        const handler = userKeys[key] || userKeys[keyCode];\n        if (typeof handler === 'function') {\n          handler(\n            {\n              keyCode,\n              key,\n              shift,\n              meta,\n            },\n            e,\n          );\n        }\n        if (typeof onKeyDown === 'function') {\n          onKeyDown(e);\n        }\n      },\n    };\n  };\n};\n"],"mappings":"sxBAiBA,MAAO,IAAMA,QAAO,CAAG,SAACC,CAAD,CAA6B,CAClD,MAAO,YAAgD,IAA7CC,EAA6C,GAA7CA,SAA6C,CAA/BC,CAA+B,uCACrD,sCACKA,CADL,MAEED,SAAS,8GAAE,SAACE,CAAD,CAAkC,IACnCC,EADmC,CACcD,CADd,CACnCC,OADmC,CAC1BC,CAD0B,CACcF,CADd,CAC1BE,GAD0B,CACXC,CADW,CACcH,CADd,CACrBI,QADqB,CACKC,CADL,CACcL,CADd,CACJM,OADI,CAErCC,CAAO,CAAGV,CAAQ,CAACK,CAAD,CAAR,EAAiBL,CAAQ,CAACI,CAAD,CAFE,CAGpB,UAAnB,QAAOM,EAHgC,EAIzCA,CAAO,CACL,CACEN,OAAO,CAAPA,CADF,CAEEC,GAAG,CAAHA,CAFF,CAGEC,KAAK,CAALA,CAHF,CAIEE,IAAI,CAAJA,CAJF,CADK,CAOLL,CAPK,CAJkC,CAclB,UAArB,QAAOF,EAdgC,EAezCA,CAAS,CAACE,CAAD,CAEZ,CAjBQ,CAFX,EAqBD,CACF,CAxBM"}

package/__internal__/src/hooks/useResizableContentCanary/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":["trackPosition","getRefsSizes","refs","direction","map","el","ref","Object","prototype","hasOwnProperty","call","current","getBoundingClientRect","width","height","getTargetBlockPosition","sizes","index","slice","reduce","val","a","getNonCalcualtedSize","filter","_el","i","getBlockMaxSizes","blocks","minWidth","minHeight","maxWidth","maxHeight","getValidValues","params","value","containerHeight","containerWidth","blocksSizes","next","results","right","min","max","getCalcaulatedSizes","event","container","position","left","top","size","x","y","first","second"],"sources":["../../../../../src/hooks/useResizableContentCanary/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { trackPosition } from '##/components/Slider/useSlider/helper';\n\nimport {\n  UseResizableContentPropDirection,\n  UseResizableContentRef,\n  UseResizableContentSize,\n} from './types';\n\nexport const getRefsSizes = (\n  refs: Array<UseResizableContentRef | React.RefObject<HTMLElement>>,\n  direction: UseResizableContentPropDirection,\n): UseResizableContentSize[] =>\n  refs.map((el) => {\n    const ref = Object.prototype.hasOwnProperty.call(el, 'current')\n      ? (el as React.RefObject<HTMLElement>)\n      : (el as UseResizableContentRef).ref;\n    if (ref.current) {\n      const { width, height } = ref.current.getBoundingClientRect();\n      return {\n        width: direction === 'horizontal' ? width : undefined,\n        height: direction === 'horizontal' ? undefined : height,\n      };\n    }\n    return {\n      width: undefined,\n      height: undefined,\n    };\n  });\n\nconst getTargetBlockPosition = (\n  sizes: UseResizableContentSize[],\n  direction: UseResizableContentPropDirection,\n  index: number,\n) =>\n  sizes\n    .slice(0, index)\n    .map((el) => (direction === 'horizontal' ? el.width : el.height) ?? 0)\n    .reduce((val, a) => (val ?? 0) + (a ?? 0), 0);\n\nconst getNonCalcualtedSize = (\n  sizes: UseResizableContentSize[],\n  direction: UseResizableContentPropDirection,\n  index: number,\n) =>\n  sizes\n    .filter((_el, i) => !(index === i || index + 1 === i))\n    .map((el) => (direction === 'horizontal' ? el.width : el.height) ?? 0)\n    .reduce((val, a) => (val ?? 0) + (a ?? 0), 0);\n\nconst getBlockMaxSizes = (\n  blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>,\n  direction: UseResizableContentPropDirection,\n  index: number,\n) => {\n  if (!Object.prototype.hasOwnProperty.call(blocks[index], 'current')) {\n    const el = blocks[index] as UseResizableContentRef;\n    return [\n      direction === 'horizontal' ? el.minWidth : el.minHeight,\n      direction === 'horizontal' ? el.maxWidth : el.maxHeight,\n    ];\n  }\n  return [undefined, undefined];\n};\n\nconst getValidValues = (params: {\n  value: number;\n  index: number;\n  direction: UseResizableContentPropDirection;\n  blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;\n  containerWidth: number;\n  containerHeight: number;\n  sizes: UseResizableContentSize[];\n}) => {\n  const {\n    value,\n    index,\n    direction,\n    blocks,\n    sizes,\n    containerHeight,\n    containerWidth,\n  } = params;\n  const blocksSizes =\n    (direction === 'horizontal' ? containerWidth : containerHeight) -\n    getNonCalcualtedSize(sizes, direction, index);\n  const current = getBlockMaxSizes(blocks, direction, index);\n  const next = getBlockMaxSizes(blocks, direction, index + 1);\n  let results = [value, blocksSizes - value];\n  const right = blocksSizes - value;\n  if (value < 0 || (current[0] && value < current[0])) {\n    const min = current[0] ?? 0;\n    results = [min, blocksSizes - min];\n  }\n  if (value > blocksSizes || (current[1] && value > current[1])) {\n    const max = current[1] ?? blocksSizes;\n    results = [max, blocksSizes - max];\n  }\n  if (next[0] && right < next[0]) {\n    const min = next[0] ?? 0;\n    results = [blocksSizes - min, min];\n  }\n  if (next[1] && right > next[1]) {\n    const max = next[1] ?? blocksSizes;\n    results = [blocksSizes - max, max];\n  }\n  return results;\n};\n\nexport const getCalcaulatedSizes = (params: {\n  event: MouseEvent | TouchEvent | Event;\n  index: number;\n  direction: UseResizableContentPropDirection;\n  blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;\n  container: React.RefObject<HTMLElement>;\n  sizes: UseResizableContentSize[];\n}) => {\n  const { event, index, sizes, container, direction, blocks } = params;\n  const nativeEvent = event as MouseEvent | TouchEvent;\n  const position = trackPosition(nativeEvent);\n  if (position) {\n    const { left, top, width, height } =\n      container.current?.getBoundingClientRect() ?? {\n        left: 0,\n        top: 0,\n      };\n    const trackPosition = getTargetBlockPosition(sizes, direction, index);\n    const size =\n      direction === 'horizontal'\n        ? position.x - left - trackPosition\n        : position.y - top - trackPosition;\n    const [first, second] = getValidValues({\n      value: size,\n      index,\n      containerHeight: height ?? 0,\n      containerWidth: width ?? 0,\n      sizes,\n      blocks,\n      direction,\n    });\n    return [\n      {\n        width: direction === 'horizontal' ? first : sizes[index].width,\n        height: direction === 'horizontal' ? sizes[index].height : first,\n      },\n      {\n        width: direction === 'horizontal' ? second : sizes[index + 1].width,\n        height: direction === 'horizontal' ? sizes[index + 1].height : second,\n      },\n    ];\n  }\n  return [sizes[index], sizes[index + 1]];\n};\n"],"mappings":"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"}

package/__internal__/src/hooks/useResizableContentCanary/index.js.map

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

package/__internal__/src/hooks/useResizableContentCanary/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/hooks/useResizableContentCanary/types.ts"],"sourcesContent":["import React from 'react';\n\nexport type UseResizableContentPropDirection = 'vertical' | 'horizontal';\n\nexport type UseResizableContentRef = {\n  ref: React.RefObject<HTMLElement>;\n  maxHeight?: number;\n  minHeight?: number;\n  maxWidth?: number;\n  minWidth?: number;\n};\n\nexport type UseResizableContentSize = { width?: number; height?: number };\n\ntype UseResizableContentProps = {\n  blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;\n  direction?: UseResizableContentPropDirection;\n  container: React.RefObject<HTMLElement>;\n  isActive?: boolean;\n};\n\nexport type UseResizableContent = (props: UseResizableContentProps) => {\n  handlers: Array<{\n    onMouseDown: React.MouseEventHandler;\n    onTouchStart: React.TouchEventHandler;\n  }>;\n  sizes: UseResizableContentSize[];\n};\n"],"mappings":""}

package/__internal__/src/hooks/useResizableContentCanary/useResizableContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResizableContent.js","names":["useCallback","useEffect","useMemo","useRef","useState","getCalcaulatedSizes","getRefsSizes","useResizableContent","props","blocks","direction","container","isActive","activeIndex","sizes","setSizes","controlListeners","type","method","document","handleRelease","handleTouchMove","event","index","current","copy","copySizes","left","right","handlePress","handlers","Array","from","length","map","_el","onMouseDown","onTouchStart"],"sources":["../../../../../src/hooks/useResizableContentCanary/useResizableContent.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { getCalcaulatedSizes, getRefsSizes } from './helpers';\nimport { UseResizableContent, UseResizableContentSize } from './types';\n\nexport const useResizableContent: UseResizableContent = (props) => {\n  const { blocks, direction = 'horizontal', container, isActive } = props;\n\n  const activeIndex: React.MutableRefObject<number | null> = useRef(null);\n\n  const [sizes, setSizes] = useState<UseResizableContentSize[]>(\n    getRefsSizes(blocks, direction),\n  );\n\n  const controlListeners = useCallback((type: 'add' | 'remove') => {\n    const method = type === 'add' ? 'addEventListener' : 'removeEventListener';\n    document[method]('mouseup', handleRelease);\n    document[method]('touchend', handleRelease);\n    document[method]('mousemove', handleTouchMove);\n    document[method]('touchmove', handleTouchMove);\n  }, []);\n\n  const handleTouchMove = useCallback(\n    (event: MouseEvent | TouchEvent | Event) => {\n      const index = activeIndex.current;\n      if (typeof index === 'number') {\n        setSizes((copy) => {\n          const copySizes = [...copy];\n          const [left, right] = getCalcaulatedSizes({\n            event,\n            index,\n            direction,\n            blocks,\n            container,\n            sizes: copySizes,\n          });\n          copySizes[index] = left;\n          copySizes[index + 1] = right;\n          return copySizes;\n        });\n      }\n    },\n    [container, direction, blocks],\n  );\n\n  const handleRelease = useCallback(() => {\n    controlListeners('remove');\n    activeIndex.current = null;\n  }, []);\n\n  const handlePress = useCallback((index: number) => {\n    activeIndex.current = index;\n    controlListeners('add');\n  }, []);\n\n  const handlers = useMemo(\n    () =>\n      Array.from({ length: blocks.length - 1 }).map((_el, index) => ({\n        onMouseDown: () => (isActive ? handlePress(index) : undefined),\n        onTouchStart: () => (isActive ? handlePress(index) : undefined),\n      })),\n    [blocks, direction, container, isActive],\n  );\n\n  useEffect(() => {\n    if (isActive) {\n      setSizes(getRefsSizes(blocks, direction));\n    }\n  }, [blocks, direction, isActive]);\n\n  useEffect(() => {\n    !isActive && handleRelease();\n  }, [isActive]);\n\n  return {\n    handlers,\n    sizes,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/hooks/useThemeVars/helpers.d.ts

@@ -1,12 +0,0 @@
-export declare const defaultVars: {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-};

package/__internal__/src/hooks/useThemeVars/helpers.js

@@ -1,2 +0,0 @@
-var cssColorVars=["--color-bg-default","--color-bg-secondary","--color-bg-brand","--color-bg-link","--color-bg-border","--color-bg-stripe","--color-bg-ghost","--color-bg-tone","--color-bg-soft","--color-bg-system","--color-bg-normal","--color-bg-success","--color-bg-caution","--color-bg-warning","--color-bg-alert","--color-bg-critical","--color-typo-primary","--color-typo-secondary","--color-typo-ghost","--color-typo-brand","--color-typo-system","--color-typo-normal","--color-typo-success","--color-typo-caution","--color-typo-warning","--color-typo-alert","--color-typo-critical","--color-typo-link","--color-typo-link-minor","--color-typo-link-hover","--color-scroll-bg","--color-scroll-thumb","--color-scroll-thumb-hover","--color-control-bg-default","--color-control-typo-default","--color-control-typo-placeholder","--color-control-bg-border-default","--color-control-bg-border-default-hover","--color-control-bg-border-focus","--color-control-bg-focus","--color-control-bg-active","--color-control-bg-primary","--color-control-bg-primary-hover","--color-control-typo-primary","--color-control-typo-primary-hover","--color-control-bg-secondary","--color-control-bg-border-secondary","--color-control-bg-border-secondary-hover","--color-control-typo-secondary","--color-control-typo-secondary-hover","--color-control-bg-ghost","--color-control-bg-ghost-hover","--color-control-typo-ghost","--color-control-typo-ghost-hover","--color-control-bg-clear","--color-control-bg-clear-hover","--color-control-typo-clear","--color-control-typo-clear-hover","--color-control-bg-disable","--color-control-bg-border-disable","--color-control-typo-disable"],cssControlVars=["--control-radius","--control-border-width","--control-height-l","--control-height-m","--control-height-s","--control-height-xs","--control-box-size-m","--control-box-size-l","--control-space-l","--control-space-m","--control-space-s","--control-space-xs","--control-text-size-l","--control-text-size-m","--control-text-size-s","--control-text-size-xs"],cssFontVars=["--font-primary","--font-mono"],cssSizeVars=["--size-text-2xs","--size-text-xs","--size-text-s","--size-text-m","--size-text-l","--size-text-xl","--size-text-2xl","--size-text-3xl","--size-text-4xl","--size-text-5xl","--size-text-6xl","--line-height-text-2xs","--line-height-text-xs","--line-height-text-s","--line-height-text-m","--line-height-text-l"],cssSpaceVars=["--space-3xs","--space-2xs","--space-xs","--space-s","--space-m","--space-l","--space-xl","--space-2xl","--space-3xl","--space-4xl","--space-5xl","--space-6xl"],cssShadowVars=["--shadow-group","--shadow-layer","--shadow-modal"];export var defaultVars={color:{primary:cssColorVars,accent:cssColorVars,invert:cssColorVars},control:cssControlVars,font:cssFontVars,size:cssSizeVars,space:cssSpaceVars,shadow:cssShadowVars};
-//# sourceMappingURL=helpers.js.map

package/__internal__/src/hooks/useThemeVars/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":["cssColorVars","cssControlVars","cssFontVars","cssSizeVars","cssSpaceVars","cssShadowVars","defaultVars","color","primary","accent","invert","control","font","size","space","shadow"],"sources":["../../../../../src/hooks/useThemeVars/helpers.ts"],"sourcesContent":["const cssColorVars = [\n  '--color-bg-default',\n  '--color-bg-secondary',\n  '--color-bg-brand',\n  '--color-bg-link',\n  '--color-bg-border',\n  '--color-bg-stripe',\n  '--color-bg-ghost',\n  '--color-bg-tone',\n  '--color-bg-soft',\n  '--color-bg-system',\n  '--color-bg-normal',\n  '--color-bg-success',\n  '--color-bg-caution',\n  '--color-bg-warning',\n  '--color-bg-alert',\n  '--color-bg-critical',\n  '--color-typo-primary',\n  '--color-typo-secondary',\n  '--color-typo-ghost',\n  '--color-typo-brand',\n  '--color-typo-system',\n  '--color-typo-normal',\n  '--color-typo-success',\n  '--color-typo-caution',\n  '--color-typo-warning',\n  '--color-typo-alert',\n  '--color-typo-critical',\n  '--color-typo-link',\n  '--color-typo-link-minor',\n  '--color-typo-link-hover',\n  '--color-scroll-bg',\n  '--color-scroll-thumb',\n  '--color-scroll-thumb-hover',\n  '--color-control-bg-default',\n  '--color-control-typo-default',\n  '--color-control-typo-placeholder',\n  '--color-control-bg-border-default',\n  '--color-control-bg-border-default-hover',\n  '--color-control-bg-border-focus',\n  '--color-control-bg-focus',\n  '--color-control-bg-active',\n  '--color-control-bg-primary',\n  '--color-control-bg-primary-hover',\n  '--color-control-typo-primary',\n  '--color-control-typo-primary-hover',\n  '--color-control-bg-secondary',\n  '--color-control-bg-border-secondary',\n  '--color-control-bg-border-secondary-hover',\n  '--color-control-typo-secondary',\n  '--color-control-typo-secondary-hover',\n  '--color-control-bg-ghost',\n  '--color-control-bg-ghost-hover',\n  '--color-control-typo-ghost',\n  '--color-control-typo-ghost-hover',\n  '--color-control-bg-clear',\n  '--color-control-bg-clear-hover',\n  '--color-control-typo-clear',\n  '--color-control-typo-clear-hover',\n  '--color-control-bg-disable',\n  '--color-control-bg-border-disable',\n  '--color-control-typo-disable',\n] as const;\n\nconst cssControlVars = [\n  '--control-radius',\n  '--control-border-width',\n  '--control-height-l',\n  '--control-height-m',\n  '--control-height-s',\n  '--control-height-xs',\n  '--control-box-size-m',\n  '--control-box-size-l',\n  '--control-space-l',\n  '--control-space-m',\n  '--control-space-s',\n  '--control-space-xs',\n  '--control-text-size-l',\n  '--control-text-size-m',\n  '--control-text-size-s',\n  '--control-text-size-xs',\n] as const;\n\nconst cssFontVars = ['--font-primary', '--font-mono'] as const;\n\nconst cssSizeVars = [\n  '--size-text-2xs',\n  '--size-text-xs',\n  '--size-text-s',\n  '--size-text-m',\n  '--size-text-l',\n  '--size-text-xl',\n  '--size-text-2xl',\n  '--size-text-3xl',\n  '--size-text-4xl',\n  '--size-text-5xl',\n  '--size-text-6xl',\n  '--line-height-text-2xs',\n  '--line-height-text-xs',\n  '--line-height-text-s',\n  '--line-height-text-m',\n  '--line-height-text-l',\n] as const;\n\nconst cssSpaceVars = [\n  '--space-3xs',\n  '--space-2xs',\n  '--space-xs',\n  '--space-s',\n  '--space-m',\n  '--space-l',\n  '--space-xl',\n  '--space-2xl',\n  '--space-3xl',\n  '--space-4xl',\n  '--space-5xl',\n  '--space-6xl',\n] as const;\n\nconst cssShadowVars = [\n  '--shadow-group',\n  '--shadow-layer',\n  '--shadow-modal',\n] as const;\n\nexport const defaultVars = {\n  color: {\n    primary: cssColorVars,\n    accent: cssColorVars,\n    invert: cssColorVars,\n  },\n  control: cssControlVars,\n  font: cssFontVars,\n  size: cssSizeVars,\n  space: cssSpaceVars,\n  shadow: cssShadowVars,\n} as const;\n"],"mappings":"GAAMA,aAAY,CAAG,CACnB,oBADmB,CAEnB,sBAFmB,CAGnB,kBAHmB,CAInB,iBAJmB,CAKnB,mBALmB,CAMnB,mBANmB,CAOnB,kBAPmB,CAQnB,iBARmB,CASnB,iBATmB,CAUnB,mBAVmB,CAWnB,mBAXmB,CAYnB,oBAZmB,CAanB,oBAbmB,CAcnB,oBAdmB,CAenB,kBAfmB,CAgBnB,qBAhBmB,CAiBnB,sBAjBmB,CAkBnB,wBAlBmB,CAmBnB,oBAnBmB,CAoBnB,oBApBmB,CAqBnB,qBArBmB,CAsBnB,qBAtBmB,CAuBnB,sBAvBmB,CAwBnB,sBAxBmB,CAyBnB,sBAzBmB,CA0BnB,oBA1BmB,CA2BnB,uBA3BmB,CA4BnB,mBA5BmB,CA6BnB,yBA7BmB,CA8BnB,yBA9BmB,CA+BnB,mBA/BmB,CAgCnB,sBAhCmB,CAiCnB,4BAjCmB,CAkCnB,4BAlCmB,CAmCnB,8BAnCmB,CAoCnB,kCApCmB,CAqCnB,mCArCmB,CAsCnB,yCAtCmB,CAuCnB,iCAvCmB,CAwCnB,0BAxCmB,CAyCnB,2BAzCmB,CA0CnB,4BA1CmB,CA2CnB,kCA3CmB,CA4CnB,8BA5CmB,CA6CnB,oCA7CmB,CA8CnB,8BA9CmB,CA+CnB,qCA/CmB,CAgDnB,2CAhDmB,CAiDnB,gCAjDmB,CAkDnB,sCAlDmB,CAmDnB,0BAnDmB,CAoDnB,gCApDmB,CAqDnB,4BArDmB,CAsDnB,kCAtDmB,CAuDnB,0BAvDmB,CAwDnB,gCAxDmB,CAyDnB,4BAzDmB,CA0DnB,kCA1DmB,CA2DnB,4BA3DmB,CA4DnB,mCA5DmB,CA6DnB,8BA7DmB,C,CAgEfC,cAAc,CAAG,CACrB,kBADqB,CAErB,wBAFqB,CAGrB,oBAHqB,CAIrB,oBAJqB,CAKrB,oBALqB,CAMrB,qBANqB,CAOrB,sBAPqB,CAQrB,sBARqB,CASrB,mBATqB,CAUrB,mBAVqB,CAWrB,mBAXqB,CAYrB,oBAZqB,CAarB,uBAbqB,CAcrB,uBAdqB,CAerB,uBAfqB,CAgBrB,wBAhBqB,C,CAmBjBC,WAAW,CAAG,CAAC,gBAAD,CAAmB,aAAnB,C,CAEdC,WAAW,CAAG,CAClB,iBADkB,CAElB,gBAFkB,CAGlB,eAHkB,CAIlB,eAJkB,CAKlB,eALkB,CAMlB,gBANkB,CAOlB,iBAPkB,CAQlB,iBARkB,CASlB,iBATkB,CAUlB,iBAVkB,CAWlB,iBAXkB,CAYlB,wBAZkB,CAalB,uBAbkB,CAclB,sBAdkB,CAelB,sBAfkB,CAgBlB,sBAhBkB,C,CAmBdC,YAAY,CAAG,CACnB,aADmB,CAEnB,aAFmB,CAGnB,YAHmB,CAInB,WAJmB,CAKnB,WALmB,CAMnB,WANmB,CAOnB,YAPmB,CAQnB,aARmB,CASnB,aATmB,CAUnB,aAVmB,CAWnB,aAXmB,CAYnB,aAZmB,C,CAefC,aAAa,CAAG,CACpB,gBADoB,CAEpB,gBAFoB,CAGpB,gBAHoB,C,CAMtB,MAAO,IAAMC,YAAW,CAAG,CACzBC,KAAK,CAAE,CACLC,OAAO,CAAER,YADJ,CAELS,MAAM,CAAET,YAFH,CAGLU,MAAM,CAAEV,YAHH,CADkB,CAMzBW,OAAO,CAAEV,cANgB,CAOzBW,IAAI,CAAEV,WAPmB,CAQzBW,IAAI,CAAEV,WARmB,CASzBW,KAAK,CAAEV,YATkB,CAUzBW,MAAM,CAAEV,aAViB,CAApB"}

package/__internal__/src/hooks/useThemeVars/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useThemeVars';
-export { defaultVars } from './helpers';

package/__internal__/src/hooks/useThemeVars/index.js

@@ -1,2 +0,0 @@
-export*from"./useThemeVars";export{defaultVars}from"./helpers";
-//# sourceMappingURL=index.js.map

package/__internal__/src/hooks/useThemeVars/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["defaultVars"],"sources":["../../../../../src/hooks/useThemeVars/index.ts"],"sourcesContent":["export * from './useThemeVars';\n\nexport { defaultVars } from './helpers';\n"],"mappings":"AAAA,4BAEA,OAASA,WAAT"}

package/__internal__/src/hooks/useThemeVars/useThemeVars.d.ts

@@ -1,58 +0,0 @@
-import { defaultVars } from './helpers';
-export declare type Vars = {
-    readonly color: {
-        readonly primary: readonly string[];
-        readonly accent: readonly string[];
-        readonly invert: readonly string[];
-    };
-    readonly control: readonly string[];
-    readonly font: readonly string[];
-    readonly size: readonly string[];
-    readonly space: readonly string[];
-    readonly shadow: readonly string[];
-};
-export declare type ThemeVars<T extends Vars = typeof defaultVars> = {
-    color: {
-        primary: {
-            [key in T['color']['primary'][number]]: string;
-        };
-        accent: {
-            [key in T['color']['accent'][number]]: string;
-        };
-        invert: {
-            [key in T['color']['invert'][number]]: string;
-        };
-    };
-    control: {
-        [key in T['control'][number]]: string;
-    };
-    font: {
-        [key in T['font'][number]]: string;
-    };
-    size: {
-        [key in T['size'][number]]: string;
-    };
-    space: {
-        [key in T['space'][number]]: string;
-    };
-    shadow: {
-        [key in T['shadow'][number]]: string;
-    };
-};
-declare type UseThemeVarsOptions<T> = {
-    vars?: T;
-    deps?: [];
-};
-export declare const useThemeVars: <T extends Vars = {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-}>(options?: UseThemeVarsOptions<T> | undefined) => ThemeVars<T>;
-export {};

package/__internal__/src/hooks/useThemeVars/useThemeVars.js

@@ -1,2 +0,0 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useMemo}from"react";import{cnTheme,useTheme}from"../../components/Theme/Theme";import{getStyleProps}from"../useStyleProps";import{defaultVars}from"./helpers";var addElements=function(){for(var a=[],b=0;b<arguments.length;b++){var c=0>b||arguments.length<=b?void 0:arguments[b],d=document.createElement("div");d.setAttribute("class",cnTheme(c)),document.body.append(d),a.push(d)}return a},removeElements=function(a){for(var b=0;b<a.length;b++)document.body.removeChild(a[b])};export var useThemeVars=function(a){var b=(null===a||void 0===a?void 0:a.vars)||defaultVars,c=useTheme(),d=c.theme;return useMemo(function(){var a=addElements(_objectSpread(_objectSpread({},d),{},{color:d.color.primary}),{color:d.color.accent},{color:d.color.invert}),c={color:{primary:getStyleProps(a[0],b.color.primary),accent:getStyleProps(a[1],b.color.accent),invert:getStyleProps(a[2],b.color.invert)},control:getStyleProps(a[0],b.control),font:getStyleProps(a[0],b.font),size:getStyleProps(a[0],b.size),space:getStyleProps(a[0],b.space),shadow:getStyleProps(a[0],b.shadow)};return removeElements(a),c},[d.color.primary,d.color.accent,d.color.invert,d.control,d.font,d.size,d.space,d.shadow].concat(_toConsumableArray(null!==a&&void 0!==a&&a.deps?a.deps:[])))};
-//# sourceMappingURL=useThemeVars.js.map

package/__internal__/src/hooks/useThemeVars/useThemeVars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemeVars.js","names":["useMemo","cnTheme","useTheme","getStyleProps","defaultVars","addElements","elements","index","length","mods","element","document","createElement","setAttribute","body","append","push","removeElements","array","removeChild","useThemeVars","options","variables","vars","theme","color","primary","accent","invert","themeVars","control","font","size","space","shadow","deps"],"sources":["../../../../../src/hooks/useThemeVars/useThemeVars.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport { useMemo } from 'react';\n\nimport { cnTheme, useTheme } from '##/components/Theme/Theme';\nimport { getStyleProps } from '##/hooks/useStyleProps';\n\nimport { defaultVars } from './helpers';\n\nexport type Vars = {\n  readonly color: {\n    readonly primary: readonly string[];\n    readonly accent: readonly string[];\n    readonly invert: readonly string[];\n  };\n  readonly control: readonly string[];\n  readonly font: readonly string[];\n  readonly size: readonly string[];\n  readonly space: readonly string[];\n  readonly shadow: readonly string[];\n};\n\nexport type ThemeVars<T extends Vars = typeof defaultVars> = {\n  color: {\n    primary: { [key in T['color']['primary'][number]]: string };\n    accent: { [key in T['color']['accent'][number]]: string };\n    invert: { [key in T['color']['invert'][number]]: string };\n  };\n  control: { [key in T['control'][number]]: string };\n  font: { [key in T['font'][number]]: string };\n  size: { [key in T['size'][number]]: string };\n  space: { [key in T['space'][number]]: string };\n  shadow: { [key in T['shadow'][number]]: string };\n};\n\ntype UseThemeVarsOptions<T> = {\n  vars?: T;\n  deps?: [];\n};\n\nconst addElements = (...array: {}[]): HTMLDivElement[] => {\n  const elements: HTMLDivElement[] = [];\n  for (let index = 0; index < array.length; index++) {\n    const mods = array[index];\n    const element = document.createElement('div');\n    element.setAttribute('class', cnTheme(mods));\n    document.body.append(element);\n    elements.push(element);\n  }\n  return elements;\n};\n\nconst removeElements = (array: HTMLDivElement[]) => {\n  for (let index = 0; index < array.length; index++) {\n    document.body.removeChild(array[index]);\n  }\n};\n\nexport const useThemeVars = <T extends Vars = typeof defaultVars>(\n  options?: UseThemeVarsOptions<T>,\n) => {\n  const variables = options?.vars || defaultVars;\n\n  const { theme } = useTheme();\n\n  return useMemo(() => {\n    const elements = addElements(\n      {\n        ...theme,\n        color: theme.color.primary,\n      },\n      { color: theme.color.accent },\n      { color: theme.color.invert },\n    );\n\n    const themeVars = {\n      color: {\n        primary: getStyleProps(elements[0], variables.color.primary),\n        accent: getStyleProps(elements[1], variables.color.accent),\n        invert: getStyleProps(elements[2], variables.color.invert),\n      },\n      control: getStyleProps(elements[0], variables.control),\n      font: getStyleProps(elements[0], variables.font),\n      size: getStyleProps(elements[0], variables.size),\n      space: getStyleProps(elements[0], variables.space),\n      shadow: getStyleProps(elements[0], variables.shadow),\n    } as ThemeVars<T>;\n\n    removeElements(elements);\n\n    return themeVars;\n  }, [\n    theme.color.primary,\n    theme.color.accent,\n    theme.color.invert,\n    theme.control,\n    theme.font,\n    theme.size,\n    theme.space,\n    theme.shadow,\n    ...(options?.deps ? options.deps : []),\n  ]);\n};\n"],"mappings":"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"}