@consta/uikit 5.9.2 → 5.10.0

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

@@ -1,2 +1,2 @@
-export * from './Tabs';
-export * from './TabsTab/TabsTab';
+export * from './Tabs';
+export * from './TabsTab/TabsTab';

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

@@ -1,140 +1,140 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type TabDimensions = {
-    size: number;
-    gap: number;
-};
-export declare type TabsItemDefault = {
-    label: string | number;
-    leftIcon?: IconComponent;
-    rightIcon?: IconComponent;
-    rightSide?: React.ReactNode;
-    leftSide?: React.ReactNode;
-    disabled?: boolean;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-    attributes?: AsAttributes;
-    /**
-     * @deprecated since version 4.11.0 use leftIcon
-     */
-    icon?: IconComponent;
-};
-export declare const tabsSizes: readonly ["m", "s", "xs"];
-export declare type TabsPropSize = typeof tabsSizes[number];
-export declare const tabsDefaultSize: TabsPropSize;
-export declare const tabsViews: readonly ["bordered", "clear"];
-export declare type TabsPropView = typeof tabsViews[number];
-export declare const tabsDefaultView: TabsPropView;
-export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
-export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
-export declare const tabsDefaultLinePosition: TabsPropLinePosition;
-export declare const tabsFitModes: readonly ["scroll", "dropdown"];
-export declare type TabsPropFitMode = typeof tabsFitModes[number];
-export declare const tabsDefaultFitMode: TabsPropFitMode;
-export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
-export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
-export declare type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
-export declare type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
-export declare type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropOnChange<ITEM> = (value: ITEM, props: {
-    e: React.MouseEvent | React.KeyboardEvent;
-}) => void;
-export declare type RenderItemProps<ITEM> = {
-    item: ITEM;
-    onChange: React.MouseEventHandler;
-    checked: boolean;
-    size: TabsPropSize;
-    iconSize?: IconPropSize;
-    onlyIcon?: boolean;
-    label: string;
-    tabRef?: React.RefObject<HTMLElement>;
-    renderInDropdown?: boolean;
-} & Omit<TabsItemDefault, 'label' | 'ref'>;
-export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type TabsFitModeWrapperProps<ITEM> = {
-    items: ITEM[];
-    tabsDimensions: TabDimensions[];
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-    getItemChecked: TabsPropGetItemChecked<ITEM>;
-    renderItem: (item: ITEM) => React.ReactNode;
-    renderItemsList: RenderItemsListProp;
-    onChange: TabsPropOnChange<ITEM>;
-    tabRefs: Array<React.RefObject<HTMLElement>>;
-    size: TabsPropSize;
-    withScrollButtons?: boolean;
-};
-export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
-    size?: TabsPropSize;
-    onlyIcon?: boolean;
-    view?: TabsPropView;
-    iconSize?: IconPropSize;
-    items: ITEM[];
-    value?: ITEM | null;
-    getItemLabel?: TabsPropGetItemLabel<ITEM>;
-    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;
-    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;
-    getItemLeftSide?: TabsPropGetItemSide<ITEM>;
-    getItemRightSide?: TabsPropGetItemSide<ITEM>;
-    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;
-    getItemAs?: TabsPropGetItemAs<ITEM>;
-    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;
-    getItemRef?: TabsPropGetItemRef<ITEM>;
-    children?: never;
-    onChange: TabsPropOnChange<ITEM>;
-    renderItem?: RenderItem<ITEM>;
-    disabled?: boolean;
-    /**
-     * @deprecated since version 4.11.0 use getItemLeftIcon
-     */
-    getItemIcon?: TabsPropGetItemIcon<ITEM>;
-} & (({
-    linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;
-} & ({
-    fitMode?: 'scroll';
-    withScrollButtons?: boolean;
-} | {
-    fitMode?: 'dropdown';
-    withScrollButtons?: never;
-})) | {
-    linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;
-    fitMode?: never;
-    withScrollButtons?: never;
-}), HTMLDivElement> & (ITEM extends {
-    label: TabsItemDefault['label'];
-} ? {} : {
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-});
-export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
-export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
-    onChange: React.MouseEventHandler;
-    checked: boolean;
-    size: TabsPropSize;
-    iconSize?: IconPropSize;
-    onlyIcon?: boolean;
-    className?: string;
-    label: string;
-    tabRef?: React.RefObject<HTMLElement>;
-    renderInDropdown?: boolean;
-} & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>, AS>;
-export declare type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
-export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    renderItem: (item: ITEM, onClick: () => void, renderInDropdown?: boolean) => React.ReactNode;
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-    onChange: TabsPropOnChange<ITEM>;
-    height: number;
-    size: TabsPropSize;
-} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
-export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
-export declare type RenderItemsListProp = (props: {
-    visibleIndexes?: number[];
-    withRunningLine?: boolean;
-    getTabClassName?: (idx: number) => string | undefined;
-}) => React.ReactNode;
-export declare type TabsDirection = 'horizontal' | 'vertical';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type TabDimensions = {
+    size: number;
+    gap: number;
+};
+export declare type TabsItemDefault = {
+    label: string | number;
+    leftIcon?: IconComponent;
+    rightIcon?: IconComponent;
+    rightSide?: React.ReactNode;
+    leftSide?: React.ReactNode;
+    disabled?: boolean;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    attributes?: AsAttributes;
+    /**
+     * @deprecated since version 4.11.0 use leftIcon
+     */
+    icon?: IconComponent;
+};
+export declare const tabsSizes: readonly ["m", "s", "xs"];
+export declare type TabsPropSize = typeof tabsSizes[number];
+export declare const tabsDefaultSize: TabsPropSize;
+export declare const tabsViews: readonly ["bordered", "clear"];
+export declare type TabsPropView = typeof tabsViews[number];
+export declare const tabsDefaultView: TabsPropView;
+export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
+export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
+export declare const tabsDefaultLinePosition: TabsPropLinePosition;
+export declare const tabsFitModes: readonly ["scroll", "dropdown"];
+export declare type TabsPropFitMode = typeof tabsFitModes[number];
+export declare const tabsDefaultFitMode: TabsPropFitMode;
+export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
+export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
+export declare type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
+export declare type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type TabsPropOnChange<ITEM> = (value: ITEM, props: {
+    e: React.MouseEvent | React.KeyboardEvent;
+}) => void;
+export declare type RenderItemProps<ITEM> = {
+    item: ITEM;
+    onChange: React.MouseEventHandler;
+    checked: boolean;
+    size: TabsPropSize;
+    iconSize?: IconPropSize;
+    onlyIcon?: boolean;
+    label: string;
+    tabRef?: React.RefObject<HTMLElement>;
+    renderInDropdown?: boolean;
+} & Omit<TabsItemDefault, 'label' | 'ref'>;
+export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type TabsFitModeWrapperProps<ITEM> = {
+    items: ITEM[];
+    tabsDimensions: TabDimensions[];
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+    getItemChecked: TabsPropGetItemChecked<ITEM>;
+    renderItem: (item: ITEM) => React.ReactNode;
+    renderItemsList: RenderItemsListProp;
+    onChange: TabsPropOnChange<ITEM>;
+    tabRefs: Array<React.RefObject<HTMLElement>>;
+    size: TabsPropSize;
+    withScrollButtons?: boolean;
+};
+export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    size?: TabsPropSize;
+    onlyIcon?: boolean;
+    view?: TabsPropView;
+    iconSize?: IconPropSize;
+    items: ITEM[];
+    value?: ITEM | null;
+    getItemLabel?: TabsPropGetItemLabel<ITEM>;
+    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;
+    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;
+    getItemLeftSide?: TabsPropGetItemSide<ITEM>;
+    getItemRightSide?: TabsPropGetItemSide<ITEM>;
+    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;
+    getItemAs?: TabsPropGetItemAs<ITEM>;
+    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;
+    getItemRef?: TabsPropGetItemRef<ITEM>;
+    children?: never;
+    onChange: TabsPropOnChange<ITEM>;
+    renderItem?: RenderItem<ITEM>;
+    disabled?: boolean;
+    /**
+     * @deprecated since version 4.11.0 use getItemLeftIcon
+     */
+    getItemIcon?: TabsPropGetItemIcon<ITEM>;
+} & (({
+    linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;
+} & ({
+    fitMode?: 'scroll';
+    withScrollButtons?: boolean;
+} | {
+    fitMode?: 'dropdown';
+    withScrollButtons?: never;
+})) | {
+    linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;
+    fitMode?: never;
+    withScrollButtons?: never;
+}), HTMLDivElement> & (ITEM extends {
+    label: TabsItemDefault['label'];
+} ? {} : {
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+});
+export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
+export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
+    onChange: React.MouseEventHandler;
+    checked: boolean;
+    size: TabsPropSize;
+    iconSize?: IconPropSize;
+    onlyIcon?: boolean;
+    className?: string;
+    label: string;
+    tabRef?: React.RefObject<HTMLElement>;
+    renderInDropdown?: boolean;
+} & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>, AS>;
+export declare type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
+export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    renderItem: (item: ITEM, onClick: () => void, renderInDropdown?: boolean) => React.ReactNode;
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+    onChange: TabsPropOnChange<ITEM>;
+    height: number;
+    size: TabsPropSize;
+} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
+export declare type RenderItemsListProp = (props: {
+    visibleIndexes?: number[];
+    withRunningLine?: boolean;
+    getTabClassName?: (idx: number) => string | undefined;
+}) => React.ReactNode;
+export declare type TabsDirection = 'horizontal' | 'vertical';

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

@@ -1,65 +1,70 @@
-import { IconComponent, IconProps } from '@consta/icons/Icon';
-import React from 'react';
-import { AsTagAttribute, AsTags } from "../../utils/types/AsTags";
-import { TagBase } from '../TagBase/TagBase';
-declare type TagBaseProps = React.ComponentProps<typeof TagBase>;
-export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
-export declare const tagPropModeDefault: "button";
-declare type TagPropMode = typeof tagPropMode[number];
-declare type CommonProps = {
-    size?: TagBaseProps['size'];
-    label: TagBaseProps['label'];
-    group?: TagBaseProps['group'];
-    icon?: IconComponent;
-    iconSize?: IconProps['size'];
-    children?: never;
-};
-declare type PropsWithModeButton = CommonProps & {
-    mode?: 'button';
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    checked?: never;
-    onChange?: never;
-    onCancel?: never;
-};
-declare type PropsWithModeLink = CommonProps & {
-    mode: 'link';
-    checked?: never;
-    onChange?: never;
-    onCancel?: never;
-};
-declare type PropsWithModeCheck = CommonProps & {
-    mode: 'check';
-    onChange: (checked: boolean, params: {
-        e?: React.MouseEvent;
-        checked: boolean;
-    }) => void;
-    checked: boolean;
-    onClick?: never;
-    onCancel?: never;
-};
-declare type PropsWithModeCancel = CommonProps & {
-    mode: 'cancel';
-    onCancel: React.MouseEventHandler<HTMLButtonElement>;
-    onClick?: never;
-    onChange?: never;
-    checked?: never;
-};
-declare type PropsWithModeInfo = CommonProps & {
-    mode: 'info';
-    onCancel?: never;
-    onClick?: never;
-    onChange?: never;
-    checked?: never;
-};
-declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
-declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
-export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
-    view?: TagBaseProps['view'];
-    onClick?: TagBaseProps['onClick'];
-    onCancel?: TagBaseProps['onCancel'];
-    withAction?: TagBaseProps['withAction'];
-    as: AsTags;
-};
-export declare const COMPONENT_NAME: "Tag";
-export declare const Tag: TagComponent;
-export {};
+import { IconComponent, IconProps } from '@consta/icons/Icon';
+import React from 'react';
+import { AsTagAttribute, AsTags } from "../../utils/types/AsTags";
+import { TagBase } from '../TagBase/TagBase';
+declare type TagBaseProps = React.ComponentProps<typeof TagBase>;
+export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
+export declare const tagPropModeDefault: "button";
+declare type TagPropMode = typeof tagPropMode[number];
+declare type CommonProps = {
+    size?: TagBaseProps['size'];
+    label: TagBaseProps['label'];
+    group?: TagBaseProps['group'];
+    icon?: IconComponent;
+    iconSize?: IconProps['size'];
+    children?: never;
+};
+declare type PropsWithModeButton = CommonProps & {
+    mode?: 'button';
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    checked?: never;
+    onChange?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeLink = CommonProps & {
+    mode: 'link';
+    checked?: never;
+    onChange?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeCheck = CommonProps & {
+    mode: 'check';
+    onChange: (checked: boolean, params: {
+        e?: React.MouseEvent;
+        checked: boolean;
+    }) => void;
+    checked: boolean;
+    onClick?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeCancel = CommonProps & {
+    mode: 'cancel';
+    onCancel: React.MouseEventHandler<HTMLButtonElement>;
+    cancelButtonTabIndex?: number;
+    onClick?: never;
+    onChange?: never;
+    checked?: never;
+};
+declare type PropsWithModeInfo = CommonProps & {
+    mode: 'info';
+    onCancel?: never;
+    onClick?: never;
+    onChange?: never;
+    checked?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
+declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
+    view?: TagBaseProps['view'];
+    onClick?: TagBaseProps['onClick'];
+    onCancel?: TagBaseProps['onCancel'];
+    withAction?: TagBaseProps['withAction'];
+    as: AsTags;
+};
+export declare const COMPONENT_NAME: "Tag";
+export declare const Tag: TagComponent;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","forwardRef","useRef","useForkRef","usePropsHandler","TagBase","tagPropMode","tagPropModeDefault","getParams","mode","checked","onClick","onChange","onCancel","view","as","withAction","e","COMPONENT_NAME","TagRenter","props","ref","tagRef","otherProps","params","Tag"],"sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { IconComponent, IconProps } from '@consta/icons/Icon';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { AsTagAttribute, AsTags } from '##/utils/types/AsTags';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { TagBase } from '../TagBase/TagBase';\n\ntype TagBaseProps = React.ComponentProps<typeof TagBase>;\n\nexport const tagPropMode = [\n  'button',\n  'check',\n  'cancel',\n  'link',\n  'info',\n] as const;\nexport const tagPropModeDefault = tagPropMode[0];\ntype TagPropMode = typeof tagPropMode[number];\n\ntype CommonProps = {\n  size?: TagBaseProps['size'];\n  label: TagBaseProps['label'];\n  group?: TagBaseProps['group'];\n  icon?: IconComponent;\n  iconSize?: IconProps['size'];\n  children?: never;\n};\n\ntype PropsWithModeButton = CommonProps & {\n  mode?: 'button';\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeLink = CommonProps & {\n  mode: 'link';\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCheck = CommonProps & {\n  mode: 'check';\n  onChange: (\n    checked: boolean,\n    params: { e?: React.MouseEvent; checked: boolean },\n  ) => void;\n  checked: boolean;\n  onClick?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCancel = CommonProps & {\n  mode: 'cancel';\n  onCancel: React.MouseEventHandler<HTMLButtonElement>;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype PropsWithModeInfo = CommonProps & {\n  mode: 'info';\n  onCancel?: never;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button'\n  ? PropsWithModeButton &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton>\n  : {} & ROLE extends 'check'\n  ? PropsWithModeCheck &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck>\n  : {} & ROLE extends 'cancel'\n  ? PropsWithModeCancel &\n      Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel>\n  : {} & ROLE extends 'link'\n  ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink>\n  : {} & ROLE extends 'info'\n  ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo>\n  : {};\n\ntype TagRender = <ROLE extends TagPropMode>(\n  props: Props<ROLE>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\ntype TagComponent = <ROLE extends TagPropMode>(\n  props: Props<ROLE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n\nexport function getParams(\n  mode: TagPropMode,\n  checked?: PropsWithModeCheck['checked'],\n  onClick?: React.MouseEventHandler,\n  onChange?: PropsWithModeCheck['onChange'],\n  onCancel?: PropsWithModeCancel['onCancel'],\n): {\n  view?: TagBaseProps['view'];\n  onClick?: TagBaseProps['onClick'];\n  onCancel?: TagBaseProps['onCancel'];\n  withAction?: TagBaseProps['withAction'];\n  as: AsTags;\n} {\n  switch (mode) {\n    case 'button':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'button',\n        withAction: true,\n      };\n    case 'link':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'a',\n        withAction: true,\n      };\n    case 'check':\n      return {\n        view: checked ? 'filled' : 'stroked',\n        onClick:\n          typeof onChange === 'function'\n            ? (e: React.MouseEvent) =>\n                onChange(!checked, { e, checked: !checked })\n            : undefined,\n        as: 'button',\n        withAction: true,\n      };\n    case 'cancel':\n      return {\n        view: 'filled',\n        onCancel,\n        as: 'span',\n      };\n    case 'info':\n      return {\n        view: 'filled',\n        as: 'span',\n      };\n  }\n}\n\nexport const COMPONENT_NAME = 'Tag' as const;\n\nconst TagRenter: TagRender = (props, ref) => {\n  const tagRef = useRef<HTMLDivElement>(null);\n  const {\n    mode = tagPropModeDefault,\n    onChange,\n    checked,\n    onCancel,\n    onClick,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, tagRef);\n  const params = getParams(mode, checked, onClick, onChange, onCancel);\n\n  return (\n    <TagBase {...otherProps} {...params} ref={useForkRef([ref, tagRef])} />\n  );\n};\n\nexport const Tag = forwardRef(TagRenter) as TagComponent;\n"],"mappings":"sJACA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAIA,OAASC,UAAT,yCACA,OAASC,eAAT,2CACA,OAASC,OAAT,0BAIA,MAAO,IAAMC,YAAW,CAAG,CACzB,QADyB,CAEzB,OAFyB,CAGzB,QAHyB,CAIzB,MAJyB,CAKzB,MALyB,CAApB,CAOP,MAAO,IAAMC,mBAAkB,CAAGD,WAAW,CAAC,CAAD,CAAtC,CA8EP,MAAO,SAASE,UAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAILC,CAJK,CAKLC,CALK,CAYL,OAEO,QAFP,GACQJ,CADR,CAGW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,QAHC,CAILC,UAAU,GAJL,CAHX,CASO,MATP,GACQP,CADR,CAUW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,GAHC,CAILC,UAAU,GAJL,CAVX,CAgBO,OAhBP,GACQP,CADR,CAiBW,CACLK,IAAI,CAAEJ,CAAO,CAAG,QAAH,CAAc,SADtB,CAELC,OAAO,CACe,UAApB,QAAOC,EAAP,CACI,SAACK,CAAD,QACEL,EAAQ,CAAC,CAACF,CAAF,CAAW,CAAEO,CAAC,CAADA,CAAF,CAAKP,OAAO,CAAE,CAACA,CAAf,CAAX,CADV,CADJ,OAHG,CAOLK,EAAE,CAAE,QAPC,CAQLC,UAAU,GARL,CAjBX,CA2BO,QA3BP,GACQP,CADR,CA4BW,CACLK,IAAI,CAAE,QADD,CAELD,QAAQ,CAARA,CAFK,CAGLE,EAAE,CAAE,MAHC,CA5BX,CAiCO,MAjCP,GACQN,CADR,CAkCW,CACLK,IAAI,CAAE,QADD,CAELC,EAAE,CAAE,MAFC,CAlCX,OAuCD,CAED,MAAO,IAAMG,eAAc,CAAG,KAAvB,CAEP,GAAMC,UAAoB,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACrCC,EAAM,CAAGpB,MAAM,CAAiB,IAAjB,CADsB,GASvCE,eAAe,CAACc,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CATwB,KAGzCb,IAHyC,CAGzCA,CAHyC,YAGlCF,kBAHkC,GAIzCK,CAJyC,GAIzCA,QAJyC,CAKzCF,CALyC,GAKzCA,OALyC,CAMzCG,CANyC,GAMzCA,QANyC,CAOzCF,CAPyC,GAOzCA,OAPyC,CAQtCY,CARsC,uCAUrCC,CAAM,CAAGhB,SAAS,CAACC,CAAD,CAAOC,CAAP,CAAgBC,CAAhB,CAAyBC,CAAzB,CAAmCC,CAAnC,CAVmB,CAY3C,MACE,qBAAC,OAAD,kBAAaU,CAAb,CAA6BC,CAA7B,EAAqC,GAAG,CAAErB,UAAU,CAAC,CAACkB,CAAD,CAAMC,CAAN,CAAD,CAApD,GAEH,CAfD,CAiBA,MAAO,IAAMG,IAAG,CAAGxB,UAAU,CAACkB,SAAD,CAAtB"}
+{"version":3,"file":"Tag.js","names":["React","forwardRef","useRef","useForkRef","usePropsHandler","TagBase","tagPropMode","tagPropModeDefault","getParams","mode","checked","onClick","onChange","onCancel","view","as","withAction","e","COMPONENT_NAME","TagRenter","props","ref","tagRef","otherProps","params","Tag"],"sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { IconComponent, IconProps } from '@consta/icons/Icon';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { AsTagAttribute, AsTags } from '##/utils/types/AsTags';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { TagBase } from '../TagBase/TagBase';\n\ntype TagBaseProps = React.ComponentProps<typeof TagBase>;\n\nexport const tagPropMode = [\n  'button',\n  'check',\n  'cancel',\n  'link',\n  'info',\n] as const;\nexport const tagPropModeDefault = tagPropMode[0];\ntype TagPropMode = typeof tagPropMode[number];\n\ntype CommonProps = {\n  size?: TagBaseProps['size'];\n  label: TagBaseProps['label'];\n  group?: TagBaseProps['group'];\n  icon?: IconComponent;\n  iconSize?: IconProps['size'];\n  children?: never;\n};\n\ntype PropsWithModeButton = CommonProps & {\n  mode?: 'button';\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n  cancelButtonTabIndex?: never;\n};\n\ntype PropsWithModeLink = CommonProps & {\n  mode: 'link';\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n  cancelButtonTabIndex?: never;\n};\n\ntype PropsWithModeCheck = CommonProps & {\n  mode: 'check';\n  onChange: (\n    checked: boolean,\n    params: { e?: React.MouseEvent; checked: boolean },\n  ) => void;\n  checked: boolean;\n  onClick?: never;\n  onCancel?: never;\n  cancelButtonTabIndex?: never;\n};\n\ntype PropsWithModeCancel = CommonProps & {\n  mode: 'cancel';\n  onCancel: React.MouseEventHandler<HTMLButtonElement>;\n  cancelButtonTabIndex?: number;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype PropsWithModeInfo = CommonProps & {\n  mode: 'info';\n  onCancel?: never;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n  cancelButtonTabIndex?: never;\n};\n\ntype Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button'\n  ? PropsWithModeButton &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton>\n  : {} & ROLE extends 'check'\n  ? PropsWithModeCheck &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck>\n  : {} & ROLE extends 'cancel'\n  ? PropsWithModeCancel &\n      Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel>\n  : {} & ROLE extends 'link'\n  ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink>\n  : {} & ROLE extends 'info'\n  ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo>\n  : {};\n\ntype TagRender = <ROLE extends TagPropMode>(\n  props: Props<ROLE>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\ntype TagComponent = <ROLE extends TagPropMode>(\n  props: Props<ROLE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n\nexport function getParams(\n  mode: TagPropMode,\n  checked?: PropsWithModeCheck['checked'],\n  onClick?: React.MouseEventHandler,\n  onChange?: PropsWithModeCheck['onChange'],\n  onCancel?: PropsWithModeCancel['onCancel'],\n): {\n  view?: TagBaseProps['view'];\n  onClick?: TagBaseProps['onClick'];\n  onCancel?: TagBaseProps['onCancel'];\n  withAction?: TagBaseProps['withAction'];\n  as: AsTags;\n} {\n  switch (mode) {\n    case 'button':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'button',\n        withAction: true,\n      };\n    case 'link':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'a',\n        withAction: true,\n      };\n    case 'check':\n      return {\n        view: checked ? 'filled' : 'stroked',\n        onClick:\n          typeof onChange === 'function'\n            ? (e: React.MouseEvent) =>\n                onChange(!checked, { e, checked: !checked })\n            : undefined,\n        as: 'button',\n        withAction: true,\n      };\n    case 'cancel':\n      return {\n        view: 'filled',\n        onCancel,\n        as: 'span',\n      };\n    case 'info':\n      return {\n        view: 'filled',\n        as: 'span',\n      };\n  }\n}\n\nexport const COMPONENT_NAME = 'Tag' as const;\n\nconst TagRenter: TagRender = (props, ref) => {\n  const tagRef = useRef<HTMLDivElement>(null);\n  const {\n    mode = tagPropModeDefault,\n    onChange,\n    checked,\n    onCancel,\n    onClick,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, tagRef);\n  const params = getParams(mode, checked, onClick, onChange, onCancel);\n\n  return (\n    <TagBase {...otherProps} {...params} ref={useForkRef([ref, tagRef])} />\n  );\n};\n\nexport const Tag = forwardRef(TagRenter) as TagComponent;\n"],"mappings":"sJACA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAIA,OAASC,UAAT,yCACA,OAASC,eAAT,2CACA,OAASC,OAAT,0BAIA,MAAO,IAAMC,YAAW,CAAG,CACzB,QADyB,CAEzB,OAFyB,CAGzB,QAHyB,CAIzB,MAJyB,CAKzB,MALyB,CAApB,CAOP,MAAO,IAAMC,mBAAkB,CAAGD,WAAW,CAAC,CAAD,CAAtC,CAmFP,MAAO,SAASE,UAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAILC,CAJK,CAKLC,CALK,CAYL,OAEO,QAFP,GACQJ,CADR,CAGW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,QAHC,CAILC,UAAU,GAJL,CAHX,CASO,MATP,GACQP,CADR,CAUW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,GAHC,CAILC,UAAU,GAJL,CAVX,CAgBO,OAhBP,GACQP,CADR,CAiBW,CACLK,IAAI,CAAEJ,CAAO,CAAG,QAAH,CAAc,SADtB,CAELC,OAAO,CACe,UAApB,QAAOC,EAAP,CACI,SAACK,CAAD,QACEL,EAAQ,CAAC,CAACF,CAAF,CAAW,CAAEO,CAAC,CAADA,CAAF,CAAKP,OAAO,CAAE,CAACA,CAAf,CAAX,CADV,CADJ,OAHG,CAOLK,EAAE,CAAE,QAPC,CAQLC,UAAU,GARL,CAjBX,CA2BO,QA3BP,GACQP,CADR,CA4BW,CACLK,IAAI,CAAE,QADD,CAELD,QAAQ,CAARA,CAFK,CAGLE,EAAE,CAAE,MAHC,CA5BX,CAiCO,MAjCP,GACQN,CADR,CAkCW,CACLK,IAAI,CAAE,QADD,CAELC,EAAE,CAAE,MAFC,CAlCX,OAuCD,CAED,MAAO,IAAMG,eAAc,CAAG,KAAvB,CAEP,GAAMC,UAAoB,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACrCC,EAAM,CAAGpB,MAAM,CAAiB,IAAjB,CADsB,GASvCE,eAAe,CAACc,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CATwB,KAGzCb,IAHyC,CAGzCA,CAHyC,YAGlCF,kBAHkC,GAIzCK,CAJyC,GAIzCA,QAJyC,CAKzCF,CALyC,GAKzCA,OALyC,CAMzCG,CANyC,GAMzCA,QANyC,CAOzCF,CAPyC,GAOzCA,OAPyC,CAQtCY,CARsC,uCAUrCC,CAAM,CAAGhB,SAAS,CAACC,CAAD,CAAOC,CAAP,CAAgBC,CAAhB,CAAyBC,CAAzB,CAAmCC,CAAnC,CAVmB,CAY3C,MACE,qBAAC,OAAD,kBAAaU,CAAb,CAA6BC,CAA7B,EAAqC,GAAG,CAAErB,UAAU,CAAC,CAACkB,CAAD,CAAMC,CAAN,CAAD,CAApD,GAEH,CAfD,CAiBA,MAAO,IAAMG,IAAG,CAAGxB,UAAU,CAACkB,SAAD,CAAtB"}

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

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

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

@@ -1,26 +1,27 @@
-import './TagBase.css';
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
-export declare const tagBasePropSizeDefault: "m";
-export declare type TagBasePropSize = typeof tagBasePropSize[number];
-export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
-export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | 7 | 9 | "2" | "3" | 8 | "4" | "5" | "6" | "7" | "8" | 6 | "9")[];
-export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
-export declare const tagBasePropView: readonly ["stroked", "filled"];
-export declare const tagBasePropViewDefault: "stroked";
-export declare type TagBasePropView = typeof tagBasePropView[number];
-export declare type Props = {
-    size?: TagBasePropSize;
-    label: string;
-    children?: never;
-    view?: TagBasePropView;
-    group?: TagBasePropGroup;
-    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
-    icon?: IconComponent;
-    iconSize?: IconPropSize;
-    withAction?: boolean;
-};
-export declare const cnTagBase: import("@bem-react/classname").ClassNameFormatter;
-export declare const TagBase: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+import './TagBase.css';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
+export declare const tagBasePropSizeDefault: "m";
+export declare type TagBasePropSize = typeof tagBasePropSize[number];
+export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
+export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | 9 | "2" | 7 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | 6 | "9")[];
+export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
+export declare const tagBasePropView: readonly ["stroked", "filled"];
+export declare const tagBasePropViewDefault: "stroked";
+export declare type TagBasePropView = typeof tagBasePropView[number];
+export declare type Props = {
+    size?: TagBasePropSize;
+    label: string;
+    children?: never;
+    view?: TagBasePropView;
+    group?: TagBasePropGroup;
+    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
+    icon?: IconComponent;
+    iconSize?: IconPropSize;
+    withAction?: boolean;
+    cancelButtonTabIndex?: number;
+};
+export declare const cnTagBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const TagBase: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;

package/__internal__/src/components/TagBase/TagBase.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","as","label","className","group","view","onCancel","icon","iconSize","withAction"];import"./TagBase.css";import{IconClose}from"@consta/icons/IconClose";import React from"react";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var tagBasePropSize=["m","xs","s","l"];export var tagBasePropSizeDefault=tagBasePropSize[0];export var tagBasePropGroupNumberValue=[1,2,3,4,5,6,7,8,9];export var tagBasePropGroupStringValue=["1","2","3","4","5","6","7","8","9"];export var tagBasePropGroup=[].concat(tagBasePropGroupNumberValue,tagBasePropGroupStringValue);export var tagBasePropView=["stroked","filled"];export var tagBasePropViewDefault=tagBasePropView[0];export var cnTagBase=cn("TagBase");var sizeMap={xs:"xs",s:"xs",m:"s",l:"s"};export var TagBase=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?tagBasePropSizeDefault:c,e=a.as,f=void 0===e?"div":e,g=a.label,h=a.className,i=a.group,j=a.view,k=void 0===j?tagBasePropViewDefault:j,l=a.onCancel,m=a.icon,n=a.iconSize,o=a.withAction,p=_objectWithoutProperties(a,_excluded),q="function"==typeof l,r=getByMap(sizeMap,d),s=getByMap(sizeMap,d,n);return React.createElement(f,Object.assign({},p,{className:cnTagBase({size:d,view:k,withCancel:q,withIcon:!!m,group:i,withAction:o},[h]),ref:b}),q||m?React.createElement(React.Fragment,null,m&&React.createElement("span",{className:cnTagBase("IconWrapper")},React.createElement(m,{size:s,className:cnTagBase("Icon")})),React.createElement("span",{className:cnTagBase("Label")},g),q&&React.createElement("button",{className:cnTagBase("CancelButton"),type:"button",onClick:l},React.createElement(IconClose,{className:cnTagBase("CancelIcon"),size:r}))):g)});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","as","label","className","group","view","onCancel","icon","iconSize","withAction","cancelButtonTabIndex"];import"./TagBase.css";import{IconClose}from"@consta/icons/IconClose";import React from"react";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var tagBasePropSize=["m","xs","s","l"];export var tagBasePropSizeDefault=tagBasePropSize[0];export var tagBasePropGroupNumberValue=[1,2,3,4,5,6,7,8,9];export var tagBasePropGroupStringValue=["1","2","3","4","5","6","7","8","9"];export var tagBasePropGroup=[].concat(tagBasePropGroupNumberValue,tagBasePropGroupStringValue);export var tagBasePropView=["stroked","filled"];export var tagBasePropViewDefault=tagBasePropView[0];export var cnTagBase=cn("TagBase");var sizeMap={xs:"xs",s:"xs",m:"s",l:"s"};export var TagBase=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?tagBasePropSizeDefault:c,e=a.as,f=void 0===e?"div":e,g=a.label,h=a.className,i=a.group,j=a.view,k=void 0===j?tagBasePropViewDefault:j,l=a.onCancel,m=a.icon,n=a.iconSize,o=a.withAction,p=a.cancelButtonTabIndex,q=_objectWithoutProperties(a,_excluded),r="function"==typeof l,s=getByMap(sizeMap,d),t=getByMap(sizeMap,d,n);return React.createElement(f,Object.assign({},q,{className:cnTagBase({size:d,view:k,withCancel:r,withIcon:!!m,group:i,withAction:o},[h]),ref:b}),r||m?React.createElement(React.Fragment,null,m&&React.createElement("span",{className:cnTagBase("IconWrapper")},React.createElement(m,{size:t,className:cnTagBase("Icon")})),React.createElement("span",{className:cnTagBase("Label")},g),r&&React.createElement("button",{className:cnTagBase("CancelButton"),type:"button",onClick:l,tabIndex:p},React.createElement(IconClose,{className:cnTagBase("CancelIcon"),size:s}))):g)});
 //# sourceMappingURL=TagBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TagBase.js","names":["IconClose","React","cn","getByMap","forwardRefWithAs","tagBasePropSize","tagBasePropSizeDefault","tagBasePropGroupNumberValue","tagBasePropGroupStringValue","tagBasePropGroup","tagBasePropView","tagBasePropViewDefault","cnTagBase","sizeMap","xs","s","m","l","TagBase","props","ref","size","as","label","className","group","view","onCancel","Icon","icon","iconSize","withAction","otherProps","withCancel","IconCloseSize","IconSize","withIcon"],"sources":["../../../../../src/components/TagBase/TagBase.tsx"],"sourcesContent":["import './TagBase.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconClose } from '@consta/icons/IconClose';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const tagBasePropSize = ['m', 'xs', 's', 'l'] as const;\nexport const tagBasePropSizeDefault = tagBasePropSize[0];\nexport type TagBasePropSize = typeof tagBasePropSize[number];\n\nexport const tagBasePropGroupNumberValue = [1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const tagBasePropGroupStringValue = [\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n] as const;\nexport const tagBasePropGroup = [\n  ...tagBasePropGroupNumberValue,\n  ...tagBasePropGroupStringValue,\n];\n\nexport type TagBasePropGroup = typeof tagBasePropGroup[number];\n\nexport const tagBasePropView = ['stroked', 'filled'] as const;\nexport const tagBasePropViewDefault = tagBasePropView[0];\nexport type TagBasePropView = typeof tagBasePropView[number];\n\nexport type Props = {\n  size?: TagBasePropSize;\n  label: string;\n  children?: never;\n  view?: TagBasePropView;\n  group?: TagBasePropGroup;\n  onCancel?: React.MouseEventHandler<HTMLButtonElement>;\n  icon?: IconComponent;\n  iconSize?: IconPropSize;\n  withAction?: boolean;\n};\n\nexport const cnTagBase = cn('TagBase');\n\nconst sizeMap: Record<TagBasePropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nexport const TagBase = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    size = tagBasePropSizeDefault,\n    as = 'div',\n    label,\n    className,\n    group,\n    view = tagBasePropViewDefault,\n    onCancel,\n    icon: Icon,\n    iconSize,\n    withAction,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n  const withCancel = typeof onCancel === 'function';\n  const withIcon = !!Icon;\n  const IconCloseSize = getByMap(sizeMap, size);\n  const IconSize = getByMap(sizeMap, size, iconSize);\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnTagBase(\n        {\n          size,\n          view,\n          withCancel,\n          withIcon,\n          group,\n          withAction,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {withCancel || Icon ? (\n        <>\n          {Icon && (\n            <span className={cnTagBase('IconWrapper')}>\n              <Icon size={IconSize} className={cnTagBase('Icon')} />\n            </span>\n          )}\n          <span className={cnTagBase('Label')}>{label}</span>\n          {withCancel && (\n            <button\n              className={cnTagBase('CancelButton')}\n              type=\"button\"\n              onClick={onCancel}\n            >\n              <IconClose\n                className={cnTagBase('CancelIcon')}\n                size={IconCloseSize}\n              />\n            </button>\n          )}\n        </>\n      ) : (\n        label\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"TagBase.js","names":["IconClose","React","cn","getByMap","forwardRefWithAs","tagBasePropSize","tagBasePropSizeDefault","tagBasePropGroupNumberValue","tagBasePropGroupStringValue","tagBasePropGroup","tagBasePropView","tagBasePropViewDefault","cnTagBase","sizeMap","xs","s","m","l","TagBase","props","ref","size","as","label","className","group","view","onCancel","Icon","icon","iconSize","withAction","cancelButtonTabIndex","otherProps","withCancel","IconCloseSize","IconSize","withIcon"],"sources":["../../../../../src/components/TagBase/TagBase.tsx"],"sourcesContent":["import './TagBase.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconClose } from '@consta/icons/IconClose';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const tagBasePropSize = ['m', 'xs', 's', 'l'] as const;\nexport const tagBasePropSizeDefault = tagBasePropSize[0];\nexport type TagBasePropSize = typeof tagBasePropSize[number];\n\nexport const tagBasePropGroupNumberValue = [1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const tagBasePropGroupStringValue = [\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n] as const;\nexport const tagBasePropGroup = [\n  ...tagBasePropGroupNumberValue,\n  ...tagBasePropGroupStringValue,\n];\n\nexport type TagBasePropGroup = typeof tagBasePropGroup[number];\n\nexport const tagBasePropView = ['stroked', 'filled'] as const;\nexport const tagBasePropViewDefault = tagBasePropView[0];\nexport type TagBasePropView = typeof tagBasePropView[number];\n\nexport type Props = {\n  size?: TagBasePropSize;\n  label: string;\n  children?: never;\n  view?: TagBasePropView;\n  group?: TagBasePropGroup;\n  onCancel?: React.MouseEventHandler<HTMLButtonElement>;\n  icon?: IconComponent;\n  iconSize?: IconPropSize;\n  withAction?: boolean;\n  cancelButtonTabIndex?: number;\n};\n\nexport const cnTagBase = cn('TagBase');\n\nconst sizeMap: Record<TagBasePropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nexport const TagBase = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    size = tagBasePropSizeDefault,\n    as = 'div',\n    label,\n    className,\n    group,\n    view = tagBasePropViewDefault,\n    onCancel,\n    icon: Icon,\n    iconSize,\n    withAction,\n    cancelButtonTabIndex,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n  const withCancel = typeof onCancel === 'function';\n  const withIcon = !!Icon;\n  const IconCloseSize = getByMap(sizeMap, size);\n  const IconSize = getByMap(sizeMap, size, iconSize);\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnTagBase(\n        {\n          size,\n          view,\n          withCancel,\n          withIcon,\n          group,\n          withAction,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {withCancel || Icon ? (\n        <>\n          {Icon && (\n            <span className={cnTagBase('IconWrapper')}>\n              <Icon size={IconSize} className={cnTagBase('Icon')} />\n            </span>\n          )}\n          <span className={cnTagBase('Label')}>{label}</span>\n          {withCancel && (\n            <button\n              className={cnTagBase('CancelButton')}\n              type=\"button\"\n              onClick={onCancel}\n              tabIndex={cancelButtonTabIndex}\n            >\n              <IconClose\n                className={cnTagBase('CancelIcon')}\n                size={IconCloseSize}\n              />\n            </button>\n          )}\n        </>\n      ) : (\n        label\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

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

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

package/__internal__/src/components/Text/Text.css

@@ -1 +1 @@
-.Text_font_primary{font-family:var(--font-primary)}.Text_font_mono{font-family:var(--font-mono)}.Text_align_center{text-align:center}.Text_align_left{text-align:left}.Text_align_right{text-align:right}.Text_cursor_pointer{cursor:pointer}.Text_decoration_underline{text-decoration:underline}.Text_display_block{display:block}.Text_display_inlineBlock{display:inline-block}.Text_display_inline{display:inline}.Text_size_2xs{font-size:var(--size-text-2xs)}.Text_size_xs{font-size:var(--size-text-xs)}.Text_size_s{font-size:var(--size-text-s)}.Text_size_m{font-size:var(--size-text-m)}.Text_size_l{font-size:var(--size-text-l)}.Text_size_xl{font-size:var(--size-text-xl)}.Text_size_2xl{font-size:var(--size-text-2xl)}.Text_size_3xl{font-size:var(--size-text-3xl)}.Text_size_4xl{font-size:var(--size-text-4xl)}.Text_size_5xl{font-size:var(--size-text-5xl)}.Text_size_6xl{font-size:var(--size-text-6xl)}.Text_lineHeight_xs{line-height:var(--line-height-text-xs)}.Text_lineHeight_2xs{line-height:var(--line-height-text-2xs)}.Text_lineHeight_s{line-height:var(--line-height-text-s)}.Text_lineHeight_m{line-height:var(--line-height-text-m)}.Text_lineHeight_l{line-height:var(--line-height-text-l)}.Text_spacing_xs{letter-spacing:.06em}.Text_spacing_s{letter-spacing:.1em}.Text_spacing_m{letter-spacing:.14em}.Text_spacing_l{letter-spacing:.2em}.Text_fontStyle_italic{font-style:italic}.Text_transform_uppercase{text-transform:uppercase}.Text_view_alert{color:var(--color-typo-alert)}.Text_view_brand{color:var(--color-typo-brand)}.Text_view_ghost{color:var(--color-typo-ghost)}.Text_view_link{color:var(--color-typo-link);transition:.3s ease}.Text_view_link :hover{color:var(--color-typo-link-hover)}.Text_view_linkMinor{color:var(--color-typo-link-minor);transition:.3s ease}.Text_view_linkMinor :hover{color:var(--color-typo-link-hover)}.Text_view_primary{color:var(--color-typo-primary)}.Text_view_secondary{color:var(--color-typo-secondary)}.Text_view_success{color:var(--color-typo-success)}.Text_view_warning{color:var(--color-typo-warning)}.Text_view_system{color:var(--color-typo-system)}.Text_view_normal{color:var(--color-typo-normal)}.Text_view_caution{color:var(--color-typo-caution)}.Text_view_critical{color:var(--color-typo-critical)}.Text_weight_thin{font-weight:var(--font-weight-text-thin)}.Text_weight_light{font-weight:var(--font-weight-text-light)}.Text_weight_regular{font-weight:var(--font-weight-text-regular)}.Text_weight_medium{font-weight:var(--font-weight-text-medium)}.Text_weight_semibold{font-weight:var(--font-weight-text-semibold)}.Text_weight_bold{font-weight:var(--font-weight-text-bold)}.Text_weight_black{font-weight:var(--font-weight-text-black)}.Text_width_default{max-width:75ch}.Text_truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.Text_font_primary{font-family:var(--font-primary)}.Text_font_mono{font-family:var(--font-mono)}.Text_align_center{text-align:center}.Text_align_left{text-align:left}.Text_align_right{text-align:right}.Text_cursor_pointer{cursor:pointer}.Text_decoration_underline{text-decoration:underline}.Text_display_block{display:block}.Text_display_inlineBlock{display:inline-block}.Text_display_inline{display:inline}.Text_size_2xs{font-size:var(--size-text-2xs)}.Text_size_xs{font-size:var(--size-text-xs)}.Text_size_s{font-size:var(--size-text-s)}.Text_size_m{font-size:var(--size-text-m)}.Text_size_l{font-size:var(--size-text-l)}.Text_size_xl{font-size:var(--size-text-xl)}.Text_size_2xl{font-size:var(--size-text-2xl)}.Text_size_3xl{font-size:var(--size-text-3xl)}.Text_size_4xl{font-size:var(--size-text-4xl)}.Text_size_5xl{font-size:var(--size-text-5xl)}.Text_size_6xl{font-size:var(--size-text-6xl)}.Text_lineHeight_xs{line-height:var(--line-height-text-xs)}.Text_lineHeight_2xs{line-height:var(--line-height-text-2xs)}.Text_lineHeight_s{line-height:var(--line-height-text-s)}.Text_lineHeight_m{line-height:var(--line-height-text-m)}.Text_lineHeight_l{line-height:var(--line-height-text-l)}.Text_spacing_xs{letter-spacing:.06em}.Text_spacing_s{letter-spacing:.1em}.Text_spacing_m{letter-spacing:.14em}.Text_spacing_l{letter-spacing:.2em}.Text_fontStyle_italic{font-style:italic}.Text_transform_uppercase{text-transform:uppercase}.Text_view_alert{color:var(--color-typo-alert)}.Text_view_brand{color:var(--color-typo-brand)}.Text_view_ghost{color:var(--color-typo-ghost)}.Text_view_link{color:var(--color-typo-link);transition:.3s ease}.Text_view_link :hover{color:var(--color-typo-link-hover)}.Text_view_linkMinor{color:var(--color-typo-link-minor);transition:.3s ease}.Text_view_linkMinor :hover{color:var(--color-typo-link-hover)}.Text_view_primary{color:var(--color-typo-primary)}.Text_view_secondary{color:var(--color-typo-secondary)}.Text_view_success{color:var(--color-typo-success)}.Text_view_warning{color:var(--color-typo-warning)}.Text_view_system{color:var(--color-typo-system)}.Text_view_normal{color:var(--color-typo-normal)}.Text_view_caution{color:var(--color-typo-caution)}.Text_view_critical{color:var(--color-typo-critical)}.Text_weight_thin{font-weight:var(--font-weight-text-thin)}.Text_weight_extralight{font-weight:var(--font-weight-text-extralight)}.Text_weight_light{font-weight:var(--font-weight-text-light)}.Text_weight_regular{font-weight:var(--font-weight-text-regular)}.Text_weight_medium{font-weight:var(--font-weight-text-medium)}.Text_weight_semibold{font-weight:var(--font-weight-text-semibold)}.Text_weight_bold{font-weight:var(--font-weight-text-bold)}.Text_weight_extrabold{font-weight:var(--font-weight-text-extrabold)}.Text_weight_black{font-weight:var(--font-weight-text-black)}.Text_width_default{max-width:75ch}.Text_truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}