@consta/header 1.2.1 → 2.1.0

package/__internal__/src/components/Notifications/NotificationsList/NotificationsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsList.js","names":["IconClose","Button","cnMixSpace","Text","React","forwardRef","Fragment","cn","NotificationsActions","NotificationsItem","defaultGroupLabelFormat","getGroups","withDefaultGetters","cnNotificationsList","NotificationsListRender","props","ref","c","d","className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose","otherProps","_objectWithoutProperties","_excluded","resultGroups","elementZIndex","style","zIndex","createElement","Object","assign","pV","pH","size","truncate","length","getItemIcon","getItemOnClick","view","iconLeft","onClick","map","group","groupIndex","groupLabel","key","transform","weight","item","itemIndex","description","imageUrl","read","date","dateFormat","badges","NotificationsList"],"sources":["../../../../../../src/components/Notifications/NotificationsList/NotificationsList.tsx"],"sourcesContent":["import './NotificationsList.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport React, { forwardRef, Fragment } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { NotificationsActions } from '../NotificationsActions';\nimport { NotificationsItem } from '../NotificationsItem';\nimport {\n  defaultGroupLabelFormat,\n  getGroups,\n  withDefaultGetters,\n} from './helpers';\nimport { NotificationsListComponent, NotificationsListProps } from './types';\n\nexport const cnNotificationsList = cn('NotificationsList');\n\nfunction NotificationsListRender(\n  props: NotificationsListProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    className,\n    items,\n    groupByDay = false,\n    groups,\n    groupLabelFormat = defaultGroupLabelFormat,\n    itemDateFormat,\n    title,\n    actions,\n    getItemLabel,\n    getActionIcon,\n    getActionLabel,\n    getActionOnClick,\n    getGroupId,\n    getGroupLabel,\n    getItemActions,\n    getItemBadges,\n    getItemDate,\n    getItemDescription,\n    getItemGroup,\n    getItemImage,\n    getItemRead,\n    getItemView,\n    onClose,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const resultGroups = getGroups(\n    items,\n    groups,\n    groupByDay,\n    getItemGroup,\n    getItemDate,\n    getGroupId,\n  );\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnNotificationsList(null, [className])}\n    >\n      {(title || actions) && (\n        <div\n          className={cnNotificationsList('Header', [\n            cnMixSpace({ pV: 'l', pH: 'xl' }),\n          ])}\n        >\n          <Text\n            className={cnNotificationsList('HeaderItem')}\n            size=\"xl\"\n            truncate\n          >\n            {title}\n          </Text>\n          {actions?.length && (\n            <NotificationsActions\n              className={cnNotificationsList('HeaderItem')}\n              items={actions}\n              getItemIcon={getActionIcon}\n              getItemOnClick={getActionOnClick}\n              getItemLabel={getActionLabel}\n              style={{ zIndex: elementZIndex }}\n            />\n          )}\n          {onClose && (\n            <Button\n              className={cnNotificationsList('HeaderItem')}\n              size=\"s\"\n              view=\"clear\"\n              iconLeft={IconClose}\n              onClick={onClose}\n            />\n          )}\n        </div>\n      )}\n      <div className={cnNotificationsList('List')}>\n        {resultGroups.map((group, groupIndex) => {\n          const groupLabel = groupByDay\n            ? groupLabelFormat(Number(group.key))\n            : group.group && getGroupLabel(group.group);\n          return (\n            <Fragment key={cnNotificationsList('Group', { groupIndex })}>\n              {groupLabel && (\n                <Text\n                  className={cnNotificationsList('GroupLabel', [\n                    cnMixSpace({\n                      pV: '2xs',\n                      pH: 'xl',\n                    }),\n                  ])}\n                  key={cnNotificationsList('GroupLabel', { groupIndex })}\n                  view=\"secondary\"\n                  transform=\"uppercase\"\n                  weight=\"bold\"\n                  size=\"2xs\"\n                >\n                  {groupLabel}\n                </Text>\n              )}\n              {group.items.map((item, itemIndex) => {\n                return (\n                  <NotificationsItem\n                    className={cnNotificationsList('Item', [\n                      cnMixSpace({ pV: 'l', pH: 'xl' }),\n                    ])}\n                    key={cnNotificationsList('Item', { groupIndex, itemIndex })}\n                    title={getItemLabel(item)}\n                    description={getItemDescription(item)}\n                    imageUrl={getItemImage(item)}\n                    read={getItemRead(item)}\n                    date={getItemDate(item)}\n                    dateFormat={itemDateFormat}\n                    badges={getItemBadges(item)}\n                    actions={getItemActions(item)}\n                    view={getItemView(item)}\n                    style={{ zIndex: elementZIndex }}\n                  />\n                );\n              })}\n            </Fragment>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport const NotificationsList = forwardRef(\n  NotificationsListRender,\n) as NotificationsListComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/{NotificationsList → Notifications/NotificationsList}/helpers.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemLabel, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsListPropGroupLabelFormat, NotificationsListProps } from './types';
+import { NotificationsItemAction } from '../NotificationsItem';
+import { NotificationsListDefaultGroup, NotificationsListDefaultItem, NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemLabel, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsListPropGroupLabelFormat, NotificationsListProps } from './types';
 export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: NotificationsListProps<ITEM, GROUP, ACTION>): {
     children?: undefined;
     items: ITEM[];
@@ -40,7 +41,7 @@ export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: Notificat
     label: string;
 } ? {} : {
     getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
-}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "title" | "children" | "items" | "getItemLabel" | "onClose" | "getItemDescription" | "getItemImage" | "groups" | "getGroupLabel" | "getGroupId" | "getItemGroup" | "actions" | "itemDateFormat" | "getItemRead" | "getItemDate" | "getItemBadges" | "getItemActions" | "getItemView" | "getActionLabel" | "getActionIcon" | "getActionOnClick" | "groupByDay" | "groupLabelFormat" | keyof (ACTION extends {
+}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "title" | "children" | "items" | "getItemLabel" | "onClose" | "getItemDescription" | "getItemImage" | "groups" | "getGroupLabel" | "getGroupId" | "getItemGroup" | "actions" | "getItemView" | "itemDateFormat" | "getItemRead" | "getItemDate" | "getItemBadges" | "getItemActions" | "getActionLabel" | "getActionIcon" | "getActionOnClick" | "groupByDay" | "groupLabelFormat" | keyof (ACTION extends {
     label: string;
 } ? {} : {
     getActionLabel: NotificationsListPropGetItemActions<ACTION>;
@@ -57,20 +58,20 @@ export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: Notificat
 } ? {} : {
     getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
 })> & {
-    getActionIcon: NotificationsListPropGetActionIcon<NotificationsDefaultAction> | NotificationsListPropGetActionIcon<ACTION>;
-    getActionLabel: NotificationsListPropGetActionLabel<NotificationsDefaultAction> | NotificationsListPropGetActionLabel<ACTION>;
-    getActionOnClick: NotificationsListPropGetActionOnClick<NotificationsDefaultAction> | NotificationsListPropGetActionOnClick<ACTION>;
-    getGroupId: NotificationsListPropGetGroupId<NotificationsDefaultGroup> | NotificationsListPropGetGroupId<GROUP>;
-    getGroupLabel: NotificationsListPropGetGroupLabel<NotificationsDefaultGroup> | NotificationsListPropGetGroupLabel<GROUP>;
-    getItemActions: NotificationsListPropGetItemActions<NotificationsDefaultItem> | NotificationsListPropGetItemActions<ITEM>;
-    getItemBadges: NotificationsListPropGetItemBadges<NotificationsDefaultItem> | NotificationsListPropGetItemBadges<ITEM>;
-    getItemDate: NotificationsListPropGetItemDate<NotificationsDefaultItem> | NotificationsListPropGetItemDate<ITEM>;
-    getItemDescription: NotificationsListPropGetItemDescription<NotificationsDefaultItem> | NotificationsListPropGetItemDescription<ITEM>;
-    getItemGroup: NotificationsListPropGetItemGroup<NotificationsDefaultItem> | NotificationsListPropGetItemGroup<ITEM>;
-    getItemImage: NotificationsListPropGetItemImage<NotificationsDefaultItem> | NotificationsListPropGetItemImage<ITEM>;
-    getItemLabel: NotificationsListPropGetItemLabel<NotificationsDefaultItem> | NotificationsListPropGetItemLabel<ITEM>;
-    getItemRead: NotificationsListPropGetItemRead<NotificationsDefaultItem> | NotificationsListPropGetItemRead<ITEM>;
-    getItemView: NotificationsListPropGetItemView<NotificationsDefaultItem> | NotificationsListPropGetItemView<ITEM>;
+    getActionIcon: NotificationsListPropGetActionIcon<NotificationsItemAction> | NotificationsListPropGetActionIcon<ACTION>;
+    getActionLabel: NotificationsListPropGetActionLabel<NotificationsItemAction> | NotificationsListPropGetActionLabel<ACTION>;
+    getActionOnClick: NotificationsListPropGetActionOnClick<NotificationsItemAction> | NotificationsListPropGetActionOnClick<ACTION>;
+    getGroupId: NotificationsListPropGetGroupId<NotificationsListDefaultGroup> | NotificationsListPropGetGroupId<GROUP>;
+    getGroupLabel: NotificationsListPropGetGroupLabel<NotificationsListDefaultGroup> | NotificationsListPropGetGroupLabel<GROUP>;
+    getItemActions: NotificationsListPropGetItemActions<NotificationsListDefaultItem> | NotificationsListPropGetItemActions<ITEM>;
+    getItemBadges: NotificationsListPropGetItemBadges<NotificationsListDefaultItem> | NotificationsListPropGetItemBadges<ITEM>;
+    getItemDate: NotificationsListPropGetItemDate<NotificationsListDefaultItem> | NotificationsListPropGetItemDate<ITEM>;
+    getItemDescription: NotificationsListPropGetItemDescription<NotificationsListDefaultItem> | NotificationsListPropGetItemDescription<ITEM>;
+    getItemGroup: NotificationsListPropGetItemGroup<NotificationsListDefaultItem> | NotificationsListPropGetItemGroup<ITEM>;
+    getItemImage: NotificationsListPropGetItemImage<NotificationsListDefaultItem> | NotificationsListPropGetItemImage<ITEM>;
+    getItemLabel: NotificationsListPropGetItemLabel<NotificationsListDefaultItem> | NotificationsListPropGetItemLabel<ITEM>;
+    getItemRead: NotificationsListPropGetItemRead<NotificationsListDefaultItem> | NotificationsListPropGetItemRead<ITEM>;
+    getItemView: NotificationsListPropGetItemView<NotificationsListDefaultItem> | NotificationsListPropGetItemView<ITEM>;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/Notifications/NotificationsList/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["getGroups","constaGetGroups","format","isToday","isYesterday","startOfDay","defaultGetActionIcon","action","icon","defaultGetActionLabel","label","defaultGetActionOnClick","onClick","defaultGetGroupId","group","id","defaultGetGroupLabel","defaultGetItemActions","item","actions","defaultGetItemBadges","badges","defaultGetItemDate","date","defaultGetItemDescription","description","defaultGetItemGroup","defaultGetItemImage","image","defaultGetItemLabel","defaultGetItemRead","read","defaultGetItemView","view","withDefaultGetters","props","_objectSpread","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","noGroupKey","defaultGroupLabelFormat","timestamp","sortGroup","a","b","key","items","groups","groupByDay","getTime"],"sources":["../../../../../../src/components/Notifications/NotificationsList/helpers.ts"],"sourcesContent":["import { getGroups as constaGetGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { format, isToday, isYesterday, startOfDay } from 'date-fns';\n\nimport { NotificationsItemAction } from '../NotificationsItem';\nimport {\n  NotificationsListDefaultGroup,\n  NotificationsListDefaultItem,\n  NotificationsListPropGetActionIcon,\n  NotificationsListPropGetActionLabel,\n  NotificationsListPropGetActionOnClick,\n  NotificationsListPropGetGroupId,\n  NotificationsListPropGetGroupLabel,\n  NotificationsListPropGetItemActions,\n  NotificationsListPropGetItemBadges,\n  NotificationsListPropGetItemDate,\n  NotificationsListPropGetItemDescription,\n  NotificationsListPropGetItemGroup,\n  NotificationsListPropGetItemImage,\n  NotificationsListPropGetItemLabel,\n  NotificationsListPropGetItemRead,\n  NotificationsListPropGetItemView,\n  NotificationsListPropGroupLabelFormat,\n  NotificationsListProps,\n} from './types';\n\nconst defaultGetActionIcon: NotificationsListPropGetActionIcon<\n  NotificationsItemAction\n> = (action) => action.icon;\nconst defaultGetActionLabel: NotificationsListPropGetActionLabel<\n  NotificationsItemAction\n> = (action) => action.label;\nconst defaultGetActionOnClick: NotificationsListPropGetActionOnClick<\n  NotificationsItemAction\n> = (action) => action.onClick;\nconst defaultGetGroupId: NotificationsListPropGetGroupId<\n  NotificationsListDefaultGroup\n> = (group) => group.id;\nconst defaultGetGroupLabel: NotificationsListPropGetGroupLabel<\n  NotificationsListDefaultGroup\n> = (group) => group.label;\nconst defaultGetItemActions: NotificationsListPropGetItemActions<\n  NotificationsListDefaultItem\n> = (item) => item.actions;\nconst defaultGetItemBadges: NotificationsListPropGetItemBadges<\n  NotificationsListDefaultItem\n> = (item) => item.badges;\nconst defaultGetItemDate: NotificationsListPropGetItemDate<\n  NotificationsListDefaultItem\n> = (item) => item.date;\nconst defaultGetItemDescription: NotificationsListPropGetItemDescription<\n  NotificationsListDefaultItem\n> = (item) => item.description;\nconst defaultGetItemGroup: NotificationsListPropGetItemGroup<\n  NotificationsListDefaultItem\n> = (item) => item.group;\nconst defaultGetItemImage: NotificationsListPropGetItemImage<\n  NotificationsListDefaultItem\n> = (item) => item.image;\nconst defaultGetItemLabel: NotificationsListPropGetItemLabel<\n  NotificationsListDefaultItem\n> = (item) => item.label;\nconst defaultGetItemRead: NotificationsListPropGetItemRead<\n  NotificationsListDefaultItem\n> = (item) => item.read;\nconst defaultGetItemView: NotificationsListPropGetItemView<\n  NotificationsListDefaultItem\n> = (item) => item.view;\n\nexport function withDefaultGetters<ITEM, GROUP, ACTION>(\n  props: NotificationsListProps<ITEM, GROUP, ACTION>,\n) {\n  return {\n    ...props,\n    getActionIcon: props.getActionIcon || defaultGetActionIcon,\n    getActionLabel: props.getActionLabel || defaultGetActionLabel,\n    getActionOnClick: props.getActionOnClick || defaultGetActionOnClick,\n    getGroupId: props.getGroupId || defaultGetGroupId,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getItemActions: props.getItemActions || defaultGetItemActions,\n    getItemBadges: props.getItemBadges || defaultGetItemBadges,\n    getItemDate: props.getItemDate || defaultGetItemDate,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n    getItemGroup: props.getItemGroup || defaultGetItemGroup,\n    getItemImage: props.getItemImage || defaultGetItemImage,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemRead: props.getItemRead || defaultGetItemRead,\n    getItemView: props.getItemView || defaultGetItemView,\n  };\n}\n\ntype ReturnedGroup<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n  groupIndex: number;\n};\n\nexport const noGroupKey = 'no-group';\n\nexport const defaultGroupLabelFormat: NotificationsListPropGroupLabelFormat<\n  true\n> = (timestamp) => {\n  if (isToday(timestamp)) {\n    return 'Сегодня';\n  }\n  if (isYesterday(timestamp)) {\n    return 'Вчера';\n  }\n  return format(timestamp, 'dd.MM.yyyy');\n};\n\nconst sortGroup = (\n  a: { key: string | number },\n  b: { key: string | number },\n) => {\n  if (a.key < b.key) {\n    return 1;\n  }\n  if (a.key > b.key) {\n    return -1;\n  }\n  return 0;\n};\n\nexport const getGroups = <ITEM, GROUP>(\n  items: ITEM[],\n  groups: GROUP[] | undefined,\n  groupByDay: boolean,\n  getItemGroup: NotificationsListPropGetItemGroup<ITEM>,\n  getItemDate: NotificationsListPropGetItemDate<ITEM>,\n  getGroupId: NotificationsListPropGetGroupId<GROUP>,\n): Array<ReturnedGroup<ITEM, GROUP>> => {\n  if (groupByDay) {\n    const getItemGroupByDate = (item: ITEM) => {\n      const date = getItemDate(item);\n      return date ? startOfDay(date).getTime() : undefined;\n    };\n\n    return constaGetGroups<ITEM, GROUP>(\n      items,\n      getItemGroupByDate,\n      undefined,\n      undefined,\n      sortGroup,\n      noGroupKey,\n    );\n  }\n  return constaGetGroups(\n    items,\n    getItemGroup,\n    groups,\n    getGroupId,\n    undefined,\n    noGroupKey,\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/Notifications/NotificationsList/index.js.map

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

package/__internal__/src/components/{NotificationsList → Notifications/NotificationsList}/types.d.ts

@@ -1,28 +1,19 @@
 /// <reference types="react" />
-import { BadgePropStatus } from '@consta/uikit/Badge';
-import { IconProps } from '@consta/uikit/Icon';
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export type NotificationsDefaultAction = {
-    label: string;
-    onClick?: React.EventHandler<React.MouseEvent>;
-    icon?: React.FC<IconProps>;
-};
-export type Badge = {
-    label: string;
-    status?: BadgePropStatus;
-};
-export type NotificationsDefaultGroup = {
+import { IconProps } from '@consta/icons/Icon';
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+import { NotificationsItemAction, NotificationsItemBadge } from '../NotificationsItem';
+export type NotificationsListDefaultGroup = {
     label: string;
     id: string;
 };
-export type NotificationsDefaultItem = {
+export type NotificationsListDefaultItem = {
     label: string;
     description?: string;
     image?: string;
     read?: boolean;
     date?: Date;
-    badges?: Badge[];
-    actions?: NotificationsDefaultAction[];
+    badges?: NotificationsItemBadge[];
+    actions?: NotificationsItemAction[];
     onClick?: React.EventHandler<React.MouseEvent>;
     group?: string;
     view?: 'default' | 'user';
@@ -32,8 +23,8 @@ export type NotificationsListPropGetItemDescription<ITEM> = (item: ITEM) => stri
 export type NotificationsListPropGetItemImage<ITEM> = (item: ITEM) => string | undefined;
 export type NotificationsListPropGetItemRead<ITEM> = (item: ITEM) => boolean | undefined;
 export type NotificationsListPropGetItemDate<ITEM> = (item: ITEM) => Date | undefined;
-export type NotificationsListPropGetItemBadges<ITEM> = (item: ITEM) => Badge[] | undefined;
-export type NotificationsListPropGetItemActions<ITEM> = (item: ITEM) => NotificationsDefaultAction[] | undefined;
+export type NotificationsListPropGetItemBadges<ITEM> = (item: ITEM) => NotificationsItemBadge[] | undefined;
+export type NotificationsListPropGetItemActions<ITEM> = (item: ITEM) => NotificationsItemAction[] | undefined;
 export type NotificationsListPropGetItemGroup<ITEM> = (item: ITEM) => string | undefined;
 export type NotificationsListPropGetItemView<ITEM> = (item: ITEM) => 'default' | 'user' | undefined;
 export type NotificationsListPropItemDateFormat = (date: Date) => string;
@@ -68,21 +59,21 @@ export type Props<ITEM, GROUP, ACTION, GROUP_BY_DAY extends boolean> = {
     groups?: GROUP_BY_DAY extends true ? never : GROUP[];
     onClose?: React.EventHandler<React.MouseEvent>;
 } & (ACTION extends {
-    label: NotificationsDefaultAction['label'];
+    label: NotificationsItemAction['label'];
 } ? {} : {
     getActionLabel: NotificationsListPropGetItemActions<ACTION>;
 }) & (GROUP extends {
-    label: NotificationsDefaultGroup['label'];
+    label: NotificationsListDefaultGroup['label'];
 } ? {} : {
     getGroupLabel: NotificationsListPropGetGroupLabel<GROUP>;
 }) & (GROUP extends {
-    id: NotificationsDefaultGroup['id'];
+    id: NotificationsListDefaultGroup['id'];
 } ? {} : {
     getGroupId: NotificationsListPropGetGroupId<GROUP>;
 }) & (ITEM extends {
-    label: NotificationsDefaultItem['label'];
+    label: NotificationsListDefaultItem['label'];
 } ? {} : {
     getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
 });
-export type NotificationsListProps<ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, HTMLDivElement>;
-export type NotificationsListComponent = <ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsListProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;
+export type NotificationsListProps<ITEM = NotificationsListDefaultItem, GROUP = NotificationsListDefaultGroup, ACTION = NotificationsItemAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, HTMLDivElement>;
+export type NotificationsListComponent = <ITEM = NotificationsListDefaultItem, GROUP = NotificationsListDefaultGroup, ACTION = NotificationsItemAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsListProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;

package/__internal__/src/components/Notifications/NotificationsList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notifications/NotificationsList/types.ts"],"sourcesContent":["import { IconProps } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n  NotificationsItemAction,\n  NotificationsItemBadge,\n} from '../NotificationsItem';\n\nexport type NotificationsListDefaultGroup = {\n  label: string;\n  id: string;\n};\n\nexport type NotificationsListDefaultItem = {\n  label: string;\n  description?: string;\n  image?: string;\n  read?: boolean;\n  date?: Date;\n  badges?: NotificationsItemBadge[];\n  actions?: NotificationsItemAction[];\n  onClick?: React.EventHandler<React.MouseEvent>;\n  group?: string;\n  view?: 'default' | 'user';\n};\n\nexport type NotificationsListPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type NotificationsListPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type NotificationsListPropGetItemImage<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type NotificationsListPropGetItemRead<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type NotificationsListPropGetItemDate<ITEM> = (\n  item: ITEM,\n) => Date | undefined;\nexport type NotificationsListPropGetItemBadges<ITEM> = (\n  item: ITEM,\n) => NotificationsItemBadge[] | undefined;\nexport type NotificationsListPropGetItemActions<ITEM> = (\n  item: ITEM,\n) => NotificationsItemAction[] | undefined;\nexport type NotificationsListPropGetItemGroup<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type NotificationsListPropGetItemView<ITEM> = (\n  item: ITEM,\n) => 'default' | 'user' | undefined;\nexport type NotificationsListPropItemDateFormat = (date: Date) => string;\n\nexport type NotificationsListPropGetActionLabel<ACTION> = (\n  action: ACTION,\n) => string;\nexport type NotificationsListPropGetActionIcon<ACTION> = (\n  action: ACTION,\n) => React.FC<IconProps> | undefined;\nexport type NotificationsListPropGetActionOnClick<ACTION> = (\n  action: ACTION,\n) => React.EventHandler<React.MouseEvent> | undefined;\n\nexport type NotificationsListPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string;\nexport type NotificationsListPropGetGroupId<GROUP> = (\n  group: GROUP,\n) => string | number;\n\nexport type NotificationsListPropGroupLabelFormat<GROUP_BY_DAY> =\n  GROUP_BY_DAY extends true ? (timestamp: number) => string : never;\n\nexport type Props<ITEM, GROUP, ACTION, GROUP_BY_DAY extends boolean> = {\n  children?: never;\n  items: ITEM[];\n  itemDateFormat?: NotificationsListPropItemDateFormat;\n  title?: string;\n  actions?: ACTION[];\n  getItemLabel?: NotificationsListPropGetItemLabel<ITEM>;\n  getItemDescription?: NotificationsListPropGetItemDescription<ITEM>;\n  getItemImage?: NotificationsListPropGetItemImage<ITEM>;\n  getItemRead?: NotificationsListPropGetItemRead<ITEM>;\n  getItemDate?: NotificationsListPropGetItemDate<ITEM>;\n  getItemBadges?: NotificationsListPropGetItemBadges<ITEM>;\n  getItemActions?: NotificationsListPropGetItemActions<ITEM>;\n  getItemGroup?: NotificationsListPropGetItemGroup<ITEM>;\n  getItemView?: NotificationsListPropGetItemView<ITEM>;\n  getActionLabel?: NotificationsListPropGetActionLabel<ACTION>;\n  getActionIcon?: NotificationsListPropGetActionIcon<ACTION>;\n  getActionOnClick?: NotificationsListPropGetActionOnClick<ACTION>;\n  getGroupLabel?: NotificationsListPropGetGroupLabel<GROUP>;\n  getGroupId?: NotificationsListPropGetGroupId<GROUP>;\n  groupByDay?: GROUP_BY_DAY;\n  groupLabelFormat?: NotificationsListPropGroupLabelFormat<GROUP_BY_DAY>;\n  groups?: GROUP_BY_DAY extends true ? never : GROUP[];\n  onClose?: React.EventHandler<React.MouseEvent>;\n} & (ACTION extends { label: NotificationsItemAction['label'] }\n  ? {}\n  : { getActionLabel: NotificationsListPropGetItemActions<ACTION> }) &\n  (GROUP extends { label: NotificationsListDefaultGroup['label'] }\n    ? {}\n    : { getGroupLabel: NotificationsListPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: NotificationsListDefaultGroup['id'] }\n    ? {}\n    : { getGroupId: NotificationsListPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: NotificationsListDefaultItem['label'] }\n    ? {}\n    : { getItemLabel: NotificationsListPropGetItemLabel<ITEM> });\n\nexport type NotificationsListProps<\n  ITEM = NotificationsListDefaultItem,\n  GROUP = NotificationsListDefaultGroup,\n  ACTION = NotificationsItemAction,\n  GROUP_BY_DAY extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>,\n  HTMLDivElement\n>;\n\nexport type NotificationsListComponent = <\n  ITEM = NotificationsListDefaultItem,\n  GROUP = NotificationsListDefaultGroup,\n  ACTION = NotificationsItemAction,\n  GROUP_BY_DAY extends boolean = false,\n>(\n  props: NotificationsListProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>,\n) => React.ReactElement | null;\n"],"mappings":""}

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

@@ -1 +1,4 @@
 export * from './Notifications';
+export * from './NotificationsList';
+export * from './NotificationsItem';
+export * from './NotificationsActions';

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

@@ -1,2 +1,2 @@
-export*from"./Notifications";
+export*from"./Notifications";export*from"./NotificationsList";export*from"./NotificationsItem";export*from"./NotificationsActions";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Notifications/index.ts"],"sourcesContent":["export * from './Notifications';\n"],"mappings":"AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Notifications/index.ts"],"sourcesContent":["export * from './Notifications';\nexport * from './NotificationsList';\nexport * from './NotificationsItem';\nexport * from './NotificationsActions';\n"],"mappings":"AAAA,6BACA,iCACA,iCACA"}

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, Props } from "../NotificationsList";
 import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export type NotificationsProps<ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {
+import { NotificationsItemAction } from './NotificationsItem';
+import { NotificationsListDefaultGroup, NotificationsListDefaultItem, Props } from './NotificationsList';
+export type NotificationsProps<ITEM = NotificationsListDefaultItem, GROUP = NotificationsListDefaultGroup, ACTION = NotificationsItemAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {
     listClassName?: string;
     isMobile?: boolean;
 }, HTMLButtonElement>;
-export type NotificationsComponent = <ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;
+export type NotificationsComponent = <ITEM = NotificationsListDefaultItem, GROUP = NotificationsListDefaultGroup, ACTION = NotificationsItemAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/Notifications/types.ts"],"sourcesContent":["import {\n  NotificationsDefaultAction,\n  NotificationsDefaultGroup,\n  NotificationsDefaultItem,\n  Props,\n} from '##/components/NotificationsList';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationsProps<\n  ITEM = NotificationsDefaultItem,\n  GROUP = NotificationsDefaultGroup,\n  ACTION = NotificationsDefaultAction,\n  GROUP_BY_DAY extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {\n    listClassName?: string;\n    isMobile?: boolean;\n  },\n  HTMLButtonElement\n>;\n\nexport type NotificationsComponent = <\n  ITEM = NotificationsDefaultItem,\n  GROUP = NotificationsDefaultGroup,\n  ACTION = NotificationsDefaultAction,\n  GROUP_BY_DAY extends boolean = false,\n>(\n  props: NotificationsProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/Notifications/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { NotificationsItemAction } from './NotificationsItem';\nimport {\n  NotificationsListDefaultGroup,\n  NotificationsListDefaultItem,\n  Props,\n} from './NotificationsList';\n\nexport type NotificationsProps<\n  ITEM = NotificationsListDefaultItem,\n  GROUP = NotificationsListDefaultGroup,\n  ACTION = NotificationsItemAction,\n  GROUP_BY_DAY extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {\n    listClassName?: string;\n    isMobile?: boolean;\n  },\n  HTMLButtonElement\n>;\n\nexport type NotificationsComponent = <\n  ITEM = NotificationsListDefaultItem,\n  GROUP = NotificationsListDefaultGroup,\n  ACTION = NotificationsItemAction,\n  GROUP_BY_DAY extends boolean = false,\n>(\n  props: NotificationsProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/PopoverButton/PopoverButton.css

@@ -0,0 +1 @@
+.che--PopoverButton-Popover{--popover-bg-color:var(--color-bg-default);--popover-arrow-bg-color:var(--popover-bg-color);background:var(--popover-bg-color);border-radius:var(--control-radius);box-shadow:var(--shadow-layer);max-width:450px;width:90vw}

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

@@ -0,0 +1,11 @@
+import './PopoverButton.css';
+import { Button } from '@consta/uikit/Button';
+import React from 'react';
+type PopoverButtonProps = Omit<React.ComponentProps<typeof Button>, 'children'> & {
+    children?: React.ReactNode | ((onClose: () => void) => React.ReactNode);
+    isMobile?: boolean;
+    popoverClassName?: string;
+    withCloseButton?: boolean;
+};
+export declare const PopoverButton: React.ForwardRefExoticComponent<Pick<PopoverButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "size" | "view" | "onlyIcon" | "label" | "key" | "width" | "disabled" | "loading" | "iconLeft" | "iconRight" | "iconSize" | "type" | "as" | "isMobile" | "popoverClassName" | "withCloseButton"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__internal__/src/components/PopoverButton/PopoverButton.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["size","view","children","className","onClick","withCloseButton","popoverClassName","isMobile","title"];import"./PopoverButton.css";import{Button}from"@consta/uikit/Button";import{animateTimeout,cnMixPopoverAnimate}from"@consta/uikit/MixPopoverAnimate";import{cnMixPopoverArrow}from"@consta/uikit/MixPopoverArrow";import{Popover}from"@consta/uikit/Popover";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Sidebar}from"../Sidebar";import{cn}from"../../utils/bem";const cnPopoverButton=cn("PopoverButton"),DEFAULT_POPOVER_ARROW_SIZE=6,DEFAULT_POPOVER_ARROW_OFFSET=10;export const PopoverButton=forwardRef((a,b)=>{var c;const{size:j="s",view:k="clear",children:d,className:e,onClick:f,withCloseButton:l=!0,popoverClassName:g,isMobile:h,title:i}=a,m=_objectWithoutProperties(a,_excluded),[n,o]=useFlag(),[p,q]=useState(void 0),r=useRef(null),s="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({ref:useForkRef([b,r]),size:j,view:k,onClick:a=>{null===f||void 0===f?void 0:f(a),o.toggle()},className:cnPopoverButton(null,[e])},m)),h?React.createElement(Sidebar,{isOpen:n,onClickOutside:o.off,className:cnPopoverButton("Sidebar",[g]),onClose:l?o.off:void 0,title:i,style:{zIndex:s}},"function"==typeof d?null===d||void 0===d?void 0:d(o.off):d):React.createElement(Transition,{timeout:animateTimeout,unmountOnExit:!0,in:n},a=>React.createElement(Popover,{className:cnPopoverButton("Popover",[g,cnMixPopoverAnimate({animate:a,direction:p})]),anchorRef:r,arrowOffset:DEFAULT_POPOVER_ARROW_SIZE+DEFAULT_POPOVER_ARROW_OFFSET,offset:DEFAULT_POPOVER_ARROW_SIZE+4,onSetDirection:q,style:{"--popover-arrow-size":`${DEFAULT_POPOVER_ARROW_SIZE}px`,"--popover-arrow-offset":`${DEFAULT_POPOVER_ARROW_OFFSET}px`,zIndex:s},onClickOutside:o.off},React.createElement("div",{className:cnPopoverButton("Arrow",[cnMixPopoverArrow({direction:p})])}),"function"==typeof d?null===d||void 0===d?void 0:d(o.off):d)))});
+//# sourceMappingURL=PopoverButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverButton.js","names":["Button","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","Sidebar","cn","cnPopoverButton","DEFAULT_POPOVER_ARROW_SIZE","DEFAULT_POPOVER_ARROW_OFFSET","PopoverButton","props","ref","c","size","view","children","className","onClick","withCloseButton","popoverClassName","isMobile","title","otherProps","_objectWithoutProperties","_excluded","isOpen","setIsOpen","direction","setDirection","buttonRef","zIndex","style","createElement","Fragment","Object","assign","e","toggle","onClickOutside","off","onClose","timeout","unmountOnExit","in","animate","anchorRef","arrowOffset","offset","onSetDirection","\"--popover-arrow-size\"","\"--popover-arrow-offset\""],"sources":["../../../../../src/components/PopoverButton/PopoverButton.tsx"],"sourcesContent":["import './PopoverButton.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nconst cnPopoverButton = cn('PopoverButton');\n\ntype PopoverButtonProps = Omit<\n  React.ComponentProps<typeof Button>,\n  'children'\n> & {\n  children?: React.ReactNode | ((onClose: () => void) => React.ReactNode);\n  isMobile?: boolean;\n  popoverClassName?: string;\n  withCloseButton?: boolean;\n};\n\nconst DEFAULT_POPOVER_ARROW_SIZE = 6;\nconst DEFAULT_POPOVER_ARROW_OFFSET = 10;\n\nexport const PopoverButton = forwardRef<HTMLButtonElement, PopoverButtonProps>(\n  (props, ref) => {\n    const {\n      size = 's',\n      view = 'clear',\n      children,\n      className,\n      onClick,\n      withCloseButton = true,\n      popoverClassName,\n      isMobile,\n      title,\n      ...otherProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useFlag();\n    const [direction, setDirection] = useState<Direction | undefined>(\n      undefined,\n    );\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    const handleClick: React.MouseEventHandler = (e) => {\n      onClick?.(e);\n      setIsOpen.toggle();\n    };\n\n    const zIndex =\n      typeof props.style?.zIndex === 'number'\n        ? props.style.zIndex + 1\n        : undefined;\n\n    return (\n      <>\n        <Button\n          ref={useForkRef([ref, buttonRef])}\n          size={size}\n          view={view}\n          onClick={handleClick}\n          className={cnPopoverButton(null, [className])}\n          {...otherProps}\n        />\n        {isMobile ? (\n          <Sidebar\n            isOpen={isOpen}\n            onClickOutside={setIsOpen.off}\n            className={cnPopoverButton('Sidebar', [popoverClassName])}\n            onClose={withCloseButton ? setIsOpen.off : undefined}\n            title={title}\n            style={{ zIndex }}\n          >\n            {typeof children === 'function'\n              ? children?.(setIsOpen.off)\n              : children}\n          </Sidebar>\n        ) : (\n          <Transition timeout={animateTimeout} unmountOnExit in={isOpen}>\n            {(animate) => (\n              <Popover\n                className={cnPopoverButton('Popover', [\n                  popoverClassName,\n                  cnMixPopoverAnimate({ animate, direction }),\n                ])}\n                anchorRef={buttonRef}\n                arrowOffset={\n                  DEFAULT_POPOVER_ARROW_SIZE + DEFAULT_POPOVER_ARROW_OFFSET\n                }\n                offset={DEFAULT_POPOVER_ARROW_SIZE + 4}\n                onSetDirection={setDirection}\n                style={{\n                  ['--popover-arrow-size' as string]: `${DEFAULT_POPOVER_ARROW_SIZE}px`,\n                  ['--popover-arrow-offset' as string]: `${DEFAULT_POPOVER_ARROW_OFFSET}px`,\n                  zIndex,\n                }}\n                onClickOutside={setIsOpen.off}\n              >\n                <div\n                  className={cnPopoverButton('Arrow', [\n                    cnMixPopoverArrow({ direction }),\n                  ])}\n                />\n                {typeof children === 'function'\n                  ? children?.(setIsOpen.off)\n                  : children}\n              </Popover>\n            )}\n          </Transition>\n        )}\n      </>\n    );\n  },\n);\n"],"mappings":"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"}

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

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

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

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

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

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

package/__internal__/src/components/SelectMenu/SelectMenu.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","getItemSubMenu","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectMenu.css";import{ContextMenu}from"@consta/uikit/ContextMenu";import{IconSelect}from"@consta/uikit/IconSelect";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useRef}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnSelectMenu=cn("SelectMenu");const SelectMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,onItemClick:j,label:k,onClick:l,getItemSubMenu:m,style:n}=c,o=_objectWithoutProperties(c,_excluded),[p,q]=useFlag(),r=useRef(null),s=useMutableRef(f),t=useMutableRef(i),u=useMutableRef(l),v=useCallback(a=>s.current(a)?"a":"span",[]),w=useCallback(a=>{const b=s.current(a),c=t.current(a);return _objectSpread(_objectSpread({},b&&{href:s.current(a)}),c&&{href:t.current(a)})},[]),x=useCallback(a=>{var b;null===(b=u.current)||void 0===b?void 0:b.call(u,a),q.toogle()},[]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},o,{className:cnSelectMenu(null,[e]),ref:useForkRef([r,b]),onClick:x,style:n}),React.createElement(Text,{className:cnSelectMenu("Label"),size:"s"},k),React.createElement("span",{className:cnSelectMenu("ArrowBox",{open:p})},React.createElement(IconSelect,{size:"xs"}))),d&&React.createElement(ContextMenu,{className:cnSelectMenu("Menu"),anchorRef:r,isOpen:p,items:d,getItemLabel:g,getItemAs:v,getItemAttributes:w,onClickOutside:q.off,onItemClick:({e:a,item:b})=>getItemClick(b,h,j)(a),direction:"rightStartDown",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],getItemSubMenu:m,style:{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:"auto"}}))};export const SelectMenu=forwardRef(SelectMenuRender);export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","getItemSubMenu","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectMenu.css";import{IconSelect}from"@consta/icons/IconSelect";import{ContextMenu}from"@consta/uikit/ContextMenu";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useRef}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnSelectMenu=cn("SelectMenu");const SelectMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,onItemClick:j,label:k,onClick:l,getItemSubMenu:m,style:n}=c,o=_objectWithoutProperties(c,_excluded),[p,q]=useFlag(),r=useRef(null),s=useMutableRef(f),t=useMutableRef(i),u=useMutableRef(l),v=useCallback(a=>s.current(a)?"a":"span",[]),w=useCallback(a=>{const b=s.current(a),c=t.current(a);return _objectSpread(_objectSpread({},b&&{href:s.current(a)}),c&&{href:t.current(a)})},[]),x=useCallback(a=>{var b;null===(b=u.current)||void 0===b?void 0:b.call(u,a),q.toggle()},[]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},o,{className:cnSelectMenu(null,[e]),ref:useForkRef([r,b]),onClick:x,style:n}),React.createElement(Text,{className:cnSelectMenu("Label"),size:"s"},k),React.createElement("span",{className:cnSelectMenu("ArrowBox",{open:p})},React.createElement(IconSelect,{size:"xs"}))),d&&React.createElement(ContextMenu,{className:cnSelectMenu("Menu"),anchorRef:r,isOpen:p,items:d,getItemLabel:g,getItemAs:v,getItemAttributes:w,onClickOutside:q.off,onItemClick:({e:a,item:b})=>getItemClick(b,h,j)(a),direction:"rightStartDown",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],getItemSubMenu:m,style:{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:"auto"}}))};export const SelectMenu=forwardRef(SelectMenuRender);export*from"./types";
 //# sourceMappingURL=SelectMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.js","names":["ContextMenu","IconSelect","Text","useFlag","useForkRef","useMutableRef","React","forwardRef","useCallback","useRef","getItemClick","cn","withDefaultGetters","cnSelectMenu","SelectMenuRender","props","componentRef","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","e","toogle","off","zIndex","SelectMenu"],"sources":["../../../../../src/components/SelectMenu/SelectMenu.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './SelectMenu.css';\n\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { IconSelect } from '@consta/uikit/IconSelect';\nimport { Text } from '@consta/uikit/Text';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  SelectMenuComponent,\n  SelectMenuDefaultItem,\n  SelectMenuProps,\n} from './types';\n\nexport const cnSelectMenu = cn('SelectMenu');\n\nconst SelectMenuRender = (\n  props: SelectMenuProps,\n  componentRef: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    className,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    onItemClick,\n    label,\n    onClick: onClickProp,\n    getItemSubMenu,\n    style,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [open, setOpen] = useFlag();\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n  const onClickRef = useMutableRef(onClickProp);\n\n  const getItemAs = useCallback((item: SelectMenuDefaultItem) => {\n    if (getItemHrefRef.current(item)) {\n      return 'a';\n    }\n    return 'span';\n  }, []);\n\n  const getItemHTMLAttributes = useCallback((item: SelectMenuDefaultItem) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const onClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    onClickRef.current?.(e);\n    setOpen.toogle();\n  }, []);\n\n  return (\n    <>\n      <div\n        {...otherProps}\n        className={cnSelectMenu(null, [className])}\n        ref={useForkRef([ref, componentRef])}\n        onClick={onClick}\n        style={style}\n      >\n        <Text className={cnSelectMenu('Label')} size=\"s\">\n          {label}\n        </Text>\n        <span className={cnSelectMenu('ArrowBox', { open })}>\n          <IconSelect size=\"xs\" />\n        </span>\n      </div>\n      {items && (\n        <ContextMenu\n          className={cnSelectMenu('Menu')}\n          anchorRef={ref}\n          isOpen={open}\n          items={items}\n          getItemLabel={getItemLabel}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemHTMLAttributes}\n          onClickOutside={setOpen.off}\n          onItemClick={({ e, item }) =>\n            getItemClick(item, getItemOnClick, onItemClick)(e)\n          }\n          direction=\"rightStartDown\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          getItemSubMenu={getItemSubMenu}\n          style={{\n            zIndex:\n              typeof style?.zIndex === 'number' ? style.zIndex + 1 : 'auto',\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport const SelectMenu = forwardRef(SelectMenuRender) as SelectMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"SelectMenu.js","names":["IconSelect","ContextMenu","Text","useFlag","useForkRef","useMutableRef","React","forwardRef","useCallback","useRef","getItemClick","cn","withDefaultGetters","cnSelectMenu","SelectMenuRender","props","componentRef","c","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","_objectWithoutProperties","_excluded","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","_objectSpread","e","b","call","toggle","createElement","Fragment","Object","assign","size","anchorRef","isOpen","getItemAttributes","onClickOutside","off","direction","possibleDirections","zIndex","SelectMenu"],"sources":["../../../../../src/components/SelectMenu/SelectMenu.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './SelectMenu.css';\n\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { Text } from '@consta/uikit/Text';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  SelectMenuComponent,\n  SelectMenuDefaultItem,\n  SelectMenuProps,\n} from './types';\n\nexport const cnSelectMenu = cn('SelectMenu');\n\nconst SelectMenuRender = (\n  props: SelectMenuProps,\n  componentRef: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    className,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    onItemClick,\n    label,\n    onClick: onClickProp,\n    getItemSubMenu,\n    style,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [open, setOpen] = useFlag();\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n  const onClickRef = useMutableRef(onClickProp);\n\n  const getItemAs = useCallback(\n    (item: SelectMenuDefaultItem) =>\n      getItemHrefRef.current(item) ? 'a' : 'span',\n    [],\n  );\n\n  const getItemHTMLAttributes = useCallback((item: SelectMenuDefaultItem) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const onClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    onClickRef.current?.(e);\n    setOpen.toggle();\n  }, []);\n\n  return (\n    <>\n      <div\n        {...otherProps}\n        className={cnSelectMenu(null, [className])}\n        ref={useForkRef([ref, componentRef])}\n        onClick={onClick}\n        style={style}\n      >\n        <Text className={cnSelectMenu('Label')} size=\"s\">\n          {label}\n        </Text>\n        <span className={cnSelectMenu('ArrowBox', { open })}>\n          <IconSelect size=\"xs\" />\n        </span>\n      </div>\n      {items && (\n        <ContextMenu\n          className={cnSelectMenu('Menu')}\n          anchorRef={ref}\n          isOpen={open}\n          items={items}\n          getItemLabel={getItemLabel}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemHTMLAttributes}\n          onClickOutside={setOpen.off}\n          onItemClick={({ e, item }) =>\n            getItemClick(item, getItemOnClick, onItemClick)(e)\n          }\n          direction=\"rightStartDown\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          getItemSubMenu={getItemSubMenu}\n          style={{\n            zIndex:\n              typeof style?.zIndex === 'number' ? style.zIndex + 1 : 'auto',\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport const SelectMenu = forwardRef(SelectMenuRender) as SelectMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}

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

@@ -27,7 +27,7 @@ export declare function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>):
     getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM> | undefined;
     getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM> | undefined;
     label: string;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "getItemLabel" | "label" | "getItemOnClick" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemSubMenu"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemHref" | "getItemLabel" | "getItemTarget" | "getItemOnClick" | "label" | "getItemSubMenu"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: SelectMenuPropGetItemLabel<ITEM>;

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"sources":["../../../../../src/components/SelectMenu/helpers.ts"],"sourcesContent":["import {\n  SelectMenuDefaultItem,\n  SelectMenuPropGetItemHref,\n  SelectMenuPropGetItemLabel,\n  SelectMenuPropGetItemOnClick,\n  SelectMenuPropGetItemSubMenu,\n  SelectMenuPropGetItemTarget,\n  SelectMenuProps,\n} from './types';\n\nexport const defaultGetItemLabel: SelectMenuPropGetItemLabel<\n  SelectMenuDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemHref: SelectMenuPropGetItemHref<\n  SelectMenuDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<\n  SelectMenuDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemTarget: SelectMenuPropGetItemTarget<\n  SelectMenuDefaultItem\n> = (item) => item.target;\nexport const defaultGetItemSubMenu: SelectMenuPropGetItemSubMenu<\n  SelectMenuDefaultItem\n> = (item) => item.subMenu;\n\nexport const getGetters = <ITEM>(props: {\n  getItemLabel?: SelectMenuPropGetItemLabel<ITEM>;\n  getItemHref?: SelectMenuPropGetItemHref<ITEM>;\n  getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>;\n  getItemTarget?: SelectMenuPropGetItemTarget<ITEM>;\n  getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>;\n}) => {\n  return {\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemTarget: props.getItemTarget || defaultGetItemTarget,\n    getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n  };\n};\n\nexport function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>) {\n  return {\n    ...props,\n    ...getGetters(props),\n  };\n}\n"],"mappings":"qqBAUA,MAAO,MAAMA,oBAEZ,CAAIC,CAAI,EAAKA,CAAI,CAACC,KAAK,CACxB,MAAO,MAAMC,mBAEZ,CAAIF,CAAI,EAAKA,CAAI,CAACG,IAAI,CACvB,MAAO,MAAMC,sBAEZ,CAAIJ,CAAI,EAAKA,CAAI,CAACK,OAAO,CAC1B,MAAO,MAAMC,qBAEZ,CAAIN,CAAI,EAAKA,CAAI,CAACO,MAAM,CACzB,MAAO,MAAMC,sBAEZ,CAAIR,CAAI,EAAKA,CAAI,CAACS,OAAO,CAE1B,MAAO,MAAMC,WAAU,CAAUC,CAMhC,GACQ,CACLC,YAAY,CAAED,CAAK,CAACC,YAAY,EAAIb,mBAAmB,CACvDc,WAAW,CAAEF,CAAK,CAACE,WAAW,EAAIX,kBAAkB,CACpDY,cAAc,CAAEH,CAAK,CAACG,cAAc,EAAIV,qBAAqB,CAC7DW,aAAa,CAAEJ,CAAK,CAACI,aAAa,EAAIT,oBAAoB,CAC1DU,cAAc,CAAEL,CAAK,CAACK,cAAc,EAAIR,qBAC1C,CAAC,CACF,CAED,MAAO,SAASS,mBAAkB,CAAON,CAA4B,CAAE,CACrE,sCACKA,CAAK,EACLD,UAAU,CAACC,CAAK,CAAC,CAExB"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters","_objectSpread"],"sources":["../../../../../src/components/SelectMenu/helpers.ts"],"sourcesContent":["import {\n  SelectMenuDefaultItem,\n  SelectMenuPropGetItemHref,\n  SelectMenuPropGetItemLabel,\n  SelectMenuPropGetItemOnClick,\n  SelectMenuPropGetItemSubMenu,\n  SelectMenuPropGetItemTarget,\n  SelectMenuProps,\n} from './types';\n\nexport const defaultGetItemLabel: SelectMenuPropGetItemLabel<\n  SelectMenuDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemHref: SelectMenuPropGetItemHref<\n  SelectMenuDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<\n  SelectMenuDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemTarget: SelectMenuPropGetItemTarget<\n  SelectMenuDefaultItem\n> = (item) => item.target;\nexport const defaultGetItemSubMenu: SelectMenuPropGetItemSubMenu<\n  SelectMenuDefaultItem\n> = (item) => item.subMenu;\n\nexport const getGetters = <ITEM>(props: {\n  getItemLabel?: SelectMenuPropGetItemLabel<ITEM>;\n  getItemHref?: SelectMenuPropGetItemHref<ITEM>;\n  getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>;\n  getItemTarget?: SelectMenuPropGetItemTarget<ITEM>;\n  getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>;\n}) => {\n  return {\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemTarget: props.getItemTarget || defaultGetItemTarget,\n    getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n  };\n};\n\nexport function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>) {\n  return {\n    ...props,\n    ...getGetters(props),\n  };\n}\n"],"mappings":"qqBAUA,MAAO,MAAM,CAAAA,mBAEZ,CAAIC,CAAI,EAAKA,CAAI,CAACC,KAAK,CACxB,MAAO,MAAM,CAAAC,kBAEZ,CAAIF,CAAI,EAAKA,CAAI,CAACG,IAAI,CACvB,MAAO,MAAM,CAAAC,qBAEZ,CAAIJ,CAAI,EAAKA,CAAI,CAACK,OAAO,CAC1B,MAAO,MAAM,CAAAC,oBAEZ,CAAIN,CAAI,EAAKA,CAAI,CAACO,MAAM,CACzB,MAAO,MAAM,CAAAC,qBAEZ,CAAIR,CAAI,EAAKA,CAAI,CAACS,OAAO,CAE1B,MAAO,MAAM,CAAAC,UAAU,CAAUC,CAMhC,GACQ,CACLC,YAAY,CAAED,CAAK,CAACC,YAAY,EAAIb,mBAAmB,CACvDc,WAAW,CAAEF,CAAK,CAACE,WAAW,EAAIX,kBAAkB,CACpDY,cAAc,CAAEH,CAAK,CAACG,cAAc,EAAIV,qBAAqB,CAC7DW,aAAa,CAAEJ,CAAK,CAACI,aAAa,EAAIT,oBAAoB,CAC1DU,cAAc,CAAEL,CAAK,CAACK,cAAc,EAAIR,qBAC1C,CAAC,CACF,CAED,MAAO,SAAS,CAAAS,kBAAkBA,CAAON,CAA4B,CAAE,CACrE,OAAAO,aAAA,CAAAA,aAAA,IACKP,CAAK,EACLD,UAAU,CAACC,CAAK,CAAC,CAExB"}

package/__internal__/src/components/Sidebar/Sidebar.css

@@ -1 +1 @@
-.che--Sidebar-Header{align-items:flex-end;border-bottom:1px solid var(--color-bg-border);display:flex;flex:none;justify-content:space-between;padding:var(--space-l) var(--space-xl)}
+.che--Sidebar-Header{align-items:flex-end;border-bottom:1px solid var(--color-bg-border);display:flex;flex:none;justify-content:space-between}

package/__internal__/src/components/Sidebar/Sidebar.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["children","title","onClose","className"];import"./Sidebar.css";import{Button}from"@consta/uikit/Button";import{IconClose}from"@consta/uikit/IconClose";import{Sidebar as ConstaSidebar}from"@consta/uikit/Sidebar";import{Text}from"@consta/uikit/Text";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import React from"react";import{cn}from"../../utils/bem";const cnSidebar=cn("Sidebar");export const Sidebar=a=>{const{children:b,title:c,onClose:d,className:e}=a,f=_objectWithoutProperties(a,_excluded),{bigScreen:g}=useBreakpoints({bigScreen:520});return React.createElement(ConstaSidebar,Object.assign({},f,{position:g?"right":"bottom",size:g?"l":"full",className:cnSidebar(null,[e])}),(c||d)&&React.createElement("div",{className:cnSidebar("Header")},React.createElement(Text,{className:cnSidebar("Title"),size:"xl",truncate:!0},c),d&&React.createElement(Button,{size:"s",view:"clear",iconLeft:IconClose,onClick:d})),b)};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["children","title","onClose","className"];import"./Sidebar.css";import{IconClose}from"@consta/icons/IconClose";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Sidebar as ConstaSidebar}from"@consta/uikit/Sidebar";import{Text}from"@consta/uikit/Text";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import React from"react";import{cn}from"../../utils/bem";const cnSidebar=cn("Sidebar");export const Sidebar=a=>{const{children:b,title:c,onClose:d,className:e}=a,f=_objectWithoutProperties(a,_excluded),{bigScreen:g}=useBreakpoints({bigScreen:520});return React.createElement(ConstaSidebar,Object.assign({},f,{position:g?"right":"bottom",size:g?"l":"full",className:cnSidebar(null,[e])}),(c||d)&&React.createElement("div",{className:cnSidebar("Header",[cnMixSpace({pV:"l",pH:"xl"})])},React.createElement(Text,{className:cnSidebar("Title"),size:"xl",truncate:!0},c),d&&React.createElement(Button,{size:"s",view:"clear",iconLeft:IconClose,onClick:d})),b)};
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["Button","IconClose","Sidebar","ConstaSidebar","Text","useBreakpoints","React","cn","cnSidebar","props","children","title","onClose","className","otherProps","bigScreen"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconClose } from '@consta/uikit/IconClose';\nimport { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';\nimport { Text } from '@consta/uikit/Text';\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\ntype SidebarProps = Omit<\n  React.ComponentProps<typeof ConstaSidebar>,\n  'position' | 'onClose'\n> & {\n  title?: string;\n  onClose?: React.EventHandler<React.MouseEvent>;\n};\n\nconst cnSidebar = cn('Sidebar');\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { children, title, onClose, className, ...otherProps } = props;\n  const { bigScreen } = useBreakpoints({ bigScreen: 520 });\n  return (\n    <ConstaSidebar\n      {...otherProps}\n      position={bigScreen ? 'right' : 'bottom'}\n      size={bigScreen ? 'l' : 'full'}\n      className={cnSidebar(null, [className])}\n    >\n      {(title || onClose) && (\n        <div className={cnSidebar('Header')}>\n          <Text className={cnSidebar('Title')} size=\"xl\" truncate>\n            {title}\n          </Text>\n          {onClose && (\n            <Button\n              size=\"s\"\n              view=\"clear\"\n              iconLeft={IconClose}\n              onClick={onClose}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </ConstaSidebar>\n  );\n};\n"],"mappings":"gJAAA,sBAEA,OAASA,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,SAAS,KAAQ,yBAAyB,CACnD,OAASC,OAAO,GAAIC,cAAa,KAAQ,uBAAuB,CAChE,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,cAAc,KAAQ,8BAA8B,CAC7D,MAAOC,MAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,uBAUX,KAAMC,UAAS,CAAGD,EAAE,CAAC,SAAS,CAAC,CAE/B,MAAO,MAAML,QAAO,CAAIO,CAAmB,EAAK,MACxC,CAAEC,QAAQ,CAARA,CAAQ,CAAEC,KAAK,CAALA,CAAK,CAAEC,OAAO,CAAPA,CAAO,CAAEC,SAAS,CAATA,CAAyB,CAAC,CAAGJ,CAAK,CAApBK,CAAU,0BAAKL,CAAK,YAC9D,CAAEM,SAAS,CAATA,CAAU,CAAC,CAAGV,cAAc,CAAC,CAAEU,SAAS,CAAE,GAAI,CAAC,CAAC,CACxD,MACE,qBAAC,aAAa,kBACRD,CAAU,EACd,QAAQ,CAAEC,CAAS,CAAG,OAAO,CAAG,QAAS,CACzC,IAAI,CAAEA,CAAS,CAAG,GAAG,CAAG,MAAO,CAC/B,SAAS,CAAEP,SAAS,CAAC,IAAI,CAAE,CAACK,CAAS,CAAC,CAAE,GAEvC,CAACF,CAAK,EAAIC,CAAO,GAChB,2BAAK,SAAS,CAAEJ,SAAS,CAAC,QAAQ,CAAE,EAClC,oBAAC,IAAI,EAAC,SAAS,CAAEA,SAAS,CAAC,OAAO,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,KACpDG,CAAK,CACD,CACNC,CAAO,EACN,oBAAC,MAAM,EACL,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,OAAO,CACZ,QAAQ,CAAEX,SAAU,CACpB,OAAO,CAAEW,CAAQ,EAEpB,CAEJ,CAEAF,CAAQ,CAGf,CAAC"}
+{"version":3,"file":"Sidebar.js","names":["IconClose","Button","cnMixSpace","Sidebar","ConstaSidebar","Text","useBreakpoints","React","cn","cnSidebar","props","children","title","onClose","className","otherProps","_objectWithoutProperties","_excluded","bigScreen","createElement","Object","assign","position","size","pV","pH","truncate","view","iconLeft","onClick"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';\nimport { Text } from '@consta/uikit/Text';\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\ntype SidebarProps = Omit<\n  React.ComponentProps<typeof ConstaSidebar>,\n  'position' | 'onClose'\n> & {\n  title?: string;\n  onClose?: React.EventHandler<React.MouseEvent>;\n};\n\nconst cnSidebar = cn('Sidebar');\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { children, title, onClose, className, ...otherProps } = props;\n  const { bigScreen } = useBreakpoints({ bigScreen: 520 });\n  return (\n    <ConstaSidebar\n      {...otherProps}\n      position={bigScreen ? 'right' : 'bottom'}\n      size={bigScreen ? 'l' : 'full'}\n      className={cnSidebar(null, [className])}\n    >\n      {(title || onClose) && (\n        <div\n          className={cnSidebar('Header', [cnMixSpace({ pV: 'l', pH: 'xl' })])}\n        >\n          <Text className={cnSidebar('Title')} size=\"xl\" truncate>\n            {title}\n          </Text>\n          {onClose && (\n            <Button\n              size=\"s\"\n              view=\"clear\"\n              iconLeft={IconClose}\n              onClick={onClose}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </ConstaSidebar>\n  );\n};\n"],"mappings":"gJAAA,sBAEA,OAASA,SAAS,KAAQ,yBAAyB,CACnD,OAASC,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,OAAO,GAAI,CAAAC,aAAa,KAAQ,uBAAuB,CAChE,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,cAAc,KAAQ,8BAA8B,CAC7D,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,uBAUX,KAAM,CAAAC,SAAS,CAAGD,EAAE,CAAC,SAAS,CAAC,CAE/B,MAAO,MAAM,CAAAL,OAAO,CAAIO,CAAmB,EAAK,MACxC,CAAEC,QAAQ,CAARA,CAAQ,CAAEC,KAAK,CAALA,CAAK,CAAEC,OAAO,CAAPA,CAAO,CAAEC,SAAS,CAATA,CAAyB,CAAC,CAAGJ,CAAK,CAApBK,CAAU,CAAAC,wBAAA,CAAKN,CAAK,CAAAO,SAAA,EAC9D,CAAEC,SAAS,CAATA,CAAU,CAAC,CAAGZ,cAAc,CAAC,CAAEY,SAAS,CAAE,GAAI,CAAC,CAAC,CACxD,MACE,CAAAX,KAAA,CAAAY,aAAA,CAACf,aAAa,CAAAgB,MAAA,CAAAC,MAAA,IACRN,CAAU,EACdO,QAAQ,CAAEJ,CAAS,CAAG,OAAO,CAAG,QAAS,CACzCK,IAAI,CAAEL,CAAS,CAAG,GAAG,CAAG,MAAO,CAC/BJ,SAAS,CAAEL,SAAS,CAAC,IAAI,CAAE,CAACK,CAAS,CAAC,CAAE,GAEvC,CAACF,CAAK,EAAIC,CAAO,GAChBN,KAAA,CAAAY,aAAA,QACEL,SAAS,CAAEL,SAAS,CAAC,QAAQ,CAAE,CAACP,UAAU,CAAC,CAAEsB,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,IAAK,CAAC,CAAC,CAAC,CAAE,EAEpElB,KAAA,CAAAY,aAAA,CAACd,IAAI,EAACS,SAAS,CAAEL,SAAS,CAAC,OAAO,CAAE,CAACc,IAAI,CAAC,IAAI,CAACG,QAAQ,KACpDd,CACG,CAAC,CACNC,CAAO,EACNN,KAAA,CAAAY,aAAA,CAAClB,MAAM,EACLsB,IAAI,CAAC,GAAG,CACRI,IAAI,CAAC,OAAO,CACZC,QAAQ,CAAE5B,SAAU,CACpB6B,OAAO,CAAEhB,CAAQ,CAClB,CAEA,CACN,CAEAF,CACY,CAEnB,CAAC"}

package/__internal__/src/components/TileMenu/TileMenu.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick"];import"./TileMenu.css";import{Button}from"@consta/uikit/Button";import{IconBento}from"@consta/uikit/IconBento";import{animateTimeout,cnMixPopoverAnimate}from"@consta/uikit/MixPopoverAnimate";import{cnMixPopoverArrow}from"@consta/uikit/MixPopoverArrow";import{Popover}from"@consta/uikit/Popover";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Sidebar}from"../Sidebar";import{cn}from"../../utils/bem";import{TileMenuList}from"./TileMenuList/TileMenuList";import{tileMenuPropViewDefault}from"./types";export const cnTileMenu=cn("TileMenu");const ARROW_SIZE=6,ARROW_OFFSET=10;function TileMenuRender(a,b){var c;const{view:p=tileMenuPropViewDefault,items:d,isMobile:e,className:f,children:g,listClassName:h,getItemDescription:i,getItemHref:j,getItemImage:k,getItemOnClick:l,getItemLabel:m,title:n,onItemClick:o}=a,q=_objectWithoutProperties(a,_excluded),r=useRef(null),[s,t]=useState(void 0),[u,{toogle:v,off:w}]=useFlag(),x={className:h,getItemDescription:i,getItemHref:j,getItemImage:k,getItemOnClick:l,getItemLabel:m,items:d,view:p,onItemClick:o},y="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},q,{size:"s",view:"clear",className:cnTileMenu(null,[f]),iconLeft:IconBento,ref:useForkRef([b,r]),onClick:v})),e?React.createElement(Sidebar,{isOpen:u,onClickOutside:w,onClose:w,title:n,style:{zIndex:y}},React.createElement(TileMenuList,x)):React.createElement(Transition,{timeout:animateTimeout,unmountOnExit:!0,in:u},a=>React.createElement(Popover,{className:cnTileMenu("Popover",{view:p},[cnMixPopoverAnimate({animate:a,direction:s})]),anchorRef:r,arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:10,onSetDirection:t,style:{"--popover-arrow-size":`${ARROW_SIZE}px`,"--popover-arrow-offset":`${ARROW_OFFSET}px`,zIndex:y},onClickOutside:w},React.createElement("div",{className:cnMixPopoverArrow({direction:s})}),React.createElement("div",{className:cnTileMenu("ListWrapper")},React.createElement(TileMenuList,x)))))}export const TileMenu=forwardRef(TileMenuRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["view","items","className","children","isMobile","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","onItemClick"];import"./TileMenu.css";import{IconBento}from"@consta/icons/IconBento";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{PopoverButton}from"../PopoverButton";import{TileMenuList,tileMenuListPropViewDefault}from"./TileMenuList";export const cnTileMenu=cn("TileMenu");function TileMenuRender(a,b){const{view:n=tileMenuListPropViewDefault,items:c,className:d,children:e,isMobile:f,listClassName:g,getItemDescription:h,getItemHref:i,getItemImage:j,getItemOnClick:k,getItemLabel:l,onItemClick:m}=a,o=_objectWithoutProperties(a,_excluded),p={className:g,getItemDescription:h,getItemHref:i,getItemImage:j,getItemOnClick:k,getItemLabel:l,items:c,view:n,onItemClick:m};return React.createElement(PopoverButton,Object.assign({ref:b,iconLeft:IconBento,size:"s",view:"clear",onlyIcon:!0,className:cnTileMenu(null,[d]),isMobile:f},o),f?React.createElement(TileMenuList,p):React.createElement("div",{className:cnTileMenu("ListWrapper")},React.createElement(TileMenuList,p)))}export const TileMenu=forwardRef(TileMenuRender);export*from"./types";
 //# sourceMappingURL=TileMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TileMenu.js","names":["Button","IconBento","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","Sidebar","cn","TileMenuList","tileMenuPropViewDefault","cnTileMenu","ARROW_SIZE","ARROW_OFFSET","TileMenuRender","props","ref","view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick","otherProps","buttonRef","direction","setDirection","visibleMenu","toogle","off","listProps","elementZIndex","style","zIndex","animate","TileMenu"],"sources":["../../../../../src/components/TileMenu/TileMenu.tsx"],"sourcesContent":["import './TileMenu.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconBento } from '@consta/uikit/IconBento';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nimport { TileMenuList } from './TileMenuList/TileMenuList';\nimport {\n  TileMenuComponent,\n  TileMenuProps,\n  tileMenuPropViewDefault,\n} from './types';\n\nexport const cnTileMenu = cn('TileMenu');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 10;\n\nfunction TileMenuRender(\n  props: TileMenuProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    view = tileMenuPropViewDefault,\n    items,\n    isMobile,\n    className,\n    children,\n    listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    title,\n    onItemClick,\n    ...otherProps\n  } = props;\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const [direction, setDirection] = useState<Direction | undefined>(undefined);\n\n  const [visibleMenu, { toogle, off }] = useFlag();\n\n  const listProps = {\n    className: listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    items,\n    view,\n    onItemClick,\n  };\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        size=\"s\"\n        view=\"clear\"\n        className={cnTileMenu(null, [className])}\n        iconLeft={IconBento}\n        ref={useForkRef([ref, buttonRef])}\n        onClick={toogle}\n      />\n      {isMobile ? (\n        <Sidebar\n          isOpen={visibleMenu}\n          onClickOutside={off}\n          onClose={off}\n          title={title}\n          style={{ zIndex: elementZIndex }}\n        >\n          <TileMenuList {...listProps} />\n        </Sidebar>\n      ) : (\n        <Transition timeout={animateTimeout} unmountOnExit in={visibleMenu}>\n          {(animate) => (\n            <Popover\n              className={cnTileMenu('Popover', { view }, [\n                cnMixPopoverAnimate({ animate, direction }),\n              ])}\n              anchorRef={buttonRef}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + 4}\n              onSetDirection={setDirection}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                zIndex: elementZIndex,\n              }}\n              onClickOutside={off}\n            >\n              <div className={cnMixPopoverArrow({ direction })} />\n              <div className={cnTileMenu('ListWrapper')}>\n                <TileMenuList {...listProps} />\n              </div>\n            </Popover>\n          )}\n        </Transition>\n      )}\n    </>\n  );\n}\n\nexport const TileMenu = forwardRef(TileMenuRender) as TileMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"TileMenu.js","names":["IconBento","React","forwardRef","cn","PopoverButton","TileMenuList","tileMenuListPropViewDefault","cnTileMenu","TileMenuRender","props","ref","view","items","className","children","isMobile","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","onItemClick","otherProps","_objectWithoutProperties","_excluded","listProps","createElement","Object","assign","iconLeft","size","onlyIcon","TileMenu"],"sources":["../../../../../src/components/TileMenu/TileMenu.tsx"],"sourcesContent":["import './TileMenu.css';\n\nimport { IconBento } from '@consta/icons/IconBento';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { PopoverButton } from '../PopoverButton';\nimport { TileMenuList, tileMenuListPropViewDefault } from './TileMenuList';\nimport { TileMenuComponent, TileMenuProps } from './types';\n\nexport const cnTileMenu = cn('TileMenu');\n\nfunction TileMenuRender(\n  props: TileMenuProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    view = tileMenuListPropViewDefault,\n    items,\n    className,\n    children,\n    isMobile,\n    listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    onItemClick,\n    ...otherProps\n  } = props;\n\n  const listProps = {\n    className: listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    items,\n    view,\n    onItemClick,\n  };\n\n  return (\n    <PopoverButton\n      ref={ref}\n      iconLeft={IconBento}\n      size=\"s\"\n      view=\"clear\"\n      onlyIcon\n      className={cnTileMenu(null, [className])}\n      isMobile={isMobile}\n      {...otherProps}\n    >\n      {isMobile ? (\n        <TileMenuList {...listProps} />\n      ) : (\n        <div className={cnTileMenu('ListWrapper')}>\n          <TileMenuList {...listProps} />\n        </div>\n      )}\n    </PopoverButton>\n  );\n}\n\nexport const TileMenu = forwardRef(TileMenuRender) as TileMenuComponent;\n\nexport * from './types';\n"],"mappings":"wQAAA,uBAEA,OAASA,SAAS,KAAQ,yBAAyB,CACnD,MAAO,CAAAC,KAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,EAAE,uBAEX,OAASC,aAAa,wBACtB,OAASC,YAAY,CAAEC,2BAA2B,sBAGlD,MAAO,MAAM,CAAAC,UAAU,CAAGJ,EAAE,CAAC,UAAU,CAAC,CAExC,QAAS,CAAAK,cAAcA,CACrBC,CAAoB,CACpBC,CAAiC,CACjC,MACM,CACJC,IAAI,CAAJA,CAAI,CAAGL,2BAA2B,CAClCM,KAAK,CAALA,CAAK,CACLC,SAAS,CAATA,CAAS,CACTC,QAAQ,CAARA,CAAQ,CACRC,QAAQ,CAARA,CAAQ,CACRC,aAAa,CAAbA,CAAa,CACbC,kBAAkB,CAAlBA,CAAkB,CAClBC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAdA,CAAc,CACdC,YAAY,CAAZA,CAAY,CACZC,WAAW,CAAXA,CAEF,CAAC,CAAGb,CAAK,CADJc,CAAU,CAAAC,wBAAA,CACXf,CAAK,CAAAgB,SAAA,EAEHC,CAAS,CAAG,CAChBb,SAAS,CAAEG,CAAa,CACxBC,kBAAkB,CAAlBA,CAAkB,CAClBC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAdA,CAAc,CACdC,YAAY,CAAZA,CAAY,CACZT,KAAK,CAALA,CAAK,CACLD,IAAI,CAAJA,CAAI,CACJW,WAAW,CAAXA,CACF,CAAC,CAED,MACE,CAAArB,KAAA,CAAA0B,aAAA,CAACvB,aAAa,CAAAwB,MAAA,CAAAC,MAAA,EACZnB,GAAG,CAAEA,CAAI,CACToB,QAAQ,CAAE9B,SAAU,CACpB+B,IAAI,CAAC,GAAG,CACRpB,IAAI,CAAC,OAAO,CACZqB,QAAQ,IACRnB,SAAS,CAAEN,UAAU,CAAC,IAAI,CAAE,CAACM,CAAS,CAAC,CAAE,CACzCE,QAAQ,CAAEA,CAAS,EACfQ,CAAU,EAEbR,CAAQ,CACPd,KAAA,CAAA0B,aAAA,CAACtB,YAAY,CAAKqB,CAAY,CAAC,CAE/BzB,KAAA,CAAA0B,aAAA,QAAKd,SAAS,CAAEN,UAAU,CAAC,aAAa,CAAE,EACxCN,KAAA,CAAA0B,aAAA,CAACtB,YAAY,CAAKqB,CAAY,CAC3B,CAEM,CAEnB,CAEA,MAAO,MAAM,CAAAO,QAAQ,CAAG/B,UAAU,CAACM,cAAc,CAAsB,CAEvE"}

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.css

@@ -1 +1 @@
-.che--TileMenuItem{--tile-menu-item-image-size:calc(var(--space-4xl) - var(--space-2xs));color:var(--color-typo-primary);cursor:pointer;display:flex;text-decoration:none}.che--TileMenuItem_view_card{--tile-menu-item-image-margin:0 auto var(--space-xs) auto;border-radius:var(--control-radius);flex-direction:column;transition:background .2s}.che--TileMenuItem_view_card:hover{background:var(--color-control-bg-clear-hover)}.che--TileMenuItem_view_line{--tile-menu-item-image-margin:0 var(--space-xs) 0 0}.che--TileMenuItem_view_line:hover{--tile-menu-item-title-color:var(--color-typo-link-hover)}.che--TileMenuItem-ImageWrapper{border-radius:50%;flex:none;height:var(--tile-menu-item-image-size);margin:var(--tile-menu-item-image-margin);overflow:hidden;width:var(--tile-menu-item-image-size)}.che--TileMenuItem-ImageWrapper>*{height:100%;width:100%}.che--TileMenuItem-Title{color:var(--tile-menu-item-title-color);transition:color .2s}
+.che--TileMenuItem{--tile-menu-item-image-size:calc(var(--space-4xl) - var(--space-2xs));color:var(--color-typo-primary);cursor:pointer;display:flex;text-decoration:none}.che--TileMenuItem_view_card{--tile-menu-item-image-margin:0 auto var(--space-xs) auto;border-radius:var(--control-radius);flex-direction:column;transition:background .2s}.che--TileMenuItem_view_card:hover{background:var(--color-control-bg-clear-hover)}.che--TileMenuItem_view_default{--tile-menu-item-image-margin:0 var(--space-xs) 0 0}.che--TileMenuItem_view_default:hover{--tile-menu-item-title-color:var(--color-typo-link-hover)}.che--TileMenuItem-ImageWrapper{border-radius:50%;flex:none;height:var(--tile-menu-item-image-size);margin:var(--tile-menu-item-image-margin);overflow:hidden;width:var(--tile-menu-item-image-size)}.che--TileMenuItem-ImageWrapper>*{height:100%;width:100%}.che--TileMenuItem-Title{color:var(--tile-menu-item-title-color);transition:color .2s}

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.d.ts

@@ -1,12 +1,4 @@
 import './TileMenuItem.css';
-import React from 'react';
-export declare const tileMenuItemPropView: readonly ["card", "line"];
-export type TileMenuItemPropView = typeof tileMenuItemPropView[number];
-type TileMenuItemProps = {
-    image?: string | React.FC;
-    title: string;
-    description?: string;
-    view?: TileMenuItemPropView;
-};
+import { TileMenuItemProps } from './types';
 export declare const TileMenuItem: import("@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes").ComponentWithAs<TileMenuItemProps, "div">;
-export {};
+export * from './types';

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["image","className","title","description","view","as"];import"./TileMenuItem.css";import{forwardRefWithAs}from"@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React from"react";import{cn}from"../../../utils/bem";export const tileMenuItemPropView=["card","line"];const cnTileMenuItem=cn("TileMenuItem"),renderImage=(a,b)=>{if("string"==typeof a)return React.createElement("img",{src:a,alt:b});return React.createElement(a,null)};export const TileMenuItem=forwardRefWithAs((a,b)=>{const{image:c,className:d,title:e,description:f,view:g="line",as:h="div"}=a,i=_objectWithoutProperties(a,_excluded),j="card"===g,k="line"===g;return React.createElement(h,Object.assign({},i,{ref:b,className:cnTileMenuItem({view:g},[j?cnMixSpace({p:"s",pT:"m"}):cnMixSpace({pV:"s"}),d])}),c&&React.createElement("div",{className:cnTileMenuItem("ImageWrapper")},renderImage(c,e)),React.createElement("div",{className:cnTileMenuItem("ContentWrapper")},React.createElement(Text,{weight:k?"bold":void 0,align:j?"center":void 0,className:cnTileMenuItem("Title",[k?cnMixSpace({pB:"2xs"}):void 0])},e),f&&k&&React.createElement(Text,{view:"secondary",className:cnTileMenuItem("Description")},f)))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["image","className","title","description","view","as"];import"./TileMenuItem.css";import{forwardRefWithAs}from"@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React from"react";import{cn}from"../../../utils/bem";const cnTileMenuItem=cn("TileMenuItem"),renderImage=(a,b)=>{if("string"==typeof a)return React.createElement("img",{src:a,alt:b});return React.createElement(a,null)};export const TileMenuItem=forwardRefWithAs((a,b)=>{const{image:c,className:d,title:e,description:f,view:g="default",as:h="div"}=a,i=_objectWithoutProperties(a,_excluded);return React.createElement(h,Object.assign({},i,{ref:b,className:cnTileMenuItem({view:g},["card"===g?cnMixSpace({p:"s",pT:"m"}):cnMixSpace({pV:"s"}),d])}),c&&React.createElement("div",{className:cnTileMenuItem("ImageWrapper")},renderImage(c,e)),React.createElement("div",{className:cnTileMenuItem("ContentWrapper")},React.createElement(Text,{weight:"default"===g?"bold":void 0,align:"card"===g?"center":void 0,className:cnTileMenuItem("Title",["default"===g?cnMixSpace({pB:"2xs"}):void 0])},e),f&&"default"===g&&React.createElement(Text,{view:"secondary",className:cnTileMenuItem("Description")},f)))});export*from"./types";
 //# sourceMappingURL=TileMenuItem.js.map