@consta/uikit 5.9.1 → 5.10.0

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

@@ -1,53 +1,53 @@
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-declare type CheckboxGroupPropAttributes = Omit<JSX.IntrinsicElements['label'], 'ref' | 'onChange' | 'onFocus' | 'children' | 'onBlur'>;
-export declare type CheckboxGroupDefaultItem = {
-    key?: string | number;
-    label: string;
-    disabled?: boolean;
-    attributes?: CheckboxGroupPropAttributes;
-    ref?: React.RefObject<HTMLLabelElement>;
-};
-export declare const checkboxGroupPropDirections: readonly ["column", "row"];
-export declare type CheckboxGroupPropDirection = typeof checkboxGroupPropDirections[number];
-export declare const checkboxGroupDefaultDirection: CheckboxGroupPropDirection;
-export declare const checkboxGroupPropSizes: readonly ["m", "xs", "s", "l"];
-export declare type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];
-export declare const checkboxGroupDefaultSize: CheckboxGroupPropSize;
-export declare const checkboxGroupPropViews: readonly ["primary", "ghost"];
-export declare type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];
-export declare const checkboxGroupDefaultView: CheckboxGroupPropView;
-export declare const checkboxGroupPropAlign: readonly ["center", "top"];
-export declare type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];
-export declare const checkboxGroupDefaultAlign: CheckboxGroupPropAlign;
-export declare type CheckboxGroupPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type CheckboxGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type CheckboxGroupPropGetItemAttributes<ITEM> = (item: ITEM) => CheckboxGroupPropAttributes | undefined;
-export declare type CheckboxGroupPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLLabelElement> | undefined;
-export declare type CheckboxGroupPropOnChange<ITEM> = (value: ITEM[] | null, props: {
-    e: React.ChangeEvent<HTMLInputElement>;
-}) => void;
-export declare type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
-    value?: ITEM[] | null;
-    items: ITEM[];
-    getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;
-    getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;
-    getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;
-    getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;
-    getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;
-    onChange?: CheckboxGroupPropOnChange<ITEM>;
-    name?: string;
-    direction?: CheckboxGroupPropDirection;
-    align?: CheckboxGroupPropAlign;
-    size?: CheckboxGroupPropSize;
-    view?: CheckboxGroupPropView;
-    disabled?: boolean;
-    className?: string;
-}, HTMLDivElement> & (ITEM extends {
-    label: CheckboxGroupDefaultItem['label'];
-} ? {} : {
-    getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;
-});
-export declare type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(props: CheckboxGroupProps<ITEM>) => React.ReactElement | null;
-export {};
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+declare type CheckboxGroupPropAttributes = Omit<JSX.IntrinsicElements['label'], 'ref' | 'onChange' | 'onFocus' | 'children' | 'onBlur'>;
+export declare type CheckboxGroupDefaultItem = {
+    key?: string | number;
+    label: string;
+    disabled?: boolean;
+    attributes?: CheckboxGroupPropAttributes;
+    ref?: React.RefObject<HTMLLabelElement>;
+};
+export declare const checkboxGroupPropDirections: readonly ["column", "row"];
+export declare type CheckboxGroupPropDirection = typeof checkboxGroupPropDirections[number];
+export declare const checkboxGroupDefaultDirection: CheckboxGroupPropDirection;
+export declare const checkboxGroupPropSizes: readonly ["m", "xs", "s", "l"];
+export declare type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];
+export declare const checkboxGroupDefaultSize: CheckboxGroupPropSize;
+export declare const checkboxGroupPropViews: readonly ["primary", "ghost"];
+export declare type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];
+export declare const checkboxGroupDefaultView: CheckboxGroupPropView;
+export declare const checkboxGroupPropAlign: readonly ["center", "top"];
+export declare type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];
+export declare const checkboxGroupDefaultAlign: CheckboxGroupPropAlign;
+export declare type CheckboxGroupPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type CheckboxGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type CheckboxGroupPropGetItemAttributes<ITEM> = (item: ITEM) => CheckboxGroupPropAttributes | undefined;
+export declare type CheckboxGroupPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLLabelElement> | undefined;
+export declare type CheckboxGroupPropOnChange<ITEM> = (value: ITEM[] | null, props: {
+    e: React.ChangeEvent<HTMLInputElement>;
+}) => void;
+export declare type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    value?: ITEM[] | null;
+    items: ITEM[];
+    getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;
+    getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;
+    getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;
+    getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;
+    getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;
+    onChange?: CheckboxGroupPropOnChange<ITEM>;
+    name?: string;
+    direction?: CheckboxGroupPropDirection;
+    align?: CheckboxGroupPropAlign;
+    size?: CheckboxGroupPropSize;
+    view?: CheckboxGroupPropView;
+    disabled?: boolean;
+    className?: string;
+}, HTMLDivElement> & (ITEM extends {
+    label: CheckboxGroupDefaultItem['label'];
+} ? {} : {
+    getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;
+});
+export declare type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(props: CheckboxGroupProps<ITEM>) => React.ReactElement | null;
+export {};

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

@@ -1,3 +1,3 @@
-import './Chips.css';
-import { ChipsComponent } from './types';
-export declare const Chips: ChipsComponent;
+import './Chips.css';
+import { ChipsComponent } from './types';
+export declare const Chips: ChipsComponent;

package/__internal__/src/components/Chips/ChipsChoice/ChipsChoice.d.ts

@@ -1,4 +1,4 @@
-import { ChipsChoiceComponent, ChipsChoiceDefaultItem, ChipsChoicePropGetItemKey } from './types';
-export declare const getUndefined: () => undefined;
-export declare const getItemKeyDefault: ChipsChoicePropGetItemKey<ChipsChoiceDefaultItem>;
-export declare const ChipsChoice: ChipsChoiceComponent;
+import { ChipsChoiceComponent, ChipsChoiceDefaultItem, ChipsChoicePropGetItemKey } from './types';
+export declare const getUndefined: () => undefined;
+export declare const getItemKeyDefault: ChipsChoicePropGetItemKey<ChipsChoiceDefaultItem>;
+export declare const ChipsChoice: ChipsChoiceComponent;

package/__internal__/src/components/Chips/ChipsChoice/index.d.ts

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

package/__internal__/src/components/Chips/ChipsChoice/types.d.ts

@@ -1,30 +1,30 @@
-/// <reference types="react" />
-import { ChipsItemProps, ChipsPropActiveView, ChipsPropGetItemIconLeft, ChipsPropGetItemLabel, ChipsPropGetItemRef, ChipsPropGetItemStatus, ChipsPropSize } from "..";
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
-export declare type ChipsChoiceDefaultItem = Omit<ChipsItemProps, 'size' | 'activeView' | 'interactive' | 'onRightIconClick' | 'iconRight' | 'as'> & {
-    key: string;
-};
-export declare type ChipsChoicePropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type ChipsChoicePropOnChange<ITEM, MULTIPLE extends boolean> = (value: MULTIPLE extends true ? ITEM[] | null : ITEM, props: {
-    e: React.MouseEvent;
-}) => void;
-export declare type ChipsChoicePropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null;
-export declare type ChipsChoiceProps<ITEM = ChipsChoiceDefaultItem, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
-    size?: ChipsPropSize;
-    activeView?: ChipsPropActiveView;
-    items: ITEM[];
-    getItemStatus?: ChipsPropGetItemStatus<ITEM>;
-    getItemLabel?: ChipsPropGetItemLabel<ITEM>;
-    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;
-    getItemRef?: ChipsPropGetItemRef<ITEM>;
-    onChange: ChipsChoicePropOnChange<ITEM, MULTIPLE>;
-    multiple?: MULTIPLE;
-    value?: ChipsChoicePropValue<ITEM, MULTIPLE>;
-    getItemKey?: ChipsChoicePropGetItemKey<ITEM>;
-    disabled?: boolean;
-}, HTMLDivElement> & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel?: ChipsPropGetItemLabel<ITEM>;
-});
-export declare type ChipsChoiceComponent = <ITEM = ChipsChoiceDefaultItem, MULTIPLE extends boolean = false>(props: ChipsChoiceProps<ITEM, MULTIPLE>) => React.ReactElement | null;
+/// <reference types="react" />
+import { ChipsItemProps, ChipsPropActiveView, ChipsPropGetItemIconLeft, ChipsPropGetItemLabel, ChipsPropGetItemRef, ChipsPropGetItemStatus, ChipsPropSize } from "..";
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+export declare type ChipsChoiceDefaultItem = Omit<ChipsItemProps, 'size' | 'activeView' | 'interactive' | 'onRightIconClick' | 'iconRight' | 'as'> & {
+    key: string;
+};
+export declare type ChipsChoicePropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type ChipsChoicePropOnChange<ITEM, MULTIPLE extends boolean> = (value: MULTIPLE extends true ? ITEM[] | null : ITEM, props: {
+    e: React.MouseEvent;
+}) => void;
+export declare type ChipsChoicePropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null;
+export declare type ChipsChoiceProps<ITEM = ChipsChoiceDefaultItem, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
+    size?: ChipsPropSize;
+    activeView?: ChipsPropActiveView;
+    items: ITEM[];
+    getItemStatus?: ChipsPropGetItemStatus<ITEM>;
+    getItemLabel?: ChipsPropGetItemLabel<ITEM>;
+    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;
+    getItemRef?: ChipsPropGetItemRef<ITEM>;
+    onChange: ChipsChoicePropOnChange<ITEM, MULTIPLE>;
+    multiple?: MULTIPLE;
+    value?: ChipsChoicePropValue<ITEM, MULTIPLE>;
+    getItemKey?: ChipsChoicePropGetItemKey<ITEM>;
+    disabled?: boolean;
+}, HTMLDivElement> & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel?: ChipsPropGetItemLabel<ITEM>;
+});
+export declare type ChipsChoiceComponent = <ITEM = ChipsChoiceDefaultItem, MULTIPLE extends boolean = false>(props: ChipsChoiceProps<ITEM, MULTIPLE>) => React.ReactElement | null;

package/__internal__/src/components/Chips/ChipsItem/ChipsItem.d.ts

@@ -1,3 +1,3 @@
-import './ChipsItem.css';
-import { ChipsItemProps } from '../types';
-export declare const ChipsItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<ChipsItemProps, "span">;
+import './ChipsItem.css';
+import { ChipsItemProps } from '../types';
+export declare const ChipsItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<ChipsItemProps, "span">;

package/__internal__/src/components/Chips/ChipsItem/index.d.ts

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

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

@@ -1,43 +1,43 @@
-/// <reference types="react" />
-import { ChipsDefaultItem, ChipsPropGetItemActive, ChipsPropGetItemAs, ChipsPropGetItemAttributes, ChipsPropGetItemDisabled, ChipsPropGetItemIconLeft, ChipsPropGetItemIconRight, ChipsPropGetItemLabel, ChipsPropGetItemRef, ChipsPropGetItemStatus, ChipsProps } from './types';
-export declare const defaultGetItemIconRight: ChipsPropGetItemIconRight<ChipsDefaultItem>;
-export declare const defaultGetItemActive: ChipsPropGetItemActive<ChipsDefaultItem>;
-export declare const defaultGetItemDisabled: ChipsPropGetItemDisabled<ChipsDefaultItem>;
-export declare const defaultGetItemIconLeft: ChipsPropGetItemIconLeft<ChipsDefaultItem>;
-export declare const defaultGetItemStatus: ChipsPropGetItemStatus<ChipsDefaultItem>;
-export declare const defaultGetItemLabel: ChipsPropGetItemLabel<ChipsDefaultItem>;
-export declare const defaultGetItemAs: ChipsPropGetItemAs<ChipsDefaultItem>;
-export declare const defaultGetItemAttributes: ChipsPropGetItemAttributes<ChipsDefaultItem>;
-export declare const defaultGetItemRef: ChipsPropGetItemRef<ChipsDefaultItem>;
-export declare function withDefaultGetters<ITEM>(props: ChipsProps<ITEM>): {
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    activeView?: "primary" | "secondary" | undefined;
-    items: ITEM[];
-    interactive?: boolean | undefined;
-    disabled?: boolean | undefined;
-    getItemStatus?: ChipsPropGetItemStatus<ITEM> | undefined;
-    getItemLabel?: ChipsPropGetItemLabel<ITEM> | undefined;
-    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM> | undefined;
-    getItemIconRight?: ChipsPropGetItemIconRight<ITEM> | undefined;
-    getItemRef?: ChipsPropGetItemRef<ITEM> | undefined;
-    getItemAs?: ChipsPropGetItemAs<ITEM> | undefined;
-    getItemAttributes?: ChipsPropGetItemAttributes<ITEM> | undefined;
-    getItemActive?: ChipsPropGetItemActive<ITEM> | undefined;
-    getItemDisabled?: ChipsPropGetItemDisabled<ITEM> | undefined;
-    onItemClick?: import("./types").ChipsPropOnItemClick<ITEM> | undefined;
-    onItemRightIconClick?: import("./types").ChipsPropItemOnRightIconClick<ITEM> | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "disabled" | "size" | "css" | "items" | "getItemLabel" | "getItemDisabled" | "getItemStatus" | "onItemClick" | "getItemActive" | "getItemAs" | "getItemAttributes" | "getItemRef" | "interactive" | "getItemIconLeft" | "getItemIconRight" | "activeView" | "onItemRightIconClick"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: ChipsPropGetItemLabel<ITEM>;
-}) & {
-    getItemLabel: ChipsPropGetItemLabel<ChipsDefaultItem> | ChipsPropGetItemLabel<ITEM>;
-    getItemIconRight: ChipsPropGetItemIconRight<ChipsDefaultItem> | ChipsPropGetItemIconRight<ITEM>;
-    getItemIconLeft: ChipsPropGetItemIconLeft<ChipsDefaultItem> | ChipsPropGetItemIconLeft<ITEM>;
-    getItemStatus: ChipsPropGetItemStatus<ChipsDefaultItem> | ChipsPropGetItemStatus<ITEM>;
-    getItemRef: ChipsPropGetItemRef<ChipsDefaultItem> | ChipsPropGetItemRef<ITEM>;
-    getItemAs: ChipsPropGetItemAs<ChipsDefaultItem> | ChipsPropGetItemAs<ITEM>;
-    getItemAttributes: ChipsPropGetItemAttributes<ChipsDefaultItem> | ChipsPropGetItemAttributes<ITEM>;
-    getItemActive: ChipsPropGetItemActive<ChipsDefaultItem> | ChipsPropGetItemActive<ITEM>;
-    getItemDisabled: ChipsPropGetItemDisabled<ChipsDefaultItem> | ChipsPropGetItemDisabled<ITEM>;
-};
+/// <reference types="react" />
+import { ChipsDefaultItem, ChipsPropGetItemActive, ChipsPropGetItemAs, ChipsPropGetItemAttributes, ChipsPropGetItemDisabled, ChipsPropGetItemIconLeft, ChipsPropGetItemIconRight, ChipsPropGetItemLabel, ChipsPropGetItemRef, ChipsPropGetItemStatus, ChipsProps } from './types';
+export declare const defaultGetItemIconRight: ChipsPropGetItemIconRight<ChipsDefaultItem>;
+export declare const defaultGetItemActive: ChipsPropGetItemActive<ChipsDefaultItem>;
+export declare const defaultGetItemDisabled: ChipsPropGetItemDisabled<ChipsDefaultItem>;
+export declare const defaultGetItemIconLeft: ChipsPropGetItemIconLeft<ChipsDefaultItem>;
+export declare const defaultGetItemStatus: ChipsPropGetItemStatus<ChipsDefaultItem>;
+export declare const defaultGetItemLabel: ChipsPropGetItemLabel<ChipsDefaultItem>;
+export declare const defaultGetItemAs: ChipsPropGetItemAs<ChipsDefaultItem>;
+export declare const defaultGetItemAttributes: ChipsPropGetItemAttributes<ChipsDefaultItem>;
+export declare const defaultGetItemRef: ChipsPropGetItemRef<ChipsDefaultItem>;
+export declare function withDefaultGetters<ITEM>(props: ChipsProps<ITEM>): {
+    size?: "s" | "m" | "xs" | "l" | undefined;
+    activeView?: "primary" | "secondary" | undefined;
+    items: ITEM[];
+    interactive?: boolean | undefined;
+    disabled?: boolean | undefined;
+    getItemStatus?: ChipsPropGetItemStatus<ITEM> | undefined;
+    getItemLabel?: ChipsPropGetItemLabel<ITEM> | undefined;
+    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM> | undefined;
+    getItemIconRight?: ChipsPropGetItemIconRight<ITEM> | undefined;
+    getItemRef?: ChipsPropGetItemRef<ITEM> | undefined;
+    getItemAs?: ChipsPropGetItemAs<ITEM> | undefined;
+    getItemAttributes?: ChipsPropGetItemAttributes<ITEM> | undefined;
+    getItemActive?: ChipsPropGetItemActive<ITEM> | undefined;
+    getItemDisabled?: ChipsPropGetItemDisabled<ITEM> | undefined;
+    onItemClick?: import("./types").ChipsPropOnItemClick<ITEM> | undefined;
+    onItemRightIconClick?: import("./types").ChipsPropItemOnRightIconClick<ITEM> | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "disabled" | "size" | "css" | "items" | "getItemLabel" | "getItemDisabled" | "getItemStatus" | "onItemClick" | "getItemActive" | "getItemAs" | "getItemAttributes" | "getItemRef" | "interactive" | "getItemIconLeft" | "getItemIconRight" | "activeView" | "onItemRightIconClick"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: ChipsPropGetItemLabel<ITEM>;
+}) & {
+    getItemLabel: ChipsPropGetItemLabel<ChipsDefaultItem> | ChipsPropGetItemLabel<ITEM>;
+    getItemIconRight: ChipsPropGetItemIconRight<ChipsDefaultItem> | ChipsPropGetItemIconRight<ITEM>;
+    getItemIconLeft: ChipsPropGetItemIconLeft<ChipsDefaultItem> | ChipsPropGetItemIconLeft<ITEM>;
+    getItemStatus: ChipsPropGetItemStatus<ChipsDefaultItem> | ChipsPropGetItemStatus<ITEM>;
+    getItemRef: ChipsPropGetItemRef<ChipsDefaultItem> | ChipsPropGetItemRef<ITEM>;
+    getItemAs: ChipsPropGetItemAs<ChipsDefaultItem> | ChipsPropGetItemAs<ITEM>;
+    getItemAttributes: ChipsPropGetItemAttributes<ChipsDefaultItem> | ChipsPropGetItemAttributes<ITEM>;
+    getItemActive: ChipsPropGetItemActive<ChipsDefaultItem> | ChipsPropGetItemActive<ITEM>;
+    getItemDisabled: ChipsPropGetItemDisabled<ChipsDefaultItem> | ChipsPropGetItemDisabled<ITEM>;
+};

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

@@ -1,4 +1,4 @@
-export * from './Chips';
-export * from './ChipsChoice';
-export * from './ChipsItem';
-export * from './types';
+export * from './Chips';
+export * from './ChipsChoice';
+export * from './ChipsItem';
+export * from './types';

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

@@ -1,67 +1,67 @@
-/// <reference types="react" />
-import { IconComponent } from '@consta/icons/Icon';
-import { badgePropStatus } from "../Badge";
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare const chipsPropSize: readonly ["xs", "s", "m", "l"];
-export declare type ChipsPropSize = typeof chipsPropSize[number];
-export declare const chipsPropSizeDefault: ChipsPropSize;
-export declare const chipsPropActiveView: readonly ["primary", "secondary"];
-export declare type ChipsPropActiveView = typeof chipsPropActiveView[number];
-export declare const chipsPropActiveViewDefault: ChipsPropActiveView;
-export declare type ChipsPropStatus = typeof badgePropStatus[number];
-export declare type ChipsItemProps = {
-    size?: ChipsPropSize;
-    activeView?: ChipsPropActiveView;
-    interactive?: boolean;
-    onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;
-    iconLeft?: IconComponent;
-    iconRight?: IconComponent;
-    status?: ChipsPropStatus;
-    label: string;
-    active?: boolean;
-    disabled?: boolean;
-};
-export declare type ChipsDefaultItem = Omit<ChipsItemProps, 'size' | 'activeView' | 'interactive' | 'onRightIconClick'> & {
-    attributes?: Omit<AsAttributes, 'children' | 'ref'>;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-};
-export declare type ChipsPropGetItemStatus<ITEM> = (item: ITEM) => ChipsDefaultItem['status'];
-export declare type ChipsPropGetItemLabel<ITEM> = (item: ITEM) => ChipsDefaultItem['label'];
-export declare type ChipsPropGetItemIconLeft<ITEM> = (item: ITEM) => ChipsDefaultItem['iconLeft'];
-export declare type ChipsPropGetItemIconRight<ITEM> = (item: ITEM) => ChipsDefaultItem['iconRight'];
-export declare type ChipsPropGetItemRef<ITEM> = (item: ITEM) => ChipsDefaultItem['ref'];
-export declare type ChipsPropGetItemAs<ITEM> = (item: ITEM) => ChipsDefaultItem['as'];
-export declare type ChipsPropGetItemAttributes<ITEM> = (item: ITEM) => ChipsDefaultItem['attributes'];
-export declare type ChipsPropGetItemActive<ITEM> = (item: ITEM) => ChipsDefaultItem['active'];
-export declare type ChipsPropGetItemDisabled<ITEM> = (item: ITEM) => ChipsDefaultItem['disabled'];
-export declare type ChipsPropOnItemClick<ITEM> = (item: ITEM, props: {
-    e: React.MouseEvent;
-}) => void;
-export declare type ChipsPropItemOnRightIconClick<ITEM> = (item: ITEM, props: {
-    e: React.MouseEvent;
-}) => void;
-export declare type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<{
-    size?: ChipsPropSize;
-    activeView?: ChipsPropActiveView;
-    items: ITEM[];
-    interactive?: boolean;
-    disabled?: boolean;
-    getItemStatus?: ChipsPropGetItemStatus<ITEM>;
-    getItemLabel?: ChipsPropGetItemLabel<ITEM>;
-    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;
-    getItemIconRight?: ChipsPropGetItemIconRight<ITEM>;
-    getItemRef?: ChipsPropGetItemRef<ITEM>;
-    getItemAs?: ChipsPropGetItemAs<ITEM>;
-    getItemAttributes?: ChipsPropGetItemAttributes<ITEM>;
-    getItemActive?: ChipsPropGetItemActive<ITEM>;
-    getItemDisabled?: ChipsPropGetItemDisabled<ITEM>;
-    onItemClick?: ChipsPropOnItemClick<ITEM>;
-    onItemRightIconClick?: ChipsPropItemOnRightIconClick<ITEM>;
-}, HTMLDivElement> & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: ChipsPropGetItemLabel<ITEM>;
-});
-export declare type ChipsComponent = <ITEM = ChipsDefaultItem>(props: ChipsProps<ITEM>) => React.ReactElement | null;
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+import { badgePropStatus } from "../Badge";
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare const chipsPropSize: readonly ["xs", "s", "m", "l"];
+export declare type ChipsPropSize = typeof chipsPropSize[number];
+export declare const chipsPropSizeDefault: ChipsPropSize;
+export declare const chipsPropActiveView: readonly ["primary", "secondary"];
+export declare type ChipsPropActiveView = typeof chipsPropActiveView[number];
+export declare const chipsPropActiveViewDefault: ChipsPropActiveView;
+export declare type ChipsPropStatus = typeof badgePropStatus[number];
+export declare type ChipsItemProps = {
+    size?: ChipsPropSize;
+    activeView?: ChipsPropActiveView;
+    interactive?: boolean;
+    onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
+    status?: ChipsPropStatus;
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+};
+export declare type ChipsDefaultItem = Omit<ChipsItemProps, 'size' | 'activeView' | 'interactive' | 'onRightIconClick'> & {
+    attributes?: Omit<AsAttributes, 'children' | 'ref'>;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+};
+export declare type ChipsPropGetItemStatus<ITEM> = (item: ITEM) => ChipsDefaultItem['status'];
+export declare type ChipsPropGetItemLabel<ITEM> = (item: ITEM) => ChipsDefaultItem['label'];
+export declare type ChipsPropGetItemIconLeft<ITEM> = (item: ITEM) => ChipsDefaultItem['iconLeft'];
+export declare type ChipsPropGetItemIconRight<ITEM> = (item: ITEM) => ChipsDefaultItem['iconRight'];
+export declare type ChipsPropGetItemRef<ITEM> = (item: ITEM) => ChipsDefaultItem['ref'];
+export declare type ChipsPropGetItemAs<ITEM> = (item: ITEM) => ChipsDefaultItem['as'];
+export declare type ChipsPropGetItemAttributes<ITEM> = (item: ITEM) => ChipsDefaultItem['attributes'];
+export declare type ChipsPropGetItemActive<ITEM> = (item: ITEM) => ChipsDefaultItem['active'];
+export declare type ChipsPropGetItemDisabled<ITEM> = (item: ITEM) => ChipsDefaultItem['disabled'];
+export declare type ChipsPropOnItemClick<ITEM> = (item: ITEM, props: {
+    e: React.MouseEvent;
+}) => void;
+export declare type ChipsPropItemOnRightIconClick<ITEM> = (item: ITEM, props: {
+    e: React.MouseEvent;
+}) => void;
+export declare type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    size?: ChipsPropSize;
+    activeView?: ChipsPropActiveView;
+    items: ITEM[];
+    interactive?: boolean;
+    disabled?: boolean;
+    getItemStatus?: ChipsPropGetItemStatus<ITEM>;
+    getItemLabel?: ChipsPropGetItemLabel<ITEM>;
+    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;
+    getItemIconRight?: ChipsPropGetItemIconRight<ITEM>;
+    getItemRef?: ChipsPropGetItemRef<ITEM>;
+    getItemAs?: ChipsPropGetItemAs<ITEM>;
+    getItemAttributes?: ChipsPropGetItemAttributes<ITEM>;
+    getItemActive?: ChipsPropGetItemActive<ITEM>;
+    getItemDisabled?: ChipsPropGetItemDisabled<ITEM>;
+    onItemClick?: ChipsPropOnItemClick<ITEM>;
+    onItemRightIconClick?: ChipsPropItemOnRightIconClick<ITEM>;
+}, HTMLDivElement> & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: ChipsPropGetItemLabel<ITEM>;
+});
+export declare type ChipsComponent = <ITEM = ChipsDefaultItem>(props: ChipsProps<ITEM>) => React.ReactElement | null;

package/__internal__/src/components/ChoiceGroup/ChoiceGroup.css

@@ -1 +1 @@
-.ChoiceGroup{--choice-group-bg-color:transparent;--choice-group-border-color:var(--color-control-bg-border-default);background-color:var(--choice-group-bg-color);border-radius:var(--choice-radius);box-shadow:inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);display:inline-flex;position:relative}.ChoiceGroup_truncate{max-width:100%}.ChoiceGroup_view_primary{--choice-bg-color:var(--color-control-bg-primary);--choice-text-color:var(--color-control-typo-primary)}.ChoiceGroup_view_ghost{--choice-bg-color:var(--color-control-bg-ghost);--choice-text-color:var(--color-control-typo-ghost)}.ChoiceGroup_view_secondary{--choice-bg-color:var(--color-control-bg-secondary);--choice-text-color:var(--color-control-typo-secondary)}.ChoiceGroup_view_secondary .ChoiceGroup-Label_checked{box-shadow:inset 0 0 0 1px var(--color-control-bg-border-secondary)}.ChoiceGroup_size_xs{--choice-height:var(--control-height-xs);--choice-font-size:var(--control-text-size-xs);--choice-space:var(--control-space-xs);--choice-space-indent:calc(var(--control-space-xs) + var(--space-3xs))}.ChoiceGroup_size_s{--choice-height:var(--control-height-s);--choice-font-size:var(--control-text-size-s);--choice-space:var(--control-space-s);--choice-space-indent:var(--control-space-m)}.ChoiceGroup_size_m{--choice-height:var(--control-height-m);--choice-font-size:var(--control-text-size-m);--choice-space:var(--control-space-m);--choice-space-indent:var(--control-space-l)}.ChoiceGroup_size_l{--choice-height:var(--control-height-l);--choice-font-size:var(--control-text-size-l);--choice-space:var(--control-space-l);--choice-space-indent:calc(var(--control-space-l) + var(--space-2xs))}.ChoiceGroup_form_brick,.ChoiceGroup_form_default{--divider-width:var(--control-border-width);--divider-height:unset;--divider-scale:0.65;--divider-radius:0;--divider-align-self:unset}.ChoiceGroup_form_default{--choice-radius:var(--control-radius)}.ChoiceGroup_form_brick{--choice-radius:0}.ChoiceGroup_form_round{--choice-radius:99em;--divider-width:4px;--divider-height:4px;--divider-scale:1;--divider-radius:99em;--divider-align-self:center}.ChoiceGroup_form_round .ChoiceGroup-Label{padding-left:var(--choice-space-indent);padding-right:var(--choice-space-indent)}.ChoiceGroup-Label{--choice-group-label-color:var(--color-control-typo-default);--choice-group-label-bg-color:transparent;--choice-group-label-bg-left:0;--choice-helper-bg-disabled:transparent;align-items:center;background-color:var(--choice-group-label-bg-color);border-radius:var(--choice-radius);box-sizing:border-box;color:var(--choice-group-label-color);cursor:pointer;display:flex;flex-grow:1;font-size:var(--choice-font-size);font-weight:var(--font-weight-text-regular);height:var(--choice-height);justify-content:center;line-height:calc(var(--choice-height) - var(--control-border-width)*2);overflow:hidden;padding:0 var(--choice-space) 0 var(--choice-space);position:relative;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;z-index:0}.ChoiceGroup-Label:after{background-color:var(--choice-helper-bg-disabled);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ChoiceGroup-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute}.ChoiceGroup-Label:not(.ChoiceGroup-Label_checked):hover{--choice-group-label-color:var(--color-control-typo-secondary-hover)}.ChoiceGroup-Divider{--divider-bg-color:var(--color-control-bg-border-default);align-self:var(--divider-align-self);background-color:var(--divider-bg-color);border-radius:var(--divider-radius);height:var(--divider-height);min-width:var(--divider-width);transform:scaleY(var(--divider-scale));width:var(--divider-width)}.ChoiceGroup-Divider_checked:not(.ChoiceGroup-Divider_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked{--choice-group-label-color:var(--choice-text-color);--choice-group-label-bg-color:var(--choice-bg-color)}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled)+.ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup-Text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChoiceGroup:not(.ChoiceGroup_onlyIcon) .ChoiceGroup-Icon{margin-right:calc(var(--choice-space)*.5)}.ChoiceGroup_onlyIcon .ChoiceGroup-Label{justify-content:center;padding:0;width:var(--choice-height)}.ChoiceGroup_width_full{width:100%}.ChoiceGroup-Label_disabled{--choice-group-label-color:var(--color-control-typo-disable);--choice-group-label-bg-color:var(--color-control-bg-disable);pointer-events:none}.ChoiceGroup_disabled{--choice-group-bg-color:var(--color-control-bg-disable);--choice-group-border-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Label_disabled:not(.ChoiceGroup-Label_checked){--choice-group-label-bg-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup:not(.ChoiceGroup_disabled) .ChoiceGroup-Label_disabled.ChoiceGroup-Label_checked:after{--choice-helper-bg-disabled:var(--color-control-bg-disable)}
+.ChoiceGroup{--choice-group-bg-color:transparent;--choice-group-border-color:var(--color-control-bg-border-default);background-color:var(--choice-group-bg-color);border-radius:var(--choice-radius);box-shadow:inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);display:inline-flex;position:relative}.ChoiceGroup_truncate{max-width:100%}.ChoiceGroup_view_primary{--choice-bg-color:var(--color-control-bg-primary);--choice-text-color:var(--color-control-typo-primary)}.ChoiceGroup_view_ghost{--choice-bg-color:var(--color-control-bg-ghost);--choice-text-color:var(--color-control-typo-ghost)}.ChoiceGroup_view_secondary{--choice-bg-color:var(--color-control-bg-secondary);--choice-text-color:var(--color-control-typo-secondary)}.ChoiceGroup_view_secondary .ChoiceGroup-Label_checked{box-shadow:inset 0 0 0 1px var(--color-control-bg-border-secondary)}.ChoiceGroup_size_xs{--choice-height:var(--control-height-xs);--choice-font-size:var(--control-text-size-xs);--choice-space:var(--control-space-xs);--choice-space-indent:calc(var(--control-space-xs) + var(--space-3xs))}.ChoiceGroup_size_s{--choice-height:var(--control-height-s);--choice-font-size:var(--control-text-size-s);--choice-space:var(--control-space-s);--choice-space-indent:var(--control-space-m)}.ChoiceGroup_size_m{--choice-height:var(--control-height-m);--choice-font-size:var(--control-text-size-m);--choice-space:var(--control-space-m);--choice-space-indent:var(--control-space-l)}.ChoiceGroup_size_l{--choice-height:var(--control-height-l);--choice-font-size:var(--control-text-size-l);--choice-space:var(--control-space-l);--choice-space-indent:calc(var(--control-space-l) + var(--space-2xs))}.ChoiceGroup_form_brick,.ChoiceGroup_form_default{--divider-width:var(--control-border-width);--divider-height:unset;--divider-scale:0.65;--divider-radius:0;--divider-align-self:unset}.ChoiceGroup_form_default{--choice-radius:var(--control-radius)}.ChoiceGroup_form_brick{--choice-radius:0}.ChoiceGroup_form_round{--choice-radius:99em;--divider-width:4px;--divider-height:4px;--divider-scale:1;--divider-radius:99em;--divider-align-self:center}.ChoiceGroup_form_round .ChoiceGroup-Label{padding-left:var(--choice-space-indent);padding-right:var(--choice-space-indent)}.ChoiceGroup-Label{--choice-group-label-color:var(--color-control-typo-default);--choice-group-label-bg-color:transparent;--choice-group-label-bg-left:0;--choice-helper-bg-disabled:transparent;align-items:center;background-color:var(--choice-group-label-bg-color);border-radius:var(--choice-radius);box-sizing:border-box;color:var(--choice-group-label-color);display:flex;flex-grow:1;font-size:var(--choice-font-size);font-weight:var(--font-weight-text-regular);height:var(--choice-height);justify-content:center;line-height:calc(var(--choice-height) - var(--control-border-width)*2);overflow:hidden;padding:0 var(--choice-space) 0 var(--choice-space);position:relative;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;z-index:0}.ChoiceGroup-Label:after{background-color:var(--choice-helper-bg-disabled);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ChoiceGroup-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute}.ChoiceGroup-Label:not(.ChoiceGroup-Label_disabled){cursor:pointer}.ChoiceGroup-Label:not(.ChoiceGroup-Label_checked,.ChoiceGroup-Label_disabled):hover{--choice-group-label-color:var(--color-control-typo-secondary-hover)}.ChoiceGroup-Divider{--divider-bg-color:var(--color-control-bg-border-default);align-self:var(--divider-align-self);background-color:var(--divider-bg-color);border-radius:var(--divider-radius);height:var(--divider-height);min-width:var(--divider-width);transform:scaleY(var(--divider-scale));width:var(--divider-width)}.ChoiceGroup-Divider_checked:not(.ChoiceGroup-Divider_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked{--choice-group-label-color:var(--choice-text-color);--choice-group-label-bg-color:var(--choice-bg-color)}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled)+.ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup-Text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChoiceGroup:not(.ChoiceGroup_onlyIcon) .ChoiceGroup-Icon{margin-right:calc(var(--choice-space)*.5)}.ChoiceGroup_onlyIcon .ChoiceGroup-Label{justify-content:center;padding:0;width:var(--choice-height)}.ChoiceGroup_width_full{width:100%}.ChoiceGroup-Label_disabled{--choice-group-label-color:var(--color-control-typo-disable);--choice-group-label-bg-color:var(--color-control-bg-disable)}.ChoiceGroup_disabled{--choice-group-bg-color:var(--color-control-bg-disable);--choice-group-border-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Label_disabled:not(.ChoiceGroup-Label_checked){--choice-group-label-bg-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup:not(.ChoiceGroup_disabled) .ChoiceGroup-Label_disabled.ChoiceGroup-Label_checked:after{--choice-helper-bg-disabled:var(--color-control-bg-disable)}

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

@@ -1,5 +1,5 @@
-import './ChoiceGroup.css';
-import { ChoiceGroupComponent } from './types';
-export declare const cnChoiceGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const ChoiceGroup: ChoiceGroupComponent;
-export * from './types';
+import './ChoiceGroup.css';
+import { ChoiceGroupComponent } from './types';
+export declare const cnChoiceGroup: import("@bem-react/classname").ClassNameFormatter;
+export declare const ChoiceGroup: ChoiceGroupComponent;
+export * from './types';

package/__internal__/src/components/ChoiceGroup/ChoiceGroup.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","view","width","onlyIcon","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","getItemAttributes","getItemRef","getItemDisabled","name","className","disabled","truncate"];import"./ChoiceGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{withDefaultGetters}from"./helper";import{ChoiceGroupItem}from"./Item/ChoiceGroup-Item";import{choiceGroupDefaultForm,choiceGroupDefaultSize,choiceGroupDefaultView,choiceGroupWidthDefault}from"./types";var sizeMap={xs:"xs",s:"xs",m:"s",l:"m"};export var cnChoiceGroup=cn("ChoiceGroup");var ChoiceGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?choiceGroupDefaultSize:d,f=c.form,g=void 0===f?choiceGroupDefaultForm:f,h=c.view,i=void 0===h?choiceGroupDefaultView:h,j=c.width,k=void 0===j?choiceGroupWidthDefault:j,l=c.onlyIcon,m=c.iconSize,n=c.value,o=void 0===n?null:n,p=c.multiple,q=void 0!==p&&p,r=c.items,s=c.getItemLabel,t=c.onChange,u=c.getItemIcon,v=c.getItemAttributes,w=c.getItemRef,x=c.getItemDisabled,y=c.name,z=c.className,A=c.disabled,B=void 0!==A&&A,C=c.truncate,D=_objectWithoutProperties(c,_excluded),E=useChoiceGroup({value:o,getKey:s,callBack:t,multiple:q}),F=E.getOnChange,G=E.getChecked,H=getByMap(sizeMap,e,m);return React.createElement("div",Object.assign({},D,{ref:b,className:cnChoiceGroup({size:e,form:g,view:i,width:k,onlyIcon:l,disabled:B,truncate:C},[z])}),r.map(function(a,b){var c,d=G(a),e=!!x&&x(a),f=null!==(c=v(a))&&void 0!==c?c:{},g=s(a).toString();return React.createElement(React.Fragment,{key:g},0<b&&React.createElement("div",{className:cnChoiceGroup("Divider",{checked:d,disabled:e})}),React.createElement(ChoiceGroupItem,Object.assign({onChange:F(a),checked:d,label:g,icon:u&&u(a),iconSize:H,multiple:q,onlyIcon:l,ref:w(a),name:y,disabled:B||e,title:l||C?g:void 0},f)))}))};export var ChoiceGroup=forwardRef(ChoiceGroupRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","view","width","onlyIcon","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","getItemAttributes","getItemRef","getItemDisabled","name","className","disabled","truncate"];import"./ChoiceGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{withDefaultGetters}from"./helper";import{ChoiceGroupItem}from"./Item/ChoiceGroup-Item";import{choiceGroupDefaultForm,choiceGroupDefaultSize,choiceGroupDefaultView,choiceGroupWidthDefault}from"./types";var sizeMap={xs:"xs",s:"xs",m:"s",l:"m"};export var cnChoiceGroup=cn("ChoiceGroup");var ChoiceGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?choiceGroupDefaultSize:d,f=c.form,g=void 0===f?choiceGroupDefaultForm:f,h=c.view,i=void 0===h?choiceGroupDefaultView:h,j=c.width,k=void 0===j?choiceGroupWidthDefault:j,l=c.onlyIcon,m=c.iconSize,n=c.value,o=void 0===n?null:n,p=c.multiple,q=void 0!==p&&p,r=c.items,s=c.getItemLabel,t=c.onChange,u=c.getItemIcon,v=c.getItemAttributes,w=c.getItemRef,x=c.getItemDisabled,y=c.name,z=c.className,A=c.disabled,B=void 0!==A&&A,C=c.truncate,D=_objectWithoutProperties(c,_excluded),E=useChoiceGroup({value:o,getKey:s,callBack:t,multiple:q}),F=E.getOnChange,G=E.getChecked,H=getByMap(sizeMap,e,m);return React.createElement("div",Object.assign({},D,{ref:b,className:cnChoiceGroup({size:e,form:g,view:i,width:k,onlyIcon:l,disabled:B,truncate:C},[z])}),r.map(function(a,b){var c,d=G(a),e=null===x||void 0===x?void 0:x(a),f=null!==(c=v(a))&&void 0!==c?c:{},g=s(a).toString();return React.createElement(React.Fragment,{key:g},0<b&&React.createElement("div",{className:cnChoiceGroup("Divider",{checked:d,disabled:e})}),React.createElement(ChoiceGroupItem,Object.assign({onChange:e?void 0:F(a),checked:d,label:g,icon:u&&u(a),iconSize:H,multiple:q,onlyIcon:l,ref:w(a),name:y,disabled:B||e,title:l||C?g:void 0},f)))}))};export var ChoiceGroup=forwardRef(ChoiceGroupRender);export*from"./types";
 //# sourceMappingURL=ChoiceGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroup.js","names":["React","forwardRef","useChoiceGroup","cn","getByMap","withDefaultGetters","ChoiceGroupItem","choiceGroupDefaultForm","choiceGroupDefaultSize","choiceGroupDefaultView","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroupRender","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","getItemAttributes","getItemRef","getItemDisabled","name","className","disabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","index","itemChecked","itemDisabled","attributes","label","toString","checked","ChoiceGroup"],"sources":["../../../../../src/components/ChoiceGroup/ChoiceGroup.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { withDefaultGetters } from './helper';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\nimport {\n  ChoiceGroupComponent,\n  choiceGroupDefaultForm,\n  choiceGroupDefaultSize,\n  choiceGroupDefaultView,\n  ChoiceGroupPropOnChange,\n  ChoiceGroupProps,\n  ChoiceGroupPropSize,\n  choiceGroupWidthDefault,\n} from './types';\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nconst ChoiceGroupRender = (\n  props: ChoiceGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = choiceGroupDefaultSize,\n    form = choiceGroupDefaultForm,\n    view = choiceGroupDefaultView,\n    width = choiceGroupWidthDefault,\n    onlyIcon,\n    iconSize: iconSizeProp,\n    value = null,\n    multiple = false,\n    items,\n    getItemLabel,\n    onChange,\n    getItemIcon,\n    getItemAttributes,\n    getItemRef,\n    getItemDisabled,\n    name,\n    className,\n    disabled = false,\n    truncate,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const { getOnChange, getChecked } = useChoiceGroup<\n    Item,\n    React.ChangeEvent<HTMLInputElement>\n  >({\n    value: value as Item,\n    getKey: getItemLabel,\n    callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n    multiple: multiple as false,\n    // привел к типам из-за того что\n    // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n  });\n\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnChoiceGroup(\n        { size, form, view, width, onlyIcon, disabled, truncate },\n        [className],\n      )}\n    >\n      {items.map((item, index) => {\n        const itemChecked = getChecked(item);\n        const itemDisabled = !!getItemDisabled && getItemDisabled(item);\n        const attributes = getItemAttributes(item) ?? {};\n        const label = getItemLabel(item).toString();\n\n        return (\n          <React.Fragment key={label}>\n            {index > 0 && (\n              <div\n                className={cnChoiceGroup('Divider', {\n                  checked: itemChecked,\n                  disabled: itemDisabled,\n                })}\n              />\n            )}\n            <ChoiceGroupItem\n              onChange={getOnChange(item)}\n              checked={itemChecked}\n              label={label}\n              icon={getItemIcon && getItemIcon(item)}\n              iconSize={iconSize}\n              multiple={multiple}\n              onlyIcon={onlyIcon}\n              ref={getItemRef(item)}\n              name={name}\n              disabled={disabled || itemDisabled}\n              title={onlyIcon || truncate ? label : undefined}\n              {...attributes}\n            />\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const ChoiceGroup = forwardRef(\n  ChoiceGroupRender,\n) as ChoiceGroupComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"ChoiceGroup.js","names":["React","forwardRef","useChoiceGroup","cn","getByMap","withDefaultGetters","ChoiceGroupItem","choiceGroupDefaultForm","choiceGroupDefaultSize","choiceGroupDefaultView","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroupRender","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","getItemAttributes","getItemRef","getItemDisabled","name","className","disabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","index","itemChecked","itemDisabled","attributes","label","toString","checked","ChoiceGroup"],"sources":["../../../../../src/components/ChoiceGroup/ChoiceGroup.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { withDefaultGetters } from './helper';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\nimport {\n  ChoiceGroupComponent,\n  choiceGroupDefaultForm,\n  choiceGroupDefaultSize,\n  choiceGroupDefaultView,\n  ChoiceGroupPropOnChange,\n  ChoiceGroupProps,\n  ChoiceGroupPropSize,\n  choiceGroupWidthDefault,\n} from './types';\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nconst ChoiceGroupRender = (\n  props: ChoiceGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = choiceGroupDefaultSize,\n    form = choiceGroupDefaultForm,\n    view = choiceGroupDefaultView,\n    width = choiceGroupWidthDefault,\n    onlyIcon,\n    iconSize: iconSizeProp,\n    value = null,\n    multiple = false,\n    items,\n    getItemLabel,\n    onChange,\n    getItemIcon,\n    getItemAttributes,\n    getItemRef,\n    getItemDisabled,\n    name,\n    className,\n    disabled = false,\n    truncate,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const { getOnChange, getChecked } = useChoiceGroup<\n    Item,\n    React.ChangeEvent<HTMLInputElement>\n  >({\n    value: value as Item,\n    getKey: getItemLabel,\n    callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n    multiple: multiple as false,\n    // привел к типам из-за того что\n    // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n  });\n\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnChoiceGroup(\n        { size, form, view, width, onlyIcon, disabled, truncate },\n        [className],\n      )}\n    >\n      {items.map((item, index) => {\n        const itemChecked = getChecked(item);\n        const itemDisabled = getItemDisabled?.(item);\n        const attributes = getItemAttributes(item) ?? {};\n        const label = getItemLabel(item).toString();\n\n        return (\n          <React.Fragment key={label}>\n            {index > 0 && (\n              <div\n                className={cnChoiceGroup('Divider', {\n                  checked: itemChecked,\n                  disabled: itemDisabled,\n                })}\n              />\n            )}\n            <ChoiceGroupItem\n              onChange={!itemDisabled ? getOnChange(item) : undefined}\n              checked={itemChecked}\n              label={label}\n              icon={getItemIcon && getItemIcon(item)}\n              iconSize={iconSize}\n              multiple={multiple}\n              onlyIcon={onlyIcon}\n              ref={getItemRef(item)}\n              name={name}\n              disabled={disabled || itemDisabled}\n              title={onlyIcon || truncate ? label : undefined}\n              {...attributes}\n            />\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const ChoiceGroup = forwardRef(\n  ChoiceGroupRender,\n) as ChoiceGroupComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/ChoiceGroup/Item/ChoiceGroup-Item.d.ts

@@ -1,13 +1,13 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-export declare const ChoiceGroupItem: React.ForwardRefExoticComponent<{
-    icon?: IconComponent<"span"> | undefined;
-    onlyIcon?: boolean | undefined;
-    iconSize?: "s" | "m" | "xs" | "l" | undefined;
-    label: string;
-    name: string;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    checked: boolean;
-    multiple: boolean;
-    disabled?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLLabelElement>, "label" | "name" | "onChange" | "disabled" | "checked" | "multiple" | "css" | "icon" | "iconSize" | "onlyIcon"> & React.RefAttributes<HTMLLabelElement>>;
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+export declare const ChoiceGroupItem: React.ForwardRefExoticComponent<{
+    icon?: IconComponent<"span"> | undefined;
+    onlyIcon?: boolean | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
+    label: string;
+    name: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    checked: boolean;
+    multiple: boolean;
+    disabled?: boolean | undefined;
+} & Omit<React.HTMLAttributes<HTMLLabelElement>, "label" | "name" | "onChange" | "disabled" | "checked" | "multiple" | "css" | "icon" | "iconSize" | "onlyIcon"> & React.RefAttributes<HTMLLabelElement>>;

package/__internal__/src/components/ChoiceGroup/Item/ChoiceGroup-Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroup-Item.js","names":["React","forwardRef","useFlag","cnMixFocus","cnChoiceGroup","ChoiceGroupItem","props","ref","label","onChange","checked","multiple","Icon","icon","onlyIcon","name","iconSize","disabled","className","otherProps","focus","setFocus","on","off"],"sources":["../../../../../../src/components/ChoiceGroup/Item/ChoiceGroup-Item.tsx"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { useFlag } from '##/hooks/useFlag';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cnChoiceGroup } from '../ChoiceGroup';\n\ntype Props = PropsWithHTMLAttributes<\n  {\n    icon?: IconComponent;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    label: string;\n    name: string;\n    onChange: React.ChangeEventHandler<HTMLInputElement>;\n    checked: boolean;\n    multiple: boolean;\n    disabled?: boolean;\n  },\n  HTMLLabelElement\n>;\n\nexport const ChoiceGroupItem = forwardRef<HTMLLabelElement, Props>(\n  (props, ref) => {\n    const {\n      label,\n      onChange,\n      checked,\n      multiple,\n      icon: Icon,\n      onlyIcon,\n      name,\n      iconSize,\n      disabled = false,\n      className,\n      ...otherProps\n    } = props;\n    const [focus, setFocus] = useFlag();\n\n    return (\n      <label\n        {...otherProps}\n        className={cnChoiceGroup('Label', { focus, checked, disabled }, [\n          cnMixFocus(),\n          className,\n        ])}\n        ref={ref}\n      >\n        <input\n          type={multiple ? 'checkbox' : 'radio'}\n          className={cnChoiceGroup('Input')}\n          checked={checked}\n          onFocus={setFocus.on}\n          onBlur={setFocus.off}\n          value={`${name}-${label}`}\n          onChange={onChange}\n          name={name}\n          disabled={disabled}\n        />\n        {Icon && <Icon className={cnChoiceGroup('Icon')} size={iconSize} />}\n        {!onlyIcon && <span className={cnChoiceGroup('Text')}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"mappings":"yQACA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,OAAT,8BAGA,OAASC,UAAT,uCACA,OAASC,aAAT,sBAiBA,MAAO,IAAMC,gBAAe,CAAGJ,UAAU,CACvC,SAACK,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAaVF,CAbU,CAEZE,KAFY,CAGZC,CAHY,CAaVH,CAbU,CAGZG,QAHY,CAIZC,CAJY,CAaVJ,CAbU,CAIZI,OAJY,CAKZC,CALY,CAaVL,CAbU,CAKZK,QALY,CAMNC,CANM,CAaVN,CAbU,CAMZO,IANY,CAOZC,CAPY,CAaVR,CAbU,CAOZQ,QAPY,CAQZC,CARY,CAaVT,CAbU,CAQZS,IARY,CASZC,CATY,CAaVV,CAbU,CASZU,QATY,GAaVV,CAbU,CAUZW,QAVY,CAUZA,CAVY,eAWZC,CAXY,CAaVZ,CAbU,CAWZY,SAXY,CAYTC,CAZS,0BAaVb,CAbU,cAcYJ,OAAO,EAdnB,uBAcPkB,CAdO,MAcAC,CAdA,MAgBd,MACE,8CACMF,CADN,EAEE,SAAS,CAAEf,aAAa,CAAC,OAAD,CAAU,CAAEgB,KAAK,CAALA,CAAF,CAASV,OAAO,CAAPA,CAAT,CAAkBO,QAAQ,CAARA,CAAlB,CAAV,CAAwC,CAC9Dd,UAAU,EADoD,CAE9De,CAF8D,CAAxC,CAF1B,CAME,GAAG,CAAEX,CANP,GAQE,6BACE,IAAI,CAAEI,CAAQ,CAAG,UAAH,CAAgB,OADhC,CAEE,SAAS,CAAEP,aAAa,CAAC,OAAD,CAF1B,CAGE,OAAO,CAAEM,CAHX,CAIE,OAAO,CAAEW,CAAQ,CAACC,EAJpB,CAKE,MAAM,CAAED,CAAQ,CAACE,GALnB,CAME,KAAK,WAAKR,CAAL,aAAaP,CAAb,CANP,CAOE,QAAQ,CAAEC,CAPZ,CAQE,IAAI,CAAEM,CARR,CASE,QAAQ,CAAEE,CATZ,EARF,CAmBGL,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAER,aAAa,CAAC,MAAD,CAA9B,CAAwC,IAAI,CAAEY,CAA9C,EAnBX,CAoBG,CAACF,CAAD,EAAa,4BAAM,SAAS,CAAEV,aAAa,CAAC,MAAD,CAA9B,EAAyCI,CAAzC,CApBhB,CAuBH,CAzCsC,CAAlC"}
+{"version":3,"file":"ChoiceGroup-Item.js","names":["React","forwardRef","useFlag","cnMixFocus","cnChoiceGroup","ChoiceGroupItem","props","ref","label","onChange","checked","multiple","Icon","icon","onlyIcon","name","iconSize","disabled","className","otherProps","focus","setFocus","on","off"],"sources":["../../../../../../src/components/ChoiceGroup/Item/ChoiceGroup-Item.tsx"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { useFlag } from '##/hooks/useFlag';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cnChoiceGroup } from '../ChoiceGroup';\n\ntype Props = PropsWithHTMLAttributes<\n  {\n    icon?: IconComponent;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    label: string;\n    name: string;\n    onChange?: React.ChangeEventHandler<HTMLInputElement>;\n    checked: boolean;\n    multiple: boolean;\n    disabled?: boolean;\n  },\n  HTMLLabelElement\n>;\n\nexport const ChoiceGroupItem = forwardRef<HTMLLabelElement, Props>(\n  (props, ref) => {\n    const {\n      label,\n      onChange,\n      checked,\n      multiple,\n      icon: Icon,\n      onlyIcon,\n      name,\n      iconSize,\n      disabled = false,\n      className,\n      ...otherProps\n    } = props;\n    const [focus, setFocus] = useFlag();\n\n    return (\n      <label\n        {...otherProps}\n        className={cnChoiceGroup('Label', { focus, checked, disabled }, [\n          cnMixFocus(),\n          className,\n        ])}\n        ref={ref}\n      >\n        <input\n          type={multiple ? 'checkbox' : 'radio'}\n          className={cnChoiceGroup('Input')}\n          checked={checked}\n          onFocus={setFocus.on}\n          onBlur={setFocus.off}\n          value={`${name}-${label}`}\n          onChange={onChange}\n          name={name}\n          disabled={disabled}\n        />\n        {Icon && <Icon className={cnChoiceGroup('Icon')} size={iconSize} />}\n        {!onlyIcon && <span className={cnChoiceGroup('Text')}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"mappings":"yQACA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,OAAT,8BAGA,OAASC,UAAT,uCACA,OAASC,aAAT,sBAiBA,MAAO,IAAMC,gBAAe,CAAGJ,UAAU,CACvC,SAACK,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAaVF,CAbU,CAEZE,KAFY,CAGZC,CAHY,CAaVH,CAbU,CAGZG,QAHY,CAIZC,CAJY,CAaVJ,CAbU,CAIZI,OAJY,CAKZC,CALY,CAaVL,CAbU,CAKZK,QALY,CAMNC,CANM,CAaVN,CAbU,CAMZO,IANY,CAOZC,CAPY,CAaVR,CAbU,CAOZQ,QAPY,CAQZC,CARY,CAaVT,CAbU,CAQZS,IARY,CASZC,CATY,CAaVV,CAbU,CASZU,QATY,GAaVV,CAbU,CAUZW,QAVY,CAUZA,CAVY,eAWZC,CAXY,CAaVZ,CAbU,CAWZY,SAXY,CAYTC,CAZS,0BAaVb,CAbU,cAcYJ,OAAO,EAdnB,uBAcPkB,CAdO,MAcAC,CAdA,MAgBd,MACE,8CACMF,CADN,EAEE,SAAS,CAAEf,aAAa,CAAC,OAAD,CAAU,CAAEgB,KAAK,CAALA,CAAF,CAASV,OAAO,CAAPA,CAAT,CAAkBO,QAAQ,CAARA,CAAlB,CAAV,CAAwC,CAC9Dd,UAAU,EADoD,CAE9De,CAF8D,CAAxC,CAF1B,CAME,GAAG,CAAEX,CANP,GAQE,6BACE,IAAI,CAAEI,CAAQ,CAAG,UAAH,CAAgB,OADhC,CAEE,SAAS,CAAEP,aAAa,CAAC,OAAD,CAF1B,CAGE,OAAO,CAAEM,CAHX,CAIE,OAAO,CAAEW,CAAQ,CAACC,EAJpB,CAKE,MAAM,CAAED,CAAQ,CAACE,GALnB,CAME,KAAK,WAAKR,CAAL,aAAaP,CAAb,CANP,CAOE,QAAQ,CAAEC,CAPZ,CAQE,IAAI,CAAEM,CARR,CASE,QAAQ,CAAEE,CATZ,EARF,CAmBGL,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAER,aAAa,CAAC,MAAD,CAA9B,CAAwC,IAAI,CAAEY,CAA9C,EAnBX,CAoBG,CAACF,CAAD,EAAa,4BAAM,SAAS,CAAEV,aAAa,CAAC,MAAD,CAA9B,EAAyCI,CAAzC,CApBhB,CAuBH,CAzCsC,CAAlC"}