npm - @skbkontur/react-ui - Versions diffs - 5.1.2 → 5.1.4 - Mend

@skbkontur/react-ui 5.1.2 → 5.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1936) hide show

package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","menuFooterSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuFooterColor","rootSmall","_templateObject2","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","_templateObject3","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","_templateObject4","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.menuFooterColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXSmall,\n t.menuFooterFontSizeSmall,\n t.menuFooterLineHeightSmall,\n t.menuFooterPaddingTopSmall,\n t.menuFooterPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXMedium,\n t.menuFooterFontSizeMedium,\n t.menuFooterLineHeightMedium,\n t.menuFooterPaddingTopMedium,\n t.menuFooterPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXLarge,\n t.menuFooterFontSizeLarge,\n t.menuFooterLineHeightLarge,\n t.menuFooterPaddingTopLarge,\n t.menuFooterPaddingBottomLarge,\n )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,uBAAuB;MACzBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC8B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACiC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","menuFooterSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuFooterColor","rootSmall","_templateObject2","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","_templateObject3","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","_templateObject4","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.menuFooterColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXSmall,\n t.menuFooterFontSizeSmall,\n t.menuFooterLineHeightSmall,\n t.menuFooterPaddingTopSmall,\n t.menuFooterPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXMedium,\n t.menuFooterFontSizeMedium,\n t.menuFooterLineHeightMedium,\n t.menuFooterPaddingTopMedium,\n t.menuFooterPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXLarge,\n t.menuFooterFontSizeLarge,\n t.menuFooterLineHeightLarge,\n t.menuFooterPaddingTopLarge,\n t.menuFooterPaddingBottomLarge,\n )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,uBAAuB;MACzBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC8B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACiC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/MenuFooter/MenuFooter.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
     rootSmall(t: Theme): string;

package/components/MenuFooter/__docs__/MenuFooter.mdx CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as MenuFooterStories from './MenuFooter.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 <Meta of={MenuFooterStories} />
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 ## Пропы
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 ## Примеры использования

package/components/MenuHeader/MenuHeader/MenuHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","ThemeContext","CommonWrapper","cx","MenuContext","styles","MenuHeaderDataTids","root","MenuHeader","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","theme","menuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","className","enableIconPadding","__KONTUR_REACT_UI__","displayName","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuHeader.tsx"],"sourcesContent":["import ~~React,~~ { HTMLAttributes, ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\n\nimport { styles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Добавляет отступ иконке. /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n\n /* Задает размер. /\n size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n root: 'MenuHeader__root',\n} as const;\n\n/\n Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.\n \n `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n \n Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuHeader({ id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n const theme = useContext(ThemeContext);\n const menuContext = useContext(MenuContext);\n\n function getRootSizeClassName() {\n switch (size) {\n case 'large':\n return styles.rootLarge(theme);\n case 'medium':\n return styles.rootMedium(theme);\n case 'small':\n default:\n return styles.rootSmall(theme);\n }\n }\n function getWithLeftPaddingSizeClassName() {\n switch (size) {\n case 'large':\n return styles.withLeftPaddingSmall(theme);\n case 'medium':\n return styles.withLeftPaddingMedium(theme);\n case 'small':\n default:\n return styles.withLeftPaddingSmall(theme);\n }\n }\n\n return (\n <CommonWrapper {...rest}>\n <div\n id={id}\n data-tid={MenuHeaderDataTids.root}\n className={cx(getRootSizeClassName(), {\n [styles.root(theme)]: true,\n [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding \|\| _enableIconPadding,\n })}\n >\n {children}\n </div>\n </CommonWrapper>\n );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.displayName = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n return React.isValidElement<MenuHeaderProps>(child)\n ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n : false;\n};\n"],"mappings":"~~qKAAA~~,OAAOA,KAAK,~~IAA+BC~~,UAAU,QAAQ,OAAO;;~~AAEpE~~,SAASC,YAAY,QAAQ,gCAAgC~~;AAC7D~~,~~SAAsBC~~,aAAa,QAAQ,8BAA8B;~~AACzE~~,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,iCAAiC;;AAE7D,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;;;;;AAa5C,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,GAAA,KAAtFC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAAC,qBAAA,GAAAH,IAAA,CAAEI,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACrF,IAAMC,KAAK,GAAGpB,UAAU,CAACC,YAAY,CAAC;EACtC,IAAMoB,WAAW,GAAGrB,UAAU,CAACI,WAAW,CAAC;;EAE3C,SAASkB,oBAAoBA,CAAA,EAAG;IAC9B,QAAQN,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACkB,SAAS,CAACH,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACmB,UAAU,CAACJ,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACoB,SAAS,CAACL,KAAK,CAAC;IAClC;EACF;EACA,SAASM,+BAA+BA,CAAA,EAAG;IACzC,QAAQV,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACuB,qBAAqB,CAACR,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;IAC7C;EACF;;EAEA;IACErB,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,EAAKe,IAAI;IACrBlB,KAAA,CAAA8B,aAAA;MACElB,EAAE,EAAEA,EAAG;MACP,YAAUL,kBAAkB,CAACC,IAAK;MAClCuB,SAAS,EAAE3B,EAAE,CAACmB,oBAAoB,CAAC,CAAC,GAAAZ,GAAA,OAAAA,GAAA;MACjCL,MAAM,CAACE,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBgB,+BAA+B,CAAC,CAAC,IAAGL,WAAW,CAACU,iBAAiB,IAAIlB,kBAAkB,EAAAH,GAAA;MACzF,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAACwB,mBAAmB,GAAG,YAAY;AAC7CxB,UAAU,CAACyB,WAAW,GAAG,YAAY;AACrCzB,UAAU,CAAC0B,eAAe,GAAG,IAAI;;AAEjC,SAAS1B,UAAU;;AAEnB,OAAO,IAAM2B,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAArC,KAAK,CAACsC,cAAc,CAAkBD,KAAK,CAAC;EAC/CE,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,KAAK,CAACM,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","ThemeContext","CommonWrapper","cx","MenuContext","styles","MenuHeaderDataTids","root","MenuHeader","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","theme","menuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","className","enableIconPadding","__KONTUR_REACT_UI__","displayName","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\n\nimport { styles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Добавляет отступ иконке. /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n\n /* Задает размер. /\n size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n root: 'MenuHeader__root',\n} as const;\n\n/\n Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.\n \n `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n \n Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuHeader({ id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n const theme = useContext(ThemeContext);\n const menuContext = useContext(MenuContext);\n\n function getRootSizeClassName() {\n switch (size) {\n case 'large':\n return styles.rootLarge(theme);\n case 'medium':\n return styles.rootMedium(theme);\n case 'small':\n default:\n return styles.rootSmall(theme);\n }\n }\n function getWithLeftPaddingSizeClassName() {\n switch (size) {\n case 'large':\n return styles.withLeftPaddingSmall(theme);\n case 'medium':\n return styles.withLeftPaddingMedium(theme);\n case 'small':\n default:\n return styles.withLeftPaddingSmall(theme);\n }\n }\n\n return (\n <CommonWrapper {...rest}>\n <div\n id={id}\n data-tid={MenuHeaderDataTids.root}\n className={cx(getRootSizeClassName(), {\n [styles.root(theme)]: true,\n [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding \|\| _enableIconPadding,\n })}\n >\n {children}\n </div>\n </CommonWrapper>\n );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.displayName = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n return React.isValidElement<MenuHeaderProps>(child)\n ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n : false;\n};\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,iCAAiC;;AAE7D,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;;;;;AAa5C,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,GAAA,KAAtFC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAAC,qBAAA,GAAAH,IAAA,CAAEI,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACrF,IAAMC,KAAK,GAAGpB,UAAU,CAACC,YAAY,CAAC;EACtC,IAAMoB,WAAW,GAAGrB,UAAU,CAACI,WAAW,CAAC;;EAE3C,SAASkB,oBAAoBA,CAAA,EAAG;IAC9B,QAAQN,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACkB,SAAS,CAACH,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACmB,UAAU,CAACJ,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACoB,SAAS,CAACL,KAAK,CAAC;IAClC;EACF;EACA,SAASM,+BAA+BA,CAAA,EAAG;IACzC,QAAQV,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACuB,qBAAqB,CAACR,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;IAC7C;EACF;;EAEA;IACErB,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,EAAKe,IAAI;IACrBlB,KAAA,CAAA8B,aAAA;MACElB,EAAE,EAAEA,EAAG;MACP,YAAUL,kBAAkB,CAACC,IAAK;MAClCuB,SAAS,EAAE3B,EAAE,CAACmB,oBAAoB,CAAC,CAAC,GAAAZ,GAAA,OAAAA,GAAA;MACjCL,MAAM,CAACE,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBgB,+BAA+B,CAAC,CAAC,IAAGL,WAAW,CAACU,iBAAiB,IAAIlB,kBAAkB,EAAAH,GAAA;MACzF,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAACwB,mBAAmB,GAAG,YAAY;AAC7CxB,UAAU,CAACyB,WAAW,GAAG,YAAY;AACrCzB,UAAU,CAAC0B,eAAe,GAAG,IAAI;;AAEjC,SAAS1B,UAAU;;AAEnB,OAAO,IAAM2B,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAArC,KAAK,CAACsC,cAAc,CAAkBD,KAAK,CAAC;EAC/CE,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,KAAK,CAACM,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
+import type { HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
 export interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
     /** Добавляет отступ иконке. */
     _enableIconPadding?: boolean;

package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","menuHeaderSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuHeaderColor","rootSmall","_templateObject2","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","_templateObject3","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","_templateObject4","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.menuHeaderColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXSmall,\n t.menuHeaderFontSizeSmall,\n t.menuHeaderLineHeightSmall,\n t.menuHeaderPaddingTopSmall,\n t.menuHeaderPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXMedium,\n t.menuHeaderFontSizeMedium,\n t.menuHeaderLineHeightMedium,\n t.menuHeaderPaddingTopMedium,\n t.menuHeaderPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXLarge,\n t.menuHeaderFontSizeLarge,\n t.menuHeaderLineHeightLarge,\n t.menuHeaderPaddingTopLarge,\n t.menuHeaderPaddingBottomLarge,\n )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,uBAAuB;MACzBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC8B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACiC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","menuHeaderSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuHeaderColor","rootSmall","_templateObject2","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","_templateObject3","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","_templateObject4","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.menuHeaderColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXSmall,\n t.menuHeaderFontSizeSmall,\n t.menuHeaderLineHeightSmall,\n t.menuHeaderPaddingTopSmall,\n t.menuHeaderPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXMedium,\n t.menuHeaderFontSizeMedium,\n t.menuHeaderLineHeightMedium,\n t.menuHeaderPaddingTopMedium,\n t.menuHeaderPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXLarge,\n t.menuHeaderFontSizeLarge,\n t.menuHeaderLineHeightLarge,\n t.menuHeaderPaddingTopLarge,\n t.menuHeaderPaddingBottomLarge,\n )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,uBAAuB;MACzBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC8B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACiC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
     rootSmall(t: Theme): string;

package/components/MenuHeader/__docs__/MenuHeader.mdx CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as MenuHeaderStories from './MenuHeader.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 <Meta of={MenuHeaderStories} />
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 ## Пропы
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 ## Примеры использования

package/components/MenuItem/MenuItem/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","PropTypes","globalObject","isBrowser","scrollYCenterIntoNearestScrollable","isExternalLink","isFunction","isNonNullable","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","MenuContext","getVisualStateDataAttributes","styles","MenuItemDataTids","root","content","comment","MenuItem","_class","_MenuItem","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_cx2","_cx3","_cx4","_this$props","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose","_excluded","iconElement","_cx","createElement","top","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","activeState","Component","getComponent","_extends","rootNodeRef","setRootNode","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose","_proto","prototype","render","_this2","Consumer","componentDidMount","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","propTypes","node","bool","string","func","contextType","isMenuItem"],"sources":["MenuItem.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { Nullable } from '../../typings/utility-types';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext, MenuContextType } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null \| 'hover' \| 'selected' \| void;\n\nexport interface MenuItemProps\n extends Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n Omit<CommonProps, 'children'> {\n /** Добавляет отступ иконке.\n * @ignore /\n _enableIconPadding?: boolean;\n\n /* Добавляет описание для элемента меню. /\n comment?: React.ReactNode;\n\n /* Делает компонент недоступным. /\n disabled?: boolean;\n\n /* Добавляет иконку элементу меню. /\n icon?: React.ReactElement<any>;\n /\n Меняет цвет текста на синий.\n * @deprecated\n /\n link?: boolean;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* @ignore /\n loose?: boolean;\n\n /* @ignore /\n state?: MenuItemState;\n\n /* Задает функцию, которая вызывается при клике. /\n onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n /* Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). /\n onMouseEnter?: React.MouseEventHandler;\n\n /* Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). /\n onMouseLeave?: React.MouseEventHandler;\n\n /* @ignore /\n children?: React.ReactNode \| ((state: MenuItemState) => React.ReactNode);\n\n /* Задает HTML-атрибут `target`. /\n target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n /* Задает HTML-атрибут `title`. /\n title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n /* Задает HTML-атрибут `href` - адрес, на который следует перейти. /\n href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n /* Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". /\n rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n /* Заменяет корневой элемент, на компонент переданный в проп.\n * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. /\n component?: React.ComponentType<any>;\n\n /* Запрещает выделение и выбор данного пункта меню. /\n isNotSelectable?: boolean;\n\n /* Устанавливает стиль для отображения в мобильной версии. /\n isMobile?: boolean;\n /* @ignore /\n scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n root: 'MenuItem__root',\n content: 'MenuItem__content',\n comment: 'MenuItem__comment',\n} as const;\n\n/\n `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n \n Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n public static __KONTUR_REACT_UI__ = 'MenuItem';\n public static displayName = 'MenuItem';\n public static __MENU_ITEM__ = true;\n\n public static propTypes = {\n comment: PropTypes.node,\n\n disabled: PropTypes.bool,\n\n href: PropTypes.string,\n\n icon: PropTypes.node,\n\n loose: PropTypes.bool,\n\n state: PropTypes.string,\n\n target: PropTypes.string,\n\n onClick: PropTypes.func,\n\n size: PropTypes.string,\n };\n\n public state = {\n iconOffsetTop: 0,\n highlighted: false,\n };\n\n private theme!: Theme;\n private mouseEntered = false;\n private setRootNode!: TSetRootNode;\n private rootRef: Nullable<HTMLElement> = null;\n private contentRef = React.createRef<HTMLElement>();\n static contextType = MenuContext;\n\n public context!: MenuContextType;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public componentDidMount() {\n if (this.props.scrollIntoView && this.rootRef) {\n scrollYCenterIntoNearestScrollable(this.rootRef);\n }\n if (this.rootRef && isBrowser(globalObject)) {\n this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n }\n if (this.contentRef.current && !this.props.isNotSelectable) {\n this.context.navigation?.add(this.contentRef.current, this);\n }\n if (this.props.icon) {\n this.context.setEnableIconPadding?.(true);\n }\n }\n\n public componentWillUnmount() {\n if (this.contentRef.current) {\n !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n }\n }\n\n public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n if (prevProps.icon !== this.props.icon) {\n this.context.setEnableIconPadding?.(!!this.props.icon \|\| this.hasIconAmongItems());\n }\n if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n if (this.props.isNotSelectable) {\n this.unhighlight();\n this.context.navigation?.remove(this.contentRef.current);\n } else {\n this.context.navigation?.add(this.contentRef.current, this);\n }\n }\n }\n\n public highlight = () => {\n this.setState({ highlighted: true });\n };\n\n public unhighlight = () => {\n this.setState({ highlighted: false });\n };\n\n public select = (event: React.SyntheticEvent<HTMLElement>) => {\n this.handleClick(event as React.MouseEvent<HTMLElement>);\n };\n\n public isEnabled = () => {\n return !this.props.disabled;\n };\n\n public navigate = () => {\n if (!this.props.href) {\n return;\n }\n if (this.props.target) {\n window.open(this.props.href, this.props.target);\n } else {\n location.href = this.props.href;\n }\n };\n\n private getRootSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getIconSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.iconLarge(this.theme);\n case 'medium':\n return styles.iconMedium(this.theme);\n case 'small':\n default:\n return styles.iconSmall(this.theme);\n }\n }\n\n private getWithIconSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.withIconLarge(this.theme);\n case 'medium':\n return styles.withIconMedium(this.theme);\n case 'small':\n default:\n return styles.withIconSmall(this.theme);\n }\n }\n\n private renderMain = () => {\n const {\n link,\n comment,\n icon,\n loose,\n state,\n size,\n _enableIconPadding,\n component,\n onMouseEnter,\n onMouseLeave,\n isMobile,\n href,\n disabled,\n scrollIntoView,\n rel = href && isExternalLink(href) ? 'noopener noreferrer' : this.props.rel,\n isNotSelectable,\n children,\n className: unusedClasses,\n style,\n 'data-tid': dataTid,\n ...rest\n } = this.props;\n\n let iconElement = null;\n if (icon) {\n iconElement = (\n <div\n style={{ top: this.state.iconOffsetTop }}\n className={cx({\n [styles.icon()]: true,\n [this.getIconSizeClassName()]: true,\n })}\n >\n {icon}\n </div>\n );\n }\n\n const className = cx({\n [styles.root(this.theme)]: true,\n [this.getRootSizeClassName()]: true,\n [styles.rootMobile(this.theme)]: isMobile,\n [styles.loose()]: !!loose,\n [styles.hover(this.theme)]: this.isHover,\n [styles.selected(this.theme)]: this.isSelected,\n [styles.link(this.theme)]: !!link,\n [this.getWithIconSizeClassName()]: Boolean(iconElement) \|\| !!_enableIconPadding \|\| this.context.enableIconPadding,\n [styles.disabled(this.theme)]: !!disabled,\n });\n\n let content = children;\n if (isFunction(children)) {\n content = children(this.activeState);\n }\n\n const Component = this.getComponent();\n\n return (\n <CommonWrapper\n rootNodeRef={this.setRootNode}\n {...getVisualStateDataAttributes({\n hover: this.isHover,\n selected: this.isSelected,\n })}\n {...this.props}\n >\n <Component\n ref={this.setRootRef}\n data-tid={MenuItemDataTids.root}\n {...rest}\n disabled={disabled}\n state={this.activeState}\n onMouseOver={this.handleMouseEnterFix}\n onMouseLeave={this.handleMouseLeave}\n onClick={this.handleClick}\n className={className}\n href={href}\n rel={href ? rel : undefined}\n tabIndex={-1}\n >\n {iconElement}\n <span\n className={cx({\n [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n })}\n ref={this.contentRef}\n data-tid={MenuItemDataTids.content}\n >\n {typeof content === 'function' ? content() : content}\n </span>\n {comment && (\n <div\n data-tid={MenuItemDataTids.comment}\n className={cx({\n [styles.comment(this.theme)]: true,\n [styles.commentHover(this.theme)]: this.isHover,\n })}\n >\n {comment}\n </div>\n )}\n </Component>\n </CommonWrapper>\n );\n };\n\n private get activeState() {\n return this.state.highlighted ? 'hover' : this.props.state;\n }\n\n private get isHover(): boolean {\n return (this.state.highlighted \|\| this.props.state === 'hover') && !this.props.disabled;\n }\n\n private get isSelected(): boolean {\n return this.props.state === 'selected' && !this.state.highlighted;\n }\n\n // https://github.com/facebook/react/issues/10109\n // Mouseenter event not triggered when cursor moves from disabled button\n private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n if (!this.mouseEntered) {\n this.mouseEntered = true;\n this.props.onMouseEnter?.(e);\n !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n }\n };\n\n private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n this.mouseEntered = false;\n this.props.onMouseLeave?.(e);\n !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n };\n\n private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (this.props.isNotSelectable) {\n return;\n }\n this.props.onClick?.(e);\n this.context.onItemClick?.(e);\n };\n\n private setRootRef = (element: HTMLElement) => {\n this.rootRef = element;\n };\n\n private getComponent = () => {\n const { disabled, component, href } = this.props;\n\n if (component) {\n return component;\n }\n\n if (disabled) {\n return 'button';\n }\n\n if (href) {\n return 'a';\n }\n\n return 'button';\n };\n\n private hasIconAmongItems = () => {\n return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","PropTypes","globalObject","isBrowser","scrollYCenterIntoNearestScrollable","isExternalLink","isFunction","isNonNullable","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","MenuContext","getVisualStateDataAttributes","styles","MenuItemDataTids","root","content","comment","MenuItem","_class","_MenuItem","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_cx2","_cx3","_cx4","_this$props","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose","_excluded","iconElement","_cx","createElement","top","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","activeState","Component","getComponent","_extends","rootNodeRef","setRootNode","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose","_proto","prototype","render","_this2","Consumer","componentDidMount","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","propTypes","node","bool","string","func","contextType","isMenuItem"],"sources":["MenuItem.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MenuContextType } from '../../internal/Menu/MenuContext';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null \| 'hover' \| 'selected' \| void;\n\nexport interface MenuItemProps\n extends Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n Omit<CommonProps, 'children'> {\n /** Добавляет отступ иконке.\n * @ignore /\n _enableIconPadding?: boolean;\n\n /* Добавляет описание для элемента меню. /\n comment?: React.ReactNode;\n\n /* Делает компонент недоступным. /\n disabled?: boolean;\n\n /* Добавляет иконку элементу меню. /\n icon?: React.ReactElement<any>;\n /\n Меняет цвет текста на синий.\n * @deprecated\n /\n link?: boolean;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* @ignore /\n loose?: boolean;\n\n /* @ignore /\n state?: MenuItemState;\n\n /* Задает функцию, которая вызывается при клике. /\n onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n /* Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). /\n onMouseEnter?: React.MouseEventHandler;\n\n /* Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). /\n onMouseLeave?: React.MouseEventHandler;\n\n /* @ignore /\n children?: React.ReactNode \| ((state: MenuItemState) => React.ReactNode);\n\n /* Задает HTML-атрибут `target`. /\n target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n /* Задает HTML-атрибут `title`. /\n title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n /* Задает HTML-атрибут `href` - адрес, на который следует перейти. /\n href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n /* Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". /\n rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n /* Заменяет корневой элемент, на компонент переданный в проп.\n * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. /\n component?: React.ComponentType<any>;\n\n /* Запрещает выделение и выбор данного пункта меню. /\n isNotSelectable?: boolean;\n\n /* Устанавливает стиль для отображения в мобильной версии. /\n isMobile?: boolean;\n /* @ignore /\n scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n root: 'MenuItem__root',\n content: 'MenuItem__content',\n comment: 'MenuItem__comment',\n} as const;\n\n/\n `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n \n Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n public static __KONTUR_REACT_UI__ = 'MenuItem';\n public static displayName = 'MenuItem';\n public static __MENU_ITEM__ = true;\n\n public static propTypes = {\n comment: PropTypes.node,\n\n disabled: PropTypes.bool,\n\n href: PropTypes.string,\n\n icon: PropTypes.node,\n\n loose: PropTypes.bool,\n\n state: PropTypes.string,\n\n target: PropTypes.string,\n\n onClick: PropTypes.func,\n\n size: PropTypes.string,\n };\n\n public state = {\n iconOffsetTop: 0,\n highlighted: false,\n };\n\n private theme!: Theme;\n private mouseEntered = false;\n private setRootNode!: TSetRootNode;\n private rootRef: Nullable<HTMLElement> = null;\n private contentRef = React.createRef<HTMLElement>();\n static contextType = MenuContext;\n\n public context!: MenuContextType;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public componentDidMount() {\n if (this.props.scrollIntoView && this.rootRef) {\n scrollYCenterIntoNearestScrollable(this.rootRef);\n }\n if (this.rootRef && isBrowser(globalObject)) {\n this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n }\n if (this.contentRef.current && !this.props.isNotSelectable) {\n this.context.navigation?.add(this.contentRef.current, this);\n }\n if (this.props.icon) {\n this.context.setEnableIconPadding?.(true);\n }\n }\n\n public componentWillUnmount() {\n if (this.contentRef.current) {\n !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n }\n }\n\n public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n if (prevProps.icon !== this.props.icon) {\n this.context.setEnableIconPadding?.(!!this.props.icon \|\| this.hasIconAmongItems());\n }\n if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n if (this.props.isNotSelectable) {\n this.unhighlight();\n this.context.navigation?.remove(this.contentRef.current);\n } else {\n this.context.navigation?.add(this.contentRef.current, this);\n }\n }\n }\n\n public highlight = () => {\n this.setState({ highlighted: true });\n };\n\n public unhighlight = () => {\n this.setState({ highlighted: false });\n };\n\n public select = (event: React.SyntheticEvent<HTMLElement>) => {\n this.handleClick(event as React.MouseEvent<HTMLElement>);\n };\n\n public isEnabled = () => {\n return !this.props.disabled;\n };\n\n public navigate = () => {\n if (!this.props.href) {\n return;\n }\n if (this.props.target) {\n window.open(this.props.href, this.props.target);\n } else {\n location.href = this.props.href;\n }\n };\n\n private getRootSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getIconSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.iconLarge(this.theme);\n case 'medium':\n return styles.iconMedium(this.theme);\n case 'small':\n default:\n return styles.iconSmall(this.theme);\n }\n }\n\n private getWithIconSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.withIconLarge(this.theme);\n case 'medium':\n return styles.withIconMedium(this.theme);\n case 'small':\n default:\n return styles.withIconSmall(this.theme);\n }\n }\n\n private renderMain = () => {\n const {\n link,\n comment,\n icon,\n loose,\n state,\n size,\n _enableIconPadding,\n component,\n onMouseEnter,\n onMouseLeave,\n isMobile,\n href,\n disabled,\n scrollIntoView,\n rel = href && isExternalLink(href) ? 'noopener noreferrer' : this.props.rel,\n isNotSelectable,\n children,\n className: unusedClasses,\n style,\n 'data-tid': dataTid,\n ...rest\n } = this.props;\n\n let iconElement = null;\n if (icon) {\n iconElement = (\n <div\n style={{ top: this.state.iconOffsetTop }}\n className={cx({\n [styles.icon()]: true,\n [this.getIconSizeClassName()]: true,\n })}\n >\n {icon}\n </div>\n );\n }\n\n const className = cx({\n [styles.root(this.theme)]: true,\n [this.getRootSizeClassName()]: true,\n [styles.rootMobile(this.theme)]: isMobile,\n [styles.loose()]: !!loose,\n [styles.hover(this.theme)]: this.isHover,\n [styles.selected(this.theme)]: this.isSelected,\n [styles.link(this.theme)]: !!link,\n [this.getWithIconSizeClassName()]: Boolean(iconElement) \|\| !!_enableIconPadding \|\| this.context.enableIconPadding,\n [styles.disabled(this.theme)]: !!disabled,\n });\n\n let content = children;\n if (isFunction(children)) {\n content = children(this.activeState);\n }\n\n const Component = this.getComponent();\n\n return (\n <CommonWrapper\n rootNodeRef={this.setRootNode}\n {...getVisualStateDataAttributes({\n hover: this.isHover,\n selected: this.isSelected,\n })}\n {...this.props}\n >\n <Component\n ref={this.setRootRef}\n data-tid={MenuItemDataTids.root}\n {...rest}\n disabled={disabled}\n state={this.activeState}\n onMouseOver={this.handleMouseEnterFix}\n onMouseLeave={this.handleMouseLeave}\n onClick={this.handleClick}\n className={className}\n href={href}\n rel={href ? rel : undefined}\n tabIndex={-1}\n >\n {iconElement}\n <span\n className={cx({\n [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n })}\n ref={this.contentRef}\n data-tid={MenuItemDataTids.content}\n >\n {typeof content === 'function' ? content() : content}\n </span>\n {comment && (\n <div\n data-tid={MenuItemDataTids.comment}\n className={cx({\n [styles.comment(this.theme)]: true,\n [styles.commentHover(this.theme)]: this.isHover,\n })}\n >\n {comment}\n </div>\n )}\n </Component>\n </CommonWrapper>\n );\n };\n\n private get activeState() {\n return this.state.highlighted ? 'hover' : this.props.state;\n }\n\n private get isHover(): boolean {\n return (this.state.highlighted \|\| this.props.state === 'hover') && !this.props.disabled;\n }\n\n private get isSelected(): boolean {\n return this.props.state === 'selected' && !this.state.highlighted;\n }\n\n // https://github.com/facebook/react/issues/10109\n // Mouseenter event not triggered when cursor moves from disabled button\n private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n if (!this.mouseEntered) {\n this.mouseEntered = true;\n this.props.onMouseEnter?.(e);\n !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n }\n };\n\n private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n this.mouseEntered = false;\n this.props.onMouseLeave?.(e);\n !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n };\n\n private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (this.props.isNotSelectable) {\n return;\n }\n this.props.onClick?.(e);\n this.context.onItemClick?.(e);\n };\n\n private setRootRef = (element: HTMLElement) => {\n this.rootRef = element;\n };\n\n private getComponent = () => {\n const { disabled, component, href } = this.props;\n\n if (component) {\n return component;\n }\n\n if (disabled) {\n return 'button';\n }\n\n if (href) {\n return 'a';\n }\n\n return 'button';\n };\n\n private hasIconAmongItems = () => {\n return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}

package/components/MenuItem/MenuItem.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-import { MenuContextType } from '../../internal/Menu/MenuContext';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+import type { MenuContextType } from '../../internal/Menu/MenuContext';
 export type MenuItemState = null | 'hover' | 'selected' | void;
 export interface MenuItemProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Omit<CommonProps, 'children'> {
     /** Добавляет отступ иконке.

package/components/MenuItem/MenuItem.md CHANGED Viewed

@@ -65,23 +65,23 @@ import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
 ```jsx harmony
 import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
-import DeviceSmartphoneIcon from '@skbkontur/react-icons/DeviceSmartphone';
-import OkIcon from '@skbkontur/react-icons/Ok';
-import ThumbDownIcon from '@skbkontur/react-icons/ThumbDown';
+import { TechPhoneSmartIcon16Regular } from '@skbkontur/icons/icons/TechPhoneSmartIcon/TechPhoneSmartIcon16Regular';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';
+import { HandThumbDownIcon16Regular } from '@skbkontur/icons/icons/HandThumbDownIcon/HandThumbDownIcon16Regular';
 <DropdownMenu
   caption={<Button use="primary">Открыть меню с иконками</Button>}
   >
-  <MenuItem icon={<OkIcon />}>Базовый элемент меню c иконкой</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>Базовый элемент меню c иконкой</MenuItem>
   <MenuItem
     disabled
-    icon={<ThumbDownIcon />}
+    icon={<HandThumbDownIcon16Regular />}
     >
     Отключённый элемент меню с иконкой
   </MenuItem>
   <MenuItem
-    icon={<DeviceSmartphoneIcon />}
+    icon={<TechPhoneSmartIcon16Regular />}
     comment="А слева вы можете видеть икону 21-го века"
     >
      Элемент меню с описанием и иконкой

package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","resetButton","iconSizeMixin","menuItemSizeMixin","withIconSizeMixin","getMenuItemPaddings","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","_templateObject2","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","_templateObject3","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","_templateObject4","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","_templateObject5","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","_templateObject6","menuItemHoverBg","menuItemHoverColor","selected","_templateObject7","menuItemSelectedBg","disabled","_templateObject8","menuItemDisabledBg","menuItemDisabledColor","link","_templateObject9","menuItemLinkColor","loose","_templateObject10","withIconSmall","_templateObject11","menuItemPaddingForIconSmall","withIconMedium","_templateObject12","menuItemPaddingForIconMedium","withIconLarge","_templateObject13","menuItemPaddingForIconLarge","comment","_templateObject14","menuItemCommentColor","menuItemCommentOpacity","commentHover","_templateObject15","menuItemCommentColorHover","icon","_templateObject16","iconSmall","_templateObject17","menuItemIconWidthSmall","iconMedium","_templateObject18","menuItemIconWidthMedium","iconLarge","_templateObject19","menuItemIconWidthLarge","mobileContentWithIcon","_templateObject20"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n menuItemPaddingX,\n menuItemPaddingY,\n}: Record<'menuItemPaddingX' \| 'menuItemPaddingY', string>) => {\n const paddingX = menuItemPaddingX;\n const paddingY = menuItemPaddingY;\n\n return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n\n cursor: pointer;\n display: ${t.menuItemDisplay};\n position: relative;\n text-decoration: none;\n color: ${t.menuItemTextColor};\n border-radius: ${t.menuItemBorderRadius};\n\n button& {\n min-width: 100%;\n }\n\n &:nth-last-of-type(n + 2) {\n margin-bottom: ${t.menuItemGap};\n }\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXSmall,\n t.menuItemPaddingYSmall,\n t.menuItemLineHeightSmall,\n t.menuItemFontSizeSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXMedium,\n t.menuItemPaddingYMedium,\n t.menuItemLineHeightMedium,\n t.menuItemFontSizeMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXLarge,\n t.menuItemPaddingYLarge,\n t.menuItemLineHeightLarge,\n t.menuItemFontSizeLarge,\n )};\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n font-size: ${t.menuItemFontSizeMobile};\n line-height: ${t.menuItemLineHeightMobile};\n padding: ${t.menuItemPaddingMobile};\n `;\n },\n\n hover(t: Theme) {\n // Color with !important in purpose to override `a:hover`\n return css`\n background: ${t.menuItemHoverBg} !important;\n color: ${t.menuItemHoverColor} !important;\n `;\n },\n selected(t: Theme) {\n return css`\n background: ${t.menuItemSelectedBg} !important;\n `;\n },\n disabled(t: Theme) {\n return css`\n background: ${t.menuItemDisabledBg};\n color: ${t.menuItemDisabledColor};\n cursor: default;\n `;\n },\n link(t: Theme) {\n return css`\n color: ${t.menuItemLinkColor};\n `;\n },\n loose() {\n return css`\n padding-left: 15px;\n `;\n },\n withIconSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withIconMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withIconLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n comment(t: Theme) {\n return css`\n color: ${t.menuItemCommentColor};\n opacity: ${t.menuItemCommentOpacity};\n white-space: normal;\n padding-top: 4px;\n `;\n },\n commentHover(t: Theme) {\n return css`\n color: ${t.menuItemCommentColorHover};\n opacity: 0.6;\n `;\n },\n icon() {\n return css`\n display: inline-block;\n position: absolute;\n transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n `;\n },\n iconSmall(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n `;\n },\n mobileContentWithIcon() {\n return css`\n margin-left: 8px;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","resetButton","iconSizeMixin","menuItemSizeMixin","withIconSizeMixin","getMenuItemPaddings","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","_templateObject2","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","_templateObject3","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","_templateObject4","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","_templateObject5","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","_templateObject6","menuItemHoverBg","menuItemHoverColor","selected","_templateObject7","menuItemSelectedBg","disabled","_templateObject8","menuItemDisabledBg","menuItemDisabledColor","link","_templateObject9","menuItemLinkColor","loose","_templateObject10","withIconSmall","_templateObject11","menuItemPaddingForIconSmall","withIconMedium","_templateObject12","menuItemPaddingForIconMedium","withIconLarge","_templateObject13","menuItemPaddingForIconLarge","comment","_templateObject14","menuItemCommentColor","menuItemCommentOpacity","commentHover","_templateObject15","menuItemCommentColorHover","icon","_templateObject16","iconSmall","_templateObject17","menuItemIconWidthSmall","iconMedium","_templateObject18","menuItemIconWidthMedium","iconLarge","_templateObject19","menuItemIconWidthLarge","mobileContentWithIcon","_templateObject20"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n menuItemPaddingX,\n menuItemPaddingY,\n}: Record<'menuItemPaddingX' \| 'menuItemPaddingY', string>) => {\n const paddingX = menuItemPaddingX;\n const paddingY = menuItemPaddingY;\n\n return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n\n cursor: pointer;\n display: ${t.menuItemDisplay};\n position: relative;\n text-decoration: none;\n color: ${t.menuItemTextColor};\n border-radius: ${t.menuItemBorderRadius};\n\n button& {\n min-width: 100%;\n }\n\n &:nth-last-of-type(n + 2) {\n margin-bottom: ${t.menuItemGap};\n }\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXSmall,\n t.menuItemPaddingYSmall,\n t.menuItemLineHeightSmall,\n t.menuItemFontSizeSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXMedium,\n t.menuItemPaddingYMedium,\n t.menuItemLineHeightMedium,\n t.menuItemFontSizeMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXLarge,\n t.menuItemPaddingYLarge,\n t.menuItemLineHeightLarge,\n t.menuItemFontSizeLarge,\n )};\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n font-size: ${t.menuItemFontSizeMobile};\n line-height: ${t.menuItemLineHeightMobile};\n padding: ${t.menuItemPaddingMobile};\n `;\n },\n\n hover(t: Theme) {\n // Color with !important in purpose to override `a:hover`\n return css`\n background: ${t.menuItemHoverBg} !important;\n color: ${t.menuItemHoverColor} !important;\n `;\n },\n selected(t: Theme) {\n return css`\n background: ${t.menuItemSelectedBg} !important;\n `;\n },\n disabled(t: Theme) {\n return css`\n background: ${t.menuItemDisabledBg};\n color: ${t.menuItemDisabledColor};\n cursor: default;\n `;\n },\n link(t: Theme) {\n return css`\n color: ${t.menuItemLinkColor};\n `;\n },\n loose() {\n return css`\n padding-left: 15px;\n `;\n },\n withIconSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withIconMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withIconLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n comment(t: Theme) {\n return css`\n color: ${t.menuItemCommentColor};\n opacity: ${t.menuItemCommentOpacity};\n white-space: normal;\n padding-top: 4px;\n `;\n },\n commentHover(t: Theme) {\n return css`\n color: ${t.menuItemCommentColorHover};\n opacity: 0.6;\n `;\n },\n icon() {\n return css`\n display: inline-block;\n position: absolute;\n transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n `;\n },\n iconSmall(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n `;\n },\n mobileContentWithIcon() {\n return css`\n margin-left: 8px;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/MenuItem/MenuItem.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
     paddingX: string;
     paddingY: string;

package/components/MenuItem/__docs__/MenuItem.mdx CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as MenuItemStories from './MenuItem.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 <Meta of={MenuItemStories} />
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 ## Пропы
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 ## Примеры использования

package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","cx","ThemeContext","CommonWrapper","ResponsiveLayout","styles","MenuSeparatorDataTids","root","MenuSeparator","props","theme","createElement","_ref","_cx","isMobile","className","rootMobile","__KONTUR_REACT_UI__","displayName"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n root: 'MenuSeparator__root',\n} as const;\n\n/*\n `MenuSeparator` добавляет разделительную линию между элементами меню.\n \n Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n const theme = useContext(ThemeContext);\n\n return (\n <CommonWrapper {...props}>\n <ResponsiveLayout>\n {({ isMobile }) => {\n return (\n <div\n data-tid={MenuSeparatorDataTids.root}\n className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n />\n );\n }}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC~~;AAC7D~~,~~SAAsBC~~,aAAa,QAAQ,8BAA8B;~~AACzE~~,SAASC,gBAAgB,QAAQ,qBAAqB;;AAEtD,SAASC,MAAM,QAAQ,wBAAwB;;;;AAI/C,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAChD,IAAMC,KAAK,GAAGV,UAAU,CAACE,YAAY,CAAC;;EAEtC;IACEH,KAAA,CAAAY,aAAA,CAACR,aAAa,EAAKM,KAAK;IACtBV,KAAA,CAAAY,aAAA,CAACP,gBAAgB;IACd,UAAAQ,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACV;QACEf,KAAA,CAAAY,aAAA;UACE,YAAUL,qBAAqB,CAACC,IAAK;UACrCQ,SAAS,EAAEd,EAAE,EAAAY,GAAA,OAAAA,GAAA,CAAIR,MAAM,CAACE,IAAI,CAACG,KAAK,CAAC,IAAG,IAAI,EAAAG,GAAA,CAAGR,MAAM,CAACW,UAAU,CAACN,KAAK,CAAC,IAAGI,QAAQ,EAAAD,GAAA,CAAE,CAAE;QACrF,CAAC;;IAEN;IACgB;IACL,CAAC;;AAEpB;;AAEAL,aAAa,CAACS,mBAAmB,GAAG,eAAe;AACnDT,aAAa,CAACU,WAAW,GAAG,eAAe;;AAE3C,SAASV,aAAa","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","cx","ThemeContext","CommonWrapper","ResponsiveLayout","styles","MenuSeparatorDataTids","root","MenuSeparator","props","theme","createElement","_ref","_cx","isMobile","className","rootMobile","__KONTUR_REACT_UI__","displayName"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n root: 'MenuSeparator__root',\n} as const;\n\n/*\n `MenuSeparator` добавляет разделительную линию между элементами меню.\n \n Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n const theme = useContext(ThemeContext);\n\n return (\n <CommonWrapper {...props}>\n <ResponsiveLayout>\n {({ isMobile }) => {\n return (\n <div\n data-tid={MenuSeparatorDataTids.root}\n className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n />\n );\n }}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,gBAAgB,QAAQ,qBAAqB;;AAEtD,SAASC,MAAM,QAAQ,wBAAwB;;;;AAI/C,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAChD,IAAMC,KAAK,GAAGV,UAAU,CAACE,YAAY,CAAC;;EAEtC;IACEH,KAAA,CAAAY,aAAA,CAACR,aAAa,EAAKM,KAAK;IACtBV,KAAA,CAAAY,aAAA,CAACP,gBAAgB;IACd,UAAAQ,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACV;QACEf,KAAA,CAAAY,aAAA;UACE,YAAUL,qBAAqB,CAACC,IAAK;UACrCQ,SAAS,EAAEd,EAAE,EAAAY,GAAA,OAAAA,GAAA,CAAIR,MAAM,CAACE,IAAI,CAACG,KAAK,CAAC,IAAG,IAAI,EAAAG,GAAA,CAAGR,MAAM,CAACW,UAAU,CAACN,KAAK,CAAC,IAAGI,QAAQ,EAAAD,GAAA,CAAE,CAAE;QACrF,CAAC;;IAEN;IACgB;IACL,CAAC;;AAEpB;;AAEAL,aAAa,CAACS,mBAAmB,GAAG,eAAe;AACnDT,aAAa,CAACU,WAAW,GAAG,eAAe;;AAE3C,SAASV,aAAa","ignoreList":[]}

package/components/MenuSeparator/MenuSeparator.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
+import type { CommonProps } from '../../internal/CommonWrapper';
 export type MenuSeparatorProps = CommonProps;
 export declare const MenuSeparatorDataTids: {
     readonly root: "MenuSeparator__root";

package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","_templateObject2","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n border-radius: 1px;\n `;\n },\n});\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACEF,CAAC,CAACG,oBAAoB,EAAIH,CAAC,CAACI,oBAAoB;IAC5CJ,CAAC,CAACK,wBAAwB,EAAUL,CAAC,CAACM,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACEF,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","_templateObject2","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n border-radius: 1px;\n `;\n },\n});\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACEF,CAAC,CAACG,oBAAoB,EAAIH,CAAC,CAACI,oBAAoB;IAC5CJ,CAAC,CAACK,wBAAwB,EAAUL,CAAC,CAACM,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACEF,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}

package/components/MenuSeparator/MenuSeparator.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
     rootMobile(t: Theme): string;

package/components/MenuSeparator/__docs__/MenuSeparator.mdx CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as MenuSeparatorStories from './MenuSeparator.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 <Meta of={MenuSeparatorStories} />
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 ## Пропы
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 ## Примеры использования

package/components/MiniModal/MiniModal/MiniModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","Modal","ThemeContext","forwardRefAndName","getMiniModalTheme","MiniModalFooter","MiniModalHeader","MiniModalBody","MiniModalIndent","MiniModalDataTids","icon","title","description","actions","indent","MiniModal","_ref","ref","children","propsTheme","theme","rest","_objectWithoutPropertiesLoose","_excluded","contextTheme","createElement","Provider","value","_extends","width","noClose","Header","Footer","Indent","Body"],"sources":["MiniModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ~~ModalProps~~ } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n icon: 'MiniModal__icon',\n title: 'MiniModal__title',\n description: 'MiniModal__description',\n actions: 'MiniModal__actions',\n indent: 'MiniModal__indent',\n} as const;\n\n/*\n `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.\n * Закрытие окна по клику на фон или \"крестик\" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие \"Сохранить\", \"Подтвердить\" и т.п.\n \n По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.\n */\nexport const MiniModal = forwardRefAndName<\n Modal,\n ModalProps,\n {\n Header: typeof MiniModalHeader;\n Indent: typeof MiniModalIndent;\n Footer: typeof MiniModalFooter;\n Body: typeof MiniModalBody;\n }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n const contextTheme = useContext(ThemeContext);\n\n return (\n <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n <Modal width={400} noClose ref={ref} {...rest}>\n {children}\n </Modal>\n </ThemeContext.Provider>\n );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"],"mappings":"oMAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO~~;;AAEzC~~,SAASC,KAAK,~~QAAoB~~,UAAU;~~AAC5C~~,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD,OAAO,IAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,wBAAwB;EACrCC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE;AACV,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAGZ,iBAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAa,IAAA,EAA2CC,GAAG,EAAK,KAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAiBC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACpD,IAAMC,YAAY,GAAGxB,UAAU,CAACE,YAAY,CAAC;;IAE7C;MACEH,KAAA,CAAA0B,aAAA,CAACvB,YAAY,CAACwB,QAAQ,IAACC,KAAK,EAAEvB,iBAAiB,CAACoB,YAAY,EAAEL,UAAU,CAAE;MACxEpB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,EAAA2B,QAAA,GAACC,KAAK,EAAE,GAAI,EAACC,OAAO,QAACb,GAAG,EAAEA,GAAI,IAAKI,IAAI;MAC1CH;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFH,SAAS,CAACgB,MAAM,GAAGzB,eAAe;AAClCS,SAAS,CAACiB,MAAM,GAAG3B,eAAe;AAClCU,SAAS,CAACkB,MAAM,GAAGzB,eAAe;AAClCO,SAAS,CAACmB,IAAI,GAAG3B,aAAa","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","Modal","ThemeContext","forwardRefAndName","getMiniModalTheme","MiniModalFooter","MiniModalHeader","MiniModalBody","MiniModalIndent","MiniModalDataTids","icon","title","description","actions","indent","MiniModal","_ref","ref","children","propsTheme","theme","rest","_objectWithoutPropertiesLoose","_excluded","contextTheme","createElement","Provider","value","_extends","width","noClose","Header","Footer","Indent","Body"],"sources":["MiniModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport type { ModalProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n icon: 'MiniModal__icon',\n title: 'MiniModal__title',\n description: 'MiniModal__description',\n actions: 'MiniModal__actions',\n indent: 'MiniModal__indent',\n} as const;\n\n/*\n `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.\n * Закрытие окна по клику на фон или \"крестик\" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие \"Сохранить\", \"Подтвердить\" и т.п.\n \n По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.\n */\nexport const MiniModal = forwardRefAndName<\n Modal,\n ModalProps,\n {\n Header: typeof MiniModalHeader;\n Indent: typeof MiniModalIndent;\n Footer: typeof MiniModalFooter;\n Body: typeof MiniModalBody;\n }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n const contextTheme = useContext(ThemeContext);\n\n return (\n <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n <Modal width={400} noClose ref={ref} {...rest}>\n {children}\n </Modal>\n </ThemeContext.Provider>\n );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"],"mappings":"oMAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD,OAAO,IAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,wBAAwB;EACrCC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE;AACV,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAGZ,iBAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAa,IAAA,EAA2CC,GAAG,EAAK,KAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAiBC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACpD,IAAMC,YAAY,GAAGxB,UAAU,CAACE,YAAY,CAAC;;IAE7C;MACEH,KAAA,CAAA0B,aAAA,CAACvB,YAAY,CAACwB,QAAQ,IAACC,KAAK,EAAEvB,iBAAiB,CAACoB,YAAY,EAAEL,UAAU,CAAE;MACxEpB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,EAAA2B,QAAA,GAACC,KAAK,EAAE,GAAI,EAACC,OAAO,QAACb,GAAG,EAAEA,GAAI,IAAKI,IAAI;MAC1CH;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFH,SAAS,CAACgB,MAAM,GAAGzB,eAAe;AAClCS,SAAS,CAACiB,MAAM,GAAG3B,eAAe;AAClCU,SAAS,CAACkB,MAAM,GAAGzB,eAAe;AAClCO,SAAS,CAACmB,IAAI,GAAG3B,aAAa","ignoreList":[]}

package/components/MiniModal/MiniModal.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Modal, ModalProps } from '../Modal';
+import type { ModalProps } from '../Modal';
+import { Modal } from '../Modal';
 import { MiniModalFooter } from './MiniModalFooter';
 import { MiniModalHeader } from './MiniModalHeader';
 import { MiniModalBody } from './MiniModalBody';

package/components/MiniModal/MiniModal.styles/MiniModal.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","globalClasses","buttonGlobalClasses","styles","icon","_templateObject","_taggedTemplateLiteralLoose","description","_templateObject2","title","_templateObject3","titleWithIcon","t","_templateObject4","miniModalTitleMarginTop","actions","_templateObject5","root","actionsIndent","_templateObject6","miniModalCancelIndent","actionsRow","_templateObject7","miniModalActionGap","actionsColumn","_templateObject8"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const styles = memoizeStyle({\n icon() {\n return css`\n text-align: center;\n `;\n },\n\n description() {\n return css`\n text-align: center;\n `;\n },\n\n title() {\n return css`\n text-align: center;\n `;\n },\n\n titleWithIcon(t: Theme) {\n return css`\n margin-top: ${t.miniModalTitleMarginTop};\n `;\n },\n\n actions() {\n return css`\n display: flex;\n justify-content: stretch;\n text-align: center;\n\n .${buttonGlobalClasses.root} {\n width: 100%;\n }\n `;\n },\n\n actionsIndent(t: Theme) {\n return css`\n padding: ${t.miniModalCancelIndent} 0;\n `;\n },\n\n actionsRow(t: Theme) {\n return css`\n flex-direction: row;\n > :nth-of-type(1) {\n margin-right: calc(${t.miniModalActionGap} / 2);\n }\n > :nth-of-type(2) {\n margin-left: calc(${t.miniModalActionGap} / 2);\n }\n `;\n },\n\n actionsColumn(t: Theme) {\n return css`\n flex-direction: column;\n > :nth-of-type(2) {\n margin-top: ${t.miniModalActionGap};\n }\n > :nth-of-type(3) {\n margin-top: ${t.miniModalActionGap};\n }\n `;\n },\n});\n"],"mappings":"kPAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,aAAa,IAAIC,mBAAmB,QAAQ,yBAAyB;;AAE9E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,aAAa,WAAAA,cAACC,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACMM,CAAC,CAACE,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;;IAKLJ,mBAAmB,CAACe,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACGM,CAAC,CAACQ,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,OAAOb,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;IAGeM,CAAC,CAACW,kBAAkB;;;IAGrBX,CAAC,CAACW,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAACZ,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;IAGQM,CAAC,CAACW,kBAAkB;;;IAGpBX,CAAC,CAACW,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","globalClasses","buttonGlobalClasses","styles","icon","_templateObject","_taggedTemplateLiteralLoose","description","_templateObject2","title","_templateObject3","titleWithIcon","t","_templateObject4","miniModalTitleMarginTop","actions","_templateObject5","root","actionsIndent","_templateObject6","miniModalCancelIndent","actionsRow","_templateObject7","miniModalActionGap","actionsColumn","_templateObject8"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const styles = memoizeStyle({\n icon() {\n return css`\n text-align: center;\n `;\n },\n\n description() {\n return css`\n text-align: center;\n `;\n },\n\n title() {\n return css`\n text-align: center;\n `;\n },\n\n titleWithIcon(t: Theme) {\n return css`\n margin-top: ${t.miniModalTitleMarginTop};\n `;\n },\n\n actions() {\n return css`\n display: flex;\n justify-content: stretch;\n text-align: center;\n\n .${buttonGlobalClasses.root} {\n width: 100%;\n }\n `;\n },\n\n actionsIndent(t: Theme) {\n return css`\n padding: ${t.miniModalCancelIndent} 0;\n `;\n },\n\n actionsRow(t: Theme) {\n return css`\n flex-direction: row;\n > :nth-of-type(1) {\n margin-right: calc(${t.miniModalActionGap} / 2);\n }\n > :nth-of-type(2) {\n margin-left: calc(${t.miniModalActionGap} / 2);\n }\n `;\n },\n\n actionsColumn(t: Theme) {\n return css`\n flex-direction: column;\n > :nth-of-type(2) {\n margin-top: ${t.miniModalActionGap};\n }\n > :nth-of-type(3) {\n margin-top: ${t.miniModalActionGap};\n }\n `;\n },\n});\n"],"mappings":"kPAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,aAAa,IAAIC,mBAAmB,QAAQ,yBAAyB;;AAE9E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,aAAa,WAAAA,cAACC,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACMM,CAAC,CAACE,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;;IAKLJ,mBAAmB,CAACe,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACGM,CAAC,CAACQ,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,OAAOb,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;IAGeM,CAAC,CAACW,kBAAkB;;;IAGrBX,CAAC,CAACW,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAACZ,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;IAGQM,CAAC,CAACW,kBAAkB;;;IAGpBX,CAAC,CAACW,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModal.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     icon(): string;
     description(): string;

package/components/MiniModal/MiniModalBody/MiniModalBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","forwardRefAndName","Modal","MiniModalDataTids","styles","MiniModalBody","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","Body","description","className"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { Modal, ~~ModalBodyProps~~ } from '../Modal';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { styles } from './MiniModal.styles';\n\n/*\n Обёртка над Modal.Body\n \n @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n 'MiniModalBody',\n ({ children, ...rest }, ref) => {\n return (\n <Modal.Body {...rest}>\n <div data-tid={MiniModalDataTids.description} ref={ref} className={styles.description()}>\n {children}\n </div>\n </Modal.Body>\n );\n },\n);\n"],"mappings":"iIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,6BAA6B~~;AAC~~/D,SAASC,KAAK,~~QAAwB~~,UAAU;;~~AAEhD~~,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGJ,iBAAiB;EAC5C,eAAe;EACf,UAAAK,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB;MACEX,KAAA,CAAAY,aAAA,CAACV,KAAK,CAACW,IAAI,EAAKJ,IAAI;MAClBT,KAAA,CAAAY,aAAA,UAAK,YAAUT,iBAAiB,CAACW,WAAY,EAACP,GAAG,EAAEA,GAAI,EAACQ,SAAS,EAAEX,MAAM,CAACU,WAAW,CAAC,CAAE;MACrFN;MACE;MACK,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","forwardRefAndName","Modal","MiniModalDataTids","styles","MiniModalBody","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","Body","description","className"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type { ModalBodyProps } from '../Modal';\nimport { Modal } from '../Modal';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { styles } from './MiniModal.styles';\n\n/*\n Обёртка над Modal.Body\n \n @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n 'MiniModalBody',\n ({ children, ...rest }, ref) => {\n return (\n <Modal.Body {...rest}>\n <div data-tid={MiniModalDataTids.description} ref={ref} className={styles.description()}>\n {children}\n </div>\n </Modal.Body>\n );\n },\n);\n"],"mappings":"iIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,KAAK,QAAQ,UAAU;;AAEhC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGJ,iBAAiB;EAC5C,eAAe;EACf,UAAAK,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB;MACEX,KAAA,CAAAY,aAAA,CAACV,KAAK,CAACW,IAAI,EAAKJ,IAAI;MAClBT,KAAA,CAAAY,aAAA,UAAK,YAAUT,iBAAiB,CAACW,WAAY,EAACP,GAAG,EAAEA,GAAI,EAACQ,SAAS,EAAEX,MAAM,CAACU,WAAW,CAAC,CAAE;MACrFN;MACE;MACK,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalBody.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ModalBodyProps } from '../Modal';
+import type { ModalBodyProps } from '../Modal';
 /**
  * Обёртка над Modal.Body
  *

package/components/MiniModal/MiniModalFooter/MiniModalFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","Modal","forwardRefAndName","ThemeContext","cx","styles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","childrenCount","Children","count","_direction","createElement","Footer","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ~~ModalFooterProps~~ } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n * @default row /\n direction?: 'row' \| 'column';\n}\n\n/\n Обёртка над Modal.Footer\n \n @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n 'MiniModalFooter',\n ({ direction = 'row', children, ...rest }, ref) => {\n const theme = useContext(ThemeContext);\n\n const childrenCount = React.Children.count(children);\n const _direction = childrenCount > 2 \|\| childrenCount === 1 ? 'column' : direction;\n\n return (\n <Modal.Footer {...rest}>\n <div\n ref={ref}\n data-tid={MiniModalDataTids.actions}\n className={cx(\n styles.actions(),\n _direction === 'row' && styles.actionsRow(theme),\n _direction === 'column' && styles.actionsColumn(theme),\n )}\n >\n {children}\n </div>\n </Modal.Footer>\n );\n },\n);\n"],"mappings":"8IAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO~~;;AAEzC~~,SAASC,KAAK,~~QAA0B~~,UAAU;~~AAClD~~,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGL,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAM,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACrC,IAAMC,KAAK,GAAGhB,UAAU,CAACG,YAAY,CAAC;;IAEtC,IAAMc,aAAa,GAAGlB,KAAK,CAACmB,QAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC;IACpD,IAAMQ,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGN,SAAS;;IAElF;MACEZ,KAAA,CAAAsB,aAAA,CAACpB,KAAK,CAACqB,MAAM,EAAKT,IAAI;MACpBd,KAAA,CAAAsB,aAAA;QACEZ,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACiB,OAAQ;QACpCC,SAAS,EAAEpB,EAAE;UACXC,MAAM,CAACkB,OAAO,CAAC,CAAC;UAChBH,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACoB,UAAU,CAACT,KAAK,CAAC;UAChDI,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACqB,aAAa,CAACV,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","Modal","forwardRefAndName","ThemeContext","cx","styles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","childrenCount","Children","count","_direction","createElement","Footer","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport type { ModalFooterProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n * @default row /\n direction?: 'row' \| 'column';\n}\n\n/\n Обёртка над Modal.Footer\n \n @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n 'MiniModalFooter',\n ({ direction = 'row', children, ...rest }, ref) => {\n const theme = useContext(ThemeContext);\n\n const childrenCount = React.Children.count(children);\n const _direction = childrenCount > 2 \|\| childrenCount === 1 ? 'column' : direction;\n\n return (\n <Modal.Footer {...rest}>\n <div\n ref={ref}\n data-tid={MiniModalDataTids.actions}\n className={cx(\n styles.actions(),\n _direction === 'row' && styles.actionsRow(theme),\n _direction === 'column' && styles.actionsColumn(theme),\n )}\n >\n {children}\n </div>\n </Modal.Footer>\n );\n },\n);\n"],"mappings":"8IAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGL,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAM,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACrC,IAAMC,KAAK,GAAGhB,UAAU,CAACG,YAAY,CAAC;;IAEtC,IAAMc,aAAa,GAAGlB,KAAK,CAACmB,QAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC;IACpD,IAAMQ,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGN,SAAS;;IAElF;MACEZ,KAAA,CAAAsB,aAAA,CAACpB,KAAK,CAACqB,MAAM,EAAKT,IAAI;MACpBd,KAAA,CAAAsB,aAAA;QACEZ,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACiB,OAAQ;QACpCC,SAAS,EAAEpB,EAAE;UACXC,MAAM,CAACkB,OAAO,CAAC,CAAC;UAChBH,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACoB,UAAU,CAACT,KAAK,CAAC;UAChDI,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACqB,aAAa,CAACV,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalFooter.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ModalFooterProps } from '../Modal';
+import type { ModalFooterProps } from '../Modal';
 interface MiniModalFooterProps extends ModalFooterProps {
     /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.
      * @default row */