@consta/uikit 5.6.1 → 5.7.0

package/__internal__/src/components/Chips/Chips.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemActive","getItemDisabled","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemLabel","getItemRef","getItemStatus","className","interactive","onItemClick","onItemRightIconClick","activeView","size","disabled"];import"./Chips.css";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{ChipsItem}from"./ChipsItem";import{withDefaultGetters}from"./helpers";var cnChips=cn("Chips"),ChipsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.getItemActive,f=c.getItemDisabled,g=c.getItemAs,h=c.getItemAttributes,i=c.getItemIconLeft,j=c.getItemIconRight,k=c.getItemLabel,l=c.getItemRef,m=c.getItemStatus,n=c.className,o=c.interactive,p=c.onItemClick,q=c.onItemRightIconClick,r=c.activeView,s=c.size,t=c.disabled,u=_objectWithoutProperties(c,_excluded);return React.createElement("div",Object.assign({},u,{ref:b,className:cnChips(null,[n])}),d.map(function(a,b){var c=f(a)||void 0!==t&&t;return React.createElement(ChipsItem,Object.assign({},h(a),{key:b,size:s,activeView:r,onClick:p&&!c?function(b){return p(a,{e:b})}:void 0,onRightIconClick:q&&c?function(b){return q(a,{e:b})}:void 0,label:k(a),as:g(a),active:e(a),iconLeft:i(a),iconRight:j(a),ref:l(a),status:m(a),interactive:!c&&o,disabled:c}))}))};export var Chips=forwardRef(ChipsRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemActive","getItemDisabled","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemLabel","getItemRef","getItemStatus","className","interactive","onItemClick","onItemRightIconClick","activeView","size","disabled"];import"./Chips.css";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{ChipsItem}from"./ChipsItem";import{withDefaultGetters}from"./helpers";var cnChips=cn("Chips"),ChipsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.getItemActive,f=c.getItemDisabled,g=c.getItemAs,h=c.getItemAttributes,i=c.getItemIconLeft,j=c.getItemIconRight,k=c.getItemLabel,l=c.getItemRef,m=c.getItemStatus,n=c.className,o=c.interactive,p=c.onItemClick,q=c.onItemRightIconClick,r=c.activeView,s=c.size,t=c.disabled,u=_objectWithoutProperties(c,_excluded);return React.createElement("div",Object.assign({},u,{ref:b,className:cnChips(null,[n])}),d.map(function(a,b){var c=f(a)||void 0!==t&&t;return React.createElement(ChipsItem,Object.assign({},h(a),{key:b,size:s,activeView:r,onClick:p&&!c?function(b){return p(a,{e:b})}:void 0,onRightIconClick:q&&!c?function(b){return q(a,{e:b})}:void 0,label:k(a),as:g(a),active:e(a),iconLeft:i(a),iconRight:j(a),ref:l(a),status:m(a),interactive:!c&&o,disabled:c}))}))};export var Chips=forwardRef(ChipsRender);
 //# sourceMappingURL=Chips.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","names":["React","forwardRef","cn","ChipsItem","withDefaultGetters","cnChips","ChipsRender","props","ref","items","getItemActive","getItemDisabled","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemLabel","getItemRef","getItemStatus","className","interactive","onItemClick","onItemRightIconClick","activeView","size","disabled","otherProps","map","item","index","itemDisabled","e","Chips"],"sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import './Chips.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { ChipsItem } from './ChipsItem';\nimport { withDefaultGetters } from './helpers';\nimport { ChipsComponent, ChipsProps } from './types';\n\nconst cnChips = cn('Chips');\n\nconst ChipsRender = (props: ChipsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    items,\n    getItemActive,\n    getItemDisabled,\n    getItemAs,\n    getItemAttributes,\n    getItemIconLeft,\n    getItemIconRight,\n    getItemLabel,\n    getItemRef,\n    getItemStatus,\n    className,\n    interactive,\n    onItemClick,\n    onItemRightIconClick,\n    activeView,\n    size,\n    disabled = false,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <div {...otherProps} ref={ref} className={cnChips(null, [className])}>\n      {items.map((item, index) => {\n        const itemDisabled = getItemDisabled(item) || disabled;\n        return (\n          <ChipsItem\n            {...getItemAttributes(item)}\n            key={index}\n            size={size}\n            activeView={activeView}\n            onClick={\n              onItemClick && !itemDisabled\n                ? (e: React.MouseEvent) => onItemClick(item, { e })\n                : undefined\n            }\n            onRightIconClick={\n              onItemRightIconClick && itemDisabled\n                ? (e: React.MouseEvent) => onItemRightIconClick(item, { e })\n                : undefined\n            }\n            label={getItemLabel(item)}\n            as={getItemAs(item)}\n            active={getItemActive(item)}\n            iconLeft={getItemIconLeft(item)}\n            iconRight={getItemIconRight(item)}\n            ref={getItemRef(item)}\n            status={getItemStatus(item)}\n            interactive={!itemDisabled && interactive}\n            disabled={itemDisabled}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const Chips = forwardRef(ChipsRender) as ChipsComponent;\n"],"mappings":"8VAAA,oBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,uBAEA,OAASC,SAAT,mBACA,OAASC,kBAAT,iB,GAGMC,QAAO,CAAGH,EAAE,CAAC,OAAD,C,CAEZI,WAAW,CAAG,SAACC,CAAD,CAAoBC,CAApB,CAAuD,CACzE,MAmBIJ,kBAAkB,CAACG,CAAD,CAnBtB,CACEE,CADF,GACEA,KADF,CAEEC,CAFF,GAEEA,aAFF,CAGEC,CAHF,GAGEA,eAHF,CAIEC,CAJF,GAIEA,SAJF,CAKEC,CALF,GAKEA,iBALF,CAMEC,CANF,GAMEA,eANF,CAOEC,CAPF,GAOEA,gBAPF,CAQEC,CARF,GAQEA,YARF,CASEC,CATF,GASEA,UATF,CAUEC,CAVF,GAUEA,aAVF,CAWEC,CAXF,GAWEA,SAXF,CAYEC,CAZF,GAYEA,WAZF,CAaEC,CAbF,GAaEA,WAbF,CAcEC,CAdF,GAcEA,oBAdF,CAeEC,CAfF,GAeEA,UAfF,CAgBEC,CAhBF,GAgBEA,IAhBF,KAiBEC,QAjBF,CAkBKC,CAlBL,uCAqBA,MACE,4CAASA,CAAT,EAAqB,GAAG,CAAElB,CAA1B,CAA+B,SAAS,CAAEH,OAAO,CAAC,IAAD,CAAO,CAACc,CAAD,CAAP,CAAjD,GACGV,CAAK,CAACkB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAC1B,GAAMC,EAAY,CAAGnB,CAAe,CAACiB,CAAD,CAAf,eAArB,CACA,MACE,qBAAC,SAAD,kBACMf,CAAiB,CAACe,CAAD,CADvB,EAEE,GAAG,CAAEC,CAFP,CAGE,IAAI,CAAEL,CAHR,CAIE,UAAU,CAAED,CAJd,CAKE,OAAO,CACLF,CAAW,EAAI,CAACS,CAAhB,CACI,SAACC,CAAD,QAAyBV,EAAW,CAACO,CAAD,CAAO,CAAEG,CAAC,CAADA,CAAF,CAAP,CAApC,CADJ,OANJ,CAUE,gBAAgB,CACdT,CAAoB,EAAIQ,CAAxB,CACI,SAACC,CAAD,QAAyBT,EAAoB,CAACM,CAAD,CAAO,CAAEG,CAAC,CAADA,CAAF,CAAP,CAA7C,CADJ,OAXJ,CAeE,KAAK,CAAEf,CAAY,CAACY,CAAD,CAfrB,CAgBE,EAAE,CAAEhB,CAAS,CAACgB,CAAD,CAhBf,CAiBE,MAAM,CAAElB,CAAa,CAACkB,CAAD,CAjBvB,CAkBE,QAAQ,CAAEd,CAAe,CAACc,CAAD,CAlB3B,CAmBE,SAAS,CAAEb,CAAgB,CAACa,CAAD,CAnB7B,CAoBE,GAAG,CAAEX,CAAU,CAACW,CAAD,CApBjB,CAqBE,MAAM,CAAEV,CAAa,CAACU,CAAD,CArBvB,CAsBE,WAAW,CAAE,CAACE,CAAD,EAAiBV,CAtBhC,CAuBE,QAAQ,CAAEU,CAvBZ,GA0BH,CA7BA,CADH,CAiCH,C,CAED,MAAO,IAAME,MAAK,CAAG/B,UAAU,CAACK,WAAD,CAAxB"}
+{"version":3,"file":"Chips.js","names":["React","forwardRef","cn","ChipsItem","withDefaultGetters","cnChips","ChipsRender","props","ref","items","getItemActive","getItemDisabled","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemLabel","getItemRef","getItemStatus","className","interactive","onItemClick","onItemRightIconClick","activeView","size","disabled","otherProps","map","item","index","itemDisabled","e","Chips"],"sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import './Chips.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { ChipsItem } from './ChipsItem';\nimport { withDefaultGetters } from './helpers';\nimport { ChipsComponent, ChipsProps } from './types';\n\nconst cnChips = cn('Chips');\n\nconst ChipsRender = (props: ChipsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    items,\n    getItemActive,\n    getItemDisabled,\n    getItemAs,\n    getItemAttributes,\n    getItemIconLeft,\n    getItemIconRight,\n    getItemLabel,\n    getItemRef,\n    getItemStatus,\n    className,\n    interactive,\n    onItemClick,\n    onItemRightIconClick,\n    activeView,\n    size,\n    disabled = false,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <div {...otherProps} ref={ref} className={cnChips(null, [className])}>\n      {items.map((item, index) => {\n        const itemDisabled = getItemDisabled(item) || disabled;\n        return (\n          <ChipsItem\n            {...getItemAttributes(item)}\n            key={index}\n            size={size}\n            activeView={activeView}\n            onClick={\n              onItemClick && !itemDisabled\n                ? (e: React.MouseEvent) => onItemClick(item, { e })\n                : undefined\n            }\n            onRightIconClick={\n              onItemRightIconClick && !itemDisabled\n                ? (e: React.MouseEvent) => onItemRightIconClick(item, { e })\n                : undefined\n            }\n            label={getItemLabel(item)}\n            as={getItemAs(item)}\n            active={getItemActive(item)}\n            iconLeft={getItemIconLeft(item)}\n            iconRight={getItemIconRight(item)}\n            ref={getItemRef(item)}\n            status={getItemStatus(item)}\n            interactive={!itemDisabled && interactive}\n            disabled={itemDisabled}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const Chips = forwardRef(ChipsRender) as ChipsComponent;\n"],"mappings":"8VAAA,oBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,uBAEA,OAASC,SAAT,mBACA,OAASC,kBAAT,iB,GAGMC,QAAO,CAAGH,EAAE,CAAC,OAAD,C,CAEZI,WAAW,CAAG,SAACC,CAAD,CAAoBC,CAApB,CAAuD,CACzE,MAmBIJ,kBAAkB,CAACG,CAAD,CAnBtB,CACEE,CADF,GACEA,KADF,CAEEC,CAFF,GAEEA,aAFF,CAGEC,CAHF,GAGEA,eAHF,CAIEC,CAJF,GAIEA,SAJF,CAKEC,CALF,GAKEA,iBALF,CAMEC,CANF,GAMEA,eANF,CAOEC,CAPF,GAOEA,gBAPF,CAQEC,CARF,GAQEA,YARF,CASEC,CATF,GASEA,UATF,CAUEC,CAVF,GAUEA,aAVF,CAWEC,CAXF,GAWEA,SAXF,CAYEC,CAZF,GAYEA,WAZF,CAaEC,CAbF,GAaEA,WAbF,CAcEC,CAdF,GAcEA,oBAdF,CAeEC,CAfF,GAeEA,UAfF,CAgBEC,CAhBF,GAgBEA,IAhBF,KAiBEC,QAjBF,CAkBKC,CAlBL,uCAqBA,MACE,4CAASA,CAAT,EAAqB,GAAG,CAAElB,CAA1B,CAA+B,SAAS,CAAEH,OAAO,CAAC,IAAD,CAAO,CAACc,CAAD,CAAP,CAAjD,GACGV,CAAK,CAACkB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAC1B,GAAMC,EAAY,CAAGnB,CAAe,CAACiB,CAAD,CAAf,eAArB,CACA,MACE,qBAAC,SAAD,kBACMf,CAAiB,CAACe,CAAD,CADvB,EAEE,GAAG,CAAEC,CAFP,CAGE,IAAI,CAAEL,CAHR,CAIE,UAAU,CAAED,CAJd,CAKE,OAAO,CACLF,CAAW,EAAI,CAACS,CAAhB,CACI,SAACC,CAAD,QAAyBV,EAAW,CAACO,CAAD,CAAO,CAAEG,CAAC,CAADA,CAAF,CAAP,CAApC,CADJ,OANJ,CAUE,gBAAgB,CACdT,CAAoB,EAAI,CAACQ,CAAzB,CACI,SAACC,CAAD,QAAyBT,EAAoB,CAACM,CAAD,CAAO,CAAEG,CAAC,CAADA,CAAF,CAAP,CAA7C,CADJ,OAXJ,CAeE,KAAK,CAAEf,CAAY,CAACY,CAAD,CAfrB,CAgBE,EAAE,CAAEhB,CAAS,CAACgB,CAAD,CAhBf,CAiBE,MAAM,CAAElB,CAAa,CAACkB,CAAD,CAjBvB,CAkBE,QAAQ,CAAEd,CAAe,CAACc,CAAD,CAlB3B,CAmBE,SAAS,CAAEb,CAAgB,CAACa,CAAD,CAnB7B,CAoBE,GAAG,CAAEX,CAAU,CAACW,CAAD,CApBjB,CAqBE,MAAM,CAAEV,CAAa,CAACU,CAAD,CArBvB,CAsBE,WAAW,CAAE,CAACE,CAAD,EAAiBV,CAtBhC,CAuBE,QAAQ,CAAEU,CAvBZ,GA0BH,CA7BA,CADH,CAiCH,C,CAED,MAAO,IAAME,MAAK,CAAG/B,UAAU,CAACK,WAAD,CAAxB"}

package/__internal__/src/components/Informer/Informer.css

@@ -1 +1 @@
-.Informer{border-radius:var(--control-radius);color:var(--color-typo-primary);padding:var(--space-s) var(--space-m)}.Informer_withIcon{display:flex;flex-wrap:nowrap}.Informer_status_system{--informer-status-color:var(--color-bg-system)}.Informer_status_alert{--informer-status-color:var(--color-bg-alert)}.Informer_status_warning{--informer-status-color:var(--color-bg-warning)}.Informer_status_success{--informer-status-color:var(--color-bg-success)}.Informer_view_bordered{background-color:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-status-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{background-color:var(--informer-status-color)}.Informer-Icon{flex-shrink:0;margin-right:var(--space-s);transform:translateY(var(--space-3xs))}
+.Informer{border-radius:var(--control-radius);color:var(--color-typo-primary);padding:var(--space-s) var(--space-m)}.Informer_withIcon{display:flex;flex-wrap:nowrap}.Informer_view_bordered{background-color:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-status-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{background-color:var(--informer-status-color)}.Informer-Icon{flex-shrink:0;margin-right:var(--space-s);transform:translateY(var(--space-3xs))}

package/__internal__/src/components/Informer/Informer.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children"];import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c=a.view,d=void 0===c?informerPropViewDefault:c,e=a.status,f=void 0===e?informerPropStatusDefault:e,g=a.size,h=void 0===g?informerPropSiseDefault:g,i=a.icon,j=a.label,k=a.title,l=a.children,m=_objectWithoutProperties(a,_excluded),n=i,o=useTheme(),p=o.themeClassNames,q="system"!==f&&"filled"===d?classnames(a.className,p.color.accent):a.className;return React.createElement("div",Object.assign({},m,{className:cnInformer({view:d,status:f,withIcon:!!i},[q,cnMixSpace({p:h})]),ref:b}),n&&React.createElement(n,{className:cnInformer("Icon"),size:"s"}),React.createElement("div",{className:cnInformer("Content")},k&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:h,view:"primary"},k),j?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:h},j):l))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c=a.view,d=void 0===c?informerPropViewDefault:c,e=a.status,f=void 0===e?informerPropStatusDefault:e,g=a.size,h=void 0===g?informerPropSiseDefault:g,i=a.icon,j=a.label,k=a.title,l=a.children,m=a.style,n=_objectWithoutProperties(a,_excluded),o=i,p=useTheme(),q=p.themeClassNames,r="system"!==f&&"filled"===d?classnames(a.className,q.color.accent):a.className;return React.createElement("div",Object.assign({},n,{className:cnInformer({view:d,withIcon:!!i},[r,cnMixSpace({p:h})]),style:_objectSpread(_objectSpread({},m),{},_defineProperty({},"--informer-status-color",f?"var(--color-bg-".concat(f,")"):void 0)),ref:b}),o&&React.createElement(o,{className:cnInformer("Icon"),size:"s"}),React.createElement("div",{className:cnInformer("Content")},k&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:h,view:"primary"},k),j?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:h},j):l))});
 //# sourceMappingURL=Informer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Informer.js","names":["classnames","React","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","icon","label","title","children","otherProps","Icon","themeClassNames","className","color","accent","withIcon","p","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon,\n      label,\n      title,\n      children,\n      ...otherProps\n    } = props;\n    const Icon = icon;\n    const withIcon = !!icon;\n    const { themeClassNames } = useTheme();\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n            status,\n            withIcon,\n          },\n          [className, cnMixSpace({ p: size })],\n        )}\n        ref={ref}\n      >\n        {Icon && <Icon className={cnInformer('Icon')} size=\"s\" />}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"8JAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBAEA,OAASC,IAAT,oBACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,QAAD,CAAW,UAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,mBAAkB,CAAG,CAChC,SADgC,CAEhC,QAFgC,CAGhC,OAHgC,CAIhC,SAJgC,CAA3B,CAOP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAaP,MAAO,IAAME,WAAU,CAAGT,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMU,SAAQ,CAAGZ,KAAK,CAACa,UAAN,CACtB,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAUVD,CAVU,CAEZE,IAFY,CAEZA,CAFY,YAELV,uBAFK,KAUVQ,CAVU,CAGZG,MAHY,CAGZA,CAHY,YAGHT,yBAHG,KAUVM,CAVU,CAIZI,IAJY,CAIZA,CAJY,YAILR,uBAJK,GAKZS,CALY,CAUVL,CAVU,CAKZK,IALY,CAMZC,CANY,CAUVN,CAVU,CAMZM,KANY,CAOZC,CAPY,CAUVP,CAVU,CAOZO,KAPY,CAQZC,CARY,CAUVR,CAVU,CAQZQ,QARY,CASTC,CATS,0BAUVT,CAVU,YAWRU,CAAI,CAAGL,CAXC,GAacf,QAAQ,EAbtB,CAaNqB,CAbM,GAaNA,eAbM,CAcRC,CAAS,CACF,QAAX,GAAAT,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIjB,UAAU,CAACe,CAAK,CAACY,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEId,CAAK,CAACY,SAjBE,CAmBd,MACE,4CACMH,CADN,EAEE,SAAS,CAAEZ,UAAU,CACnB,CACEK,IAAI,CAAJA,CADF,CAEEC,MAAM,CAANA,CAFF,CAGEY,QAAQ,CAdC,CAAC,CAACV,CAWb,CADmB,CAMnB,CAACO,CAAD,CAAYzB,UAAU,CAAC,CAAE6B,CAAC,CAAEZ,CAAL,CAAD,CAAtB,CANmB,CAFvB,CAUE,GAAG,CAAEH,CAVP,GAYGS,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEb,UAAU,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAC,GAA1C,EAZX,CAaE,2BAAK,SAAS,CAAEA,UAAU,CAAC,SAAD,CAA1B,EACGU,CAAK,EACJ,oBAAC,IAAD,EACE,UAAU,CAAC,IADb,CAEE,SAAS,CAAEV,UAAU,CAAC,OAAD,CAAU,CAACV,UAAU,CAAC,CAAE8B,EAAE,CAAE,KAAN,CAAD,CAAX,CAAV,CAFvB,CAGE,MAAM,CAAC,MAHT,CAIE,IAAI,CAAEb,CAJR,CAKE,IAAI,CAAC,SALP,EAOGG,CAPH,CAFJ,CAYGD,CAAK,CACJ,oBAAC,IAAD,EACE,UAAU,CAAC,IADb,CAEE,IAAI,CAAC,SAFP,CAGE,SAAS,CAAET,UAAU,CAAC,OAAD,CAHvB,CAIE,IAAI,CAAEO,CAJR,EAMGE,CANH,CADI,CAUJE,CAtBJ,CAbF,CAwCH,CA7DqB,CAAjB"}
+{"version":3,"file":"Informer.js","names":["classnames","React","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","icon","label","title","children","style","otherProps","Icon","themeClassNames","className","color","accent","withIcon","p","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const Icon = icon;\n    const withIcon = !!icon;\n    const { themeClassNames } = useTheme();\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n            withIcon,\n          },\n          [className, cnMixSpace({ p: size })],\n        )}\n        style={{\n          ...style,\n          ['--informer-status-color' as string]: status\n            ? `var(--color-bg-${status})`\n            : undefined,\n        }}\n        ref={ref}\n      >\n        {Icon && <Icon className={cnInformer('Icon')} size=\"s\" />}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"20BAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBAEA,OAASC,IAAT,oBACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,QAAD,CAAW,UAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,mBAAkB,CAAG,CAChC,SADgC,CAEhC,QAFgC,CAGhC,OAHgC,CAIhC,SAJgC,CAA3B,CAOP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAaP,MAAO,IAAME,WAAU,CAAGT,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMU,SAAQ,CAAGZ,KAAK,CAACa,UAAN,CACtB,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAWVD,CAXU,CAEZE,IAFY,CAEZA,CAFY,YAELV,uBAFK,KAWVQ,CAXU,CAGZG,MAHY,CAGZA,CAHY,YAGHT,yBAHG,KAWVM,CAXU,CAIZI,IAJY,CAIZA,CAJY,YAILR,uBAJK,GAKZS,CALY,CAWVL,CAXU,CAKZK,IALY,CAMZC,CANY,CAWVN,CAXU,CAMZM,KANY,CAOZC,CAPY,CAWVP,CAXU,CAOZO,KAPY,CAQZC,CARY,CAWVR,CAXU,CAQZQ,QARY,CASZC,CATY,CAWVT,CAXU,CASZS,KATY,CAUTC,CAVS,0BAWVV,CAXU,YAYRW,CAAI,CAAGN,CAZC,GAccf,QAAQ,EAdtB,CAcNsB,CAdM,GAcNA,eAdM,CAeRC,CAAS,CACF,QAAX,GAAAV,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIjB,UAAU,CAACe,CAAK,CAACa,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEIf,CAAK,CAACa,SAlBE,CAoBd,MACE,4CACMH,CADN,EAEE,SAAS,CAAEb,UAAU,CACnB,CACEK,IAAI,CAAJA,CADF,CAEEc,QAAQ,CAbC,CAAC,CAACX,CAWb,CADmB,CAKnB,CAACQ,CAAD,CAAY1B,UAAU,CAAC,CAAE8B,CAAC,CAAEb,CAAL,CAAD,CAAtB,CALmB,CAFvB,CASE,KAAK,gCACAK,CADA,wBAEF,yBAFE,CAEoCN,CAAM,0BACvBA,CADuB,YAF1C,EATP,CAeE,GAAG,CAAEF,CAfP,GAiBGU,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEd,UAAU,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAC,GAA1C,EAjBX,CAkBE,2BAAK,SAAS,CAAEA,UAAU,CAAC,SAAD,CAA1B,EACGU,CAAK,EACJ,oBAAC,IAAD,EACE,UAAU,CAAC,IADb,CAEE,SAAS,CAAEV,UAAU,CAAC,OAAD,CAAU,CAACV,UAAU,CAAC,CAAE+B,EAAE,CAAE,KAAN,CAAD,CAAX,CAAV,CAFvB,CAGE,MAAM,CAAC,MAHT,CAIE,IAAI,CAAEd,CAJR,CAKE,IAAI,CAAC,SALP,EAOGG,CAPH,CAFJ,CAYGD,CAAK,CACJ,oBAAC,IAAD,EACE,UAAU,CAAC,IADb,CAEE,IAAI,CAAC,SAFP,CAGE,SAAS,CAAET,UAAU,CAAC,OAAD,CAHvB,CAIE,IAAI,CAAEO,CAJR,EAMGE,CANH,CADI,CAUJE,CAtBJ,CAlBF,CA6CH,CAnEqB,CAAjB"}

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

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

package/__internal__/src/components/Popover/Popover.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["children","direction","offset","arrowOffset","possibleDirections","isInteractive","onClickOutside","spareDirection","style","className","position","anchorRef","equalAnchorWidth","onSetDirection"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Popover.css";import React,{forwardRef,useEffect,useLayoutEffect,useMemo}from"react";import{PortalWithTheme,usePortalContext}from"../PortalWithTheme";import{useTheme}from"../Theme/Theme";import{useClickOutside}from"../../hooks/useClickOutside";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{isNumber,isString}from"../../utils/type-guards";import{getComputedPositionAndDirection}from"./helpers";import{usePopoverReposition}from"./usePopoverReposition";export var directionsStartCenter=["downCenter","upCenter","downRight","downLeft","upRight","upLeft","leftUp","leftCenter","leftDown","rightUp","rightCenter","rightDown"];export var directionsStartEdge=["downStartLeft","upStartLeft","downStartRight","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown"];export var popoverPropOffset=["3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var directions=[].concat(directionsStartCenter,directionsStartEdge);var getOffset=function(a,b){if(isNumber(b))return b;if(isString(b)&&a.current){var g=getComputedStyle(a.current).getPropertyValue("--space-".concat(b));if(g&&/px$/.test(g))return+g.slice(0,g.length-2);if(g&&/rem$/.test(g)){var c=parseFloat(getComputedStyle(document.documentElement).fontSize),d=+g.slice(0,g.length-3);return c*d}if(g&&/em$/.test(g)){var e=parseFloat(getComputedStyle(a.current).fontSize),f=+g.slice(0,g.length-2);return e*f}return 0}return 0},ContextConsumer=function(a){var b=a.onClickOutside,c=a.children,d=a.ignoreClicksInsideRefs,e=usePortalContext(),f=e.refs;return useClickOutside({isActive:!!b,ignoreClicksInsideRefs:[].concat(_toConsumableArray(d||[]),_toConsumableArray(f||[])),handler:b}),c},cnPopover=cn("Popover");export var Popover=forwardRef(function(a,b){var c,d=a.children,e=a.direction,f=void 0===e?"upCenter":e,g=a.offset,h=void 0===g?0:g,i=a.arrowOffset,j=a.possibleDirections,k=void 0===j?directions:j,l=a.isInteractive,m=a.onClickOutside,n=a.spareDirection,o=void 0===n?"downStartLeft":n,p=a.style,q=a.className,r=a.position,s=a.anchorRef,t=a.equalAnchorWidth,u=a.onSetDirection,v=_objectWithoutProperties(a,_excluded),w=React.useRef(null),x=useTheme(),y=x.theme,z=React.useState(),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useComponentSize(w),E=D.width,F=D.height,G=useComponentSize(s||{current:null}),H=React.useRef(null),I=React.useState([]),J=_slicedToArray(I,2),K=J[0],L=J[1],M=function(){L(function(a){return a.length?[]:a}),H.current=null},N=function(){var a;return C(null===s||void 0===s||null===(a=s.current)||void 0===a?void 0:a.getBoundingClientRect())},O=useMemo(function(){return getOffset(w,h)},[h,!!w.current]),P=getComputedPositionAndDirection({contentSize:{width:E,height:F},viewportSize:{width:document.documentElement.clientWidth,height:document.documentElement.clientHeight},arrowOffset:i,offset:O,direction:f,possibleDirections:k,bannedDirections:K,position:B?{x:B.left,y:B.top}:r,anchorSize:G,spareDirection:o}),Q=P.position,R=P.direction;useEffect(function(){return null===u||void 0===u?void 0:u(R)},[R]),useEffect(N,[G]),usePopoverReposition({isActive:!0,scrollAnchorRef:s||{current:null},onRequestReposition:function onRequestReposition(){M(),N()}}),useLayoutEffect(function(){H.current!==R&&(H.current&&!K.includes(H.current)&&!K.includes(R)&&R!==o&&L(function(a){return H.current?[].concat(_toConsumableArray(a),[H.current]):a}),H.current=R)},[R]),useLayoutEffect(M,[a]);var S=!Q||!F||!E;return React.createElement(PortalWithTheme,Object.assign({},v,{preset:y,className:cnPopover({direction:R,notVisible:S},[q]),container:window.document.body,ref:useForkRef([w,b]),style:_objectSpread(_objectSpread({},p),S?{}:(c={},_defineProperty(c,"--popover-top","".concat(((null===Q||void 0===Q?void 0:Q.y)||0)+window.scrollY,"px")),_defineProperty(c,"--popover-left","".concat(((null===Q||void 0===Q?void 0:Q.x)||0)+window.scrollX,"px")),_defineProperty(c,"--popover-width",t?"".concat(G.width,"px"):void 0),_defineProperty(c,"--popover-pointer-events",!(void 0!==l)||l?void 0:"none"),_defineProperty(c,"--popover-visibility",Q?void 0:"hidden"),c))}),React.createElement(ContextConsumer,{onClickOutside:m,ignoreClicksInsideRefs:[w,s||{current:null}]},isRenderProp(d)?d(R):d))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["children","direction","offset","arrowOffset","possibleDirections","isInteractive","onClickOutside","spareDirection","style","className","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Popover.css";import React,{forwardRef,useEffect,useLayoutEffect,useMemo}from"react";import{PortalWithTheme,usePortalContext}from"../PortalWithTheme";import{useTheme}from"../Theme/Theme";import{useClickOutside}from"../../hooks/useClickOutside";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{isNumber,isString}from"../../utils/type-guards";import{getComputedPositionAndDirection,getPointPossition,getRenderPosition}from"./helpers";import{usePopoverReposition}from"./usePopoverReposition";export var directionsStartCenter=["downCenter","upCenter","downRight","downLeft","upRight","upLeft","leftUp","leftCenter","leftDown","rightUp","rightCenter","rightDown"];export var directionsStartEdge=["downStartLeft","upStartLeft","downStartRight","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown"];export var popoverPropOffset=["3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var directions=[].concat(directionsStartCenter,directionsStartEdge);var getOffset=function(a,b){if(isNumber(b))return b;if(isString(b)&&a.current){var g=getComputedStyle(a.current).getPropertyValue("--space-".concat(b));if(g&&/px$/.test(g))return+g.slice(0,g.length-2);if(g&&/rem$/.test(g)){var c=parseFloat(getComputedStyle(document.documentElement).fontSize),d=+g.slice(0,g.length-3);return c*d}if(g&&/em$/.test(g)){var e=parseFloat(getComputedStyle(a.current).fontSize),f=+g.slice(0,g.length-2);return e*f}return 0}return 0},ContextConsumer=function(a){var b=a.onClickOutside,c=a.children,d=a.ignoreClicksInsideRefs,e=usePortalContext(),f=e.refs;return useClickOutside({isActive:!!b,ignoreClicksInsideRefs:[].concat(_toConsumableArray(d||[]),_toConsumableArray(f||[])),handler:b}),c},cnPopover=cn("Popover");export var Popover=forwardRef(function(a,b){var c,d=a.children,e=a.direction,f=void 0===e?"upCenter":e,g=a.offset,h=void 0===g?0:g,i=a.arrowOffset,j=a.possibleDirections,k=void 0===j?directions:j,l=a.isInteractive,m=a.onClickOutside,n=a.spareDirection,o=void 0===n?"downStartLeft":n,p=a.style,q=a.className,r=a.position,s=a.anchorRef,t=a.equalAnchorWidth,u=a.onSetDirection,v=a.viewportRef,w=_objectWithoutProperties(a,_excluded),x=(null===v||void 0===v?void 0:v.current)||document.documentElement,y=React.useRef(null),z=useTheme(),A=z.theme,B=React.useState(),C=_slicedToArray(B,2),D=C[0],E=C[1],F=useComponentSize(y),G=F.width,H=F.height,I=useComponentSize(s||{current:null}),J=React.useRef(null),K=React.useState([]),L=_slicedToArray(K,2),M=L[0],N=L[1],O=function(){N(function(a){return a.length?[]:a}),J.current=null},P=function(){var a;return E(null===s||void 0===s||null===(a=s.current)||void 0===a?void 0:a.getBoundingClientRect())},Q=useMemo(function(){return getOffset(y,h)},[h,!!y.current]),R=getComputedPositionAndDirection({contentSize:{width:G,height:H},viewportSize:{width:x.clientWidth,height:x.clientHeight},arrowOffset:i,offset:Q,direction:f,possibleDirections:k,bannedDirections:M,position:getPointPossition(x,D?{x:D.left,y:D.top}:r,!!(null!==v&&void 0!==v&&v.current)),anchorSize:I,spareDirection:o}),S=R.position,T=R.direction;useEffect(function(){return null===u||void 0===u?void 0:u(T)},[T]),useEffect(P,[I]),usePopoverReposition({isActive:!0,scrollAnchorRef:s||{current:null},onRequestReposition:function onRequestReposition(){O(),P()}}),useLayoutEffect(function(){J.current!==T&&(J.current&&!M.includes(J.current)&&!M.includes(T)&&T!==o&&N(function(a){return J.current?[].concat(_toConsumableArray(a),[J.current]):a}),J.current=T)},[T]),useLayoutEffect(O,[a]);var U=getRenderPosition(x,S,!!(null!==v&&void 0!==v&&v.current),G,H),V=!U||!H||!G;return React.createElement(PortalWithTheme,Object.assign({},w,{preset:A,className:cnPopover({direction:T,notVisible:V},[q]),container:window.document.body,ref:useForkRef([y,b]),style:_objectSpread(_objectSpread({},p),V?{}:(c={},_defineProperty(c,"--popover-left","".concat(U.x,"px")),_defineProperty(c,"--popover-top","".concat(U.y,"px")),_defineProperty(c,"--popover-width",t?"".concat(I.width,"px"):void 0),_defineProperty(c,"--popover-pointer-events",!(void 0!==l)||l?void 0:"none"),_defineProperty(c,"--popover-visibility",S?void 0:"hidden"),c))}),React.createElement(ContextConsumer,{onClickOutside:m,ignoreClicksInsideRefs:[y,s||{current:null}]},isRenderProp(d)?d(T):d))});
 //# sourceMappingURL=Popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","cnPopover","Popover","props","componentRef","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","otherProps","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","scrollAnchorRef","onRequestReposition","includes","notVisible","window","body","scrollY","scrollX"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n  PortalWithTheme,\n  usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler, useClickOutside } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { getComputedPositionAndDirection } from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/**\n * Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n */\nexport const directionsStartCenter = [\n  'downCenter',\n  'upCenter',\n\n  'downRight',\n  'downLeft',\n  'upRight',\n  'upLeft',\n\n  'leftUp',\n  'leftCenter',\n  'leftDown',\n\n  'rightUp',\n  'rightCenter',\n  'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n  'downStartLeft',\n  'upStartLeft',\n\n  'downStartRight',\n  'upStartRight',\n\n  'leftStartUp',\n  'leftStartDown',\n\n  'rightStartUp',\n  'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] | number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } | undefined;\n\nexport type PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      equalAnchorWidth?: boolean;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      equalAnchorWidth?: never;\n      position: Position;\n    };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type Props = PropsWithJsxAttributes<\n  {\n    direction?: Direction;\n    spareDirection?: Direction;\n    offset?: PopoverPropOffset;\n    arrowOffset?: number;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode | ChildrenRenderProp;\n    onClickOutside?: ClickOutsideHandler;\n    onSetDirection?: (direction: Direction) => void;\n  } & PositioningProps\n>;\n\nconst getOffset = (\n  ref: React.RefObject<HTMLDivElement>,\n  propOffset: PopoverPropOffset,\n) => {\n  if (isNumber(propOffset)) {\n    return propOffset;\n  }\n\n  if (isString(propOffset) && ref.current) {\n    const cssVar = getComputedStyle(ref.current).getPropertyValue(\n      `--space-${propOffset}`,\n    );\n\n    if (cssVar && /px$/.test(cssVar)) {\n      return Number(cssVar.slice(0, cssVar.length - 2));\n    }\n\n    if (cssVar && /rem$/.test(cssVar)) {\n      const fontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize,\n      );\n      const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n      return fontSize * rem;\n    }\n\n    if (cssVar && /em$/.test(cssVar)) {\n      const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n      const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n      return fontSize * em;\n    }\n\n    return 0;\n  }\n\n  return 0;\n};\n\n/**\n * Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов в модалку\n * для дальнейшего исключения их из useClickOutside\n */\nconst ContextConsumer: React.FC<{\n  onClickOutside?: (event: MouseEvent) => void;\n  ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n  const { refs } = usePortalContext();\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [\n      ...(ignoreClicksInsideRefs || []),\n      ...(refs || []),\n    ],\n    handler: onClickOutside,\n  });\n\n  return children as React.ReactElement;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, Props>(\n  (props, componentRef) => {\n    const {\n      children,\n      direction: passedDirection = 'upCenter',\n      offset: propOffset = 0,\n      arrowOffset,\n      possibleDirections = directions,\n      isInteractive = true,\n      onClickOutside,\n      spareDirection = 'downStartLeft',\n      style,\n      className,\n      position: passedPosition,\n      anchorRef,\n      equalAnchorWidth,\n      onSetDirection,\n      ...otherProps\n    } = props;\n\n    const ref = React.useRef<HTMLDivElement>(null);\n    const { theme } = useTheme();\n\n    const [anchorClientRect, setAnchorClientRect] = React.useState<\n      DOMRect | undefined\n    >();\n    const { width, height } = useComponentSize(ref);\n    const anchorSize = useComponentSize(anchorRef || { current: null });\n    const previousDirectionRef = React.useRef<Direction | null>(null);\n    const [bannedDirections, setBannedDirections] = React.useState<\n      readonly Direction[]\n    >([]);\n\n    const resetBannedDirections = () => {\n      setBannedDirections((state) => (state.length ? [] : state));\n      previousDirectionRef.current = null;\n    };\n\n    const updateAnchorClientRect = () =>\n      setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n    const offset = useMemo(\n      () => getOffset(ref, propOffset),\n      [propOffset, Boolean(ref.current)],\n    );\n\n    const { position, direction } = getComputedPositionAndDirection({\n      contentSize: { width, height },\n      viewportSize: {\n        // Размер вьюпорта без скроллбаров\n        width: document.documentElement.clientWidth,\n        height: document.documentElement.clientHeight,\n      },\n      arrowOffset,\n      offset,\n      direction: passedDirection,\n      possibleDirections,\n      bannedDirections,\n      position: anchorClientRect\n        ? { x: anchorClientRect.left, y: anchorClientRect.top }\n        : passedPosition,\n      anchorSize,\n      spareDirection,\n    });\n\n    useEffect(() => onSetDirection?.(direction), [direction]);\n\n    useEffect(updateAnchorClientRect, [anchorSize]);\n\n    usePopoverReposition({\n      isActive: true,\n      scrollAnchorRef: anchorRef || { current: null },\n      onRequestReposition: () => {\n        resetBannedDirections();\n        updateAnchorClientRect();\n      },\n    });\n\n    /**\n     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n     * См. PopoverBannedPositionsStory\n     */\n\n    useLayoutEffect(() => {\n      if (previousDirectionRef.current !== direction) {\n        if (\n          previousDirectionRef.current &&\n          !bannedDirections.includes(previousDirectionRef.current) &&\n          !bannedDirections.includes(direction) &&\n          direction !== spareDirection\n        ) {\n          setBannedDirections((state) =>\n            previousDirectionRef.current\n              ? [...state, previousDirectionRef.current]\n              : state,\n          );\n        }\n        previousDirectionRef.current = direction;\n      }\n    }, [direction]);\n\n    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n    useLayoutEffect(resetBannedDirections, [props]);\n\n    const notVisible = !position || !height || !width;\n\n    return (\n      <PortalWithTheme\n        {...otherProps}\n        preset={theme}\n        className={cnPopover({ direction, notVisible }, [className])}\n        container={window.document.body}\n        ref={useForkRef([ref, componentRef])}\n        style={{\n          ...style,\n          ...(notVisible\n            ? {}\n            : {\n                ['--popover-top' as string]: `${\n                  (position?.y || 0) + window.scrollY\n                }px`,\n                ['--popover-left' as string]: `${\n                  (position?.x || 0) + window.scrollX\n                }px`,\n                [`--popover-width` as string]: equalAnchorWidth\n                  ? `${anchorSize.width}px`\n                  : undefined,\n                [`--popover-pointer-events` as string]: isInteractive\n                  ? undefined\n                  : 'none',\n                [`--popover-visibility` as string]: position\n                  ? undefined\n                  : 'hidden',\n              }),\n        }}\n      >\n        <ContextConsumer\n          onClickOutside={onClickOutside}\n          ignoreClicksInsideRefs={[ref, anchorRef || { current: null }]}\n        >\n          {isRenderProp(children) ? children(direction) : children}\n        </ContextConsumer>\n      </PortalWithTheme>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","getPointPossition","getRenderPosition","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","cnPopover","Popover","props","componentRef","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","otherProps","viewportElement","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","scrollAnchorRef","onRequestReposition","includes","renderPosition","notVisible","window","body"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n  PortalWithTheme,\n  usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler, useClickOutside } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport {\n  getComputedPositionAndDirection,\n  getPointPossition,\n  getRenderPosition,\n} from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/**\n * Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n */\nexport const directionsStartCenter = [\n  'downCenter',\n  'upCenter',\n\n  'downRight',\n  'downLeft',\n  'upRight',\n  'upLeft',\n\n  'leftUp',\n  'leftCenter',\n  'leftDown',\n\n  'rightUp',\n  'rightCenter',\n  'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n  'downStartLeft',\n  'upStartLeft',\n\n  'downStartRight',\n  'upStartRight',\n\n  'leftStartUp',\n  'leftStartDown',\n\n  'rightStartUp',\n  'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] | number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } | undefined;\n\nexport type PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      equalAnchorWidth?: boolean;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      equalAnchorWidth?: never;\n      position: Position;\n    };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type PopoverProps = PropsWithJsxAttributes<\n  {\n    direction?: Direction;\n    spareDirection?: Direction;\n    offset?: PopoverPropOffset;\n    arrowOffset?: number;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode | ChildrenRenderProp;\n    onClickOutside?: ClickOutsideHandler;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n  } & PositioningProps\n>;\n\nexport type Props = PopoverProps; // удалить при мажере\n\nconst getOffset = (\n  ref: React.RefObject<HTMLDivElement>,\n  propOffset: PopoverPropOffset,\n) => {\n  if (isNumber(propOffset)) {\n    return propOffset;\n  }\n\n  if (isString(propOffset) && ref.current) {\n    const cssVar = getComputedStyle(ref.current).getPropertyValue(\n      `--space-${propOffset}`,\n    );\n\n    if (cssVar && /px$/.test(cssVar)) {\n      return Number(cssVar.slice(0, cssVar.length - 2));\n    }\n\n    if (cssVar && /rem$/.test(cssVar)) {\n      const fontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize,\n      );\n      const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n      return fontSize * rem;\n    }\n\n    if (cssVar && /em$/.test(cssVar)) {\n      const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n      const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n      return fontSize * em;\n    }\n\n    return 0;\n  }\n\n  return 0;\n};\n\n/**\n * Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов в модалку\n * для дальнейшего исключения их из useClickOutside\n */\nconst ContextConsumer: React.FC<{\n  onClickOutside?: (event: MouseEvent) => void;\n  ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n  const { refs } = usePortalContext();\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [\n      ...(ignoreClicksInsideRefs || []),\n      ...(refs || []),\n    ],\n    handler: onClickOutside,\n  });\n\n  return children as React.ReactElement;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (props, componentRef) => {\n    const {\n      children,\n      direction: passedDirection = 'upCenter',\n      offset: propOffset = 0,\n      arrowOffset,\n      possibleDirections = directions,\n      isInteractive = true,\n      onClickOutside,\n      spareDirection = 'downStartLeft',\n      style,\n      className,\n      position: passedPosition,\n      anchorRef,\n      equalAnchorWidth,\n      onSetDirection,\n      viewportRef,\n      ...otherProps\n    } = props;\n\n    // console.log(viewportRef);\n\n    const viewportElement = viewportRef?.current || document.documentElement;\n\n    const ref = React.useRef<HTMLDivElement>(null);\n    const { theme } = useTheme();\n\n    const [anchorClientRect, setAnchorClientRect] = React.useState<\n      DOMRect | undefined\n    >();\n    const { width, height } = useComponentSize(ref);\n    const anchorSize = useComponentSize(anchorRef || { current: null });\n    const previousDirectionRef = React.useRef<Direction | null>(null);\n    const [bannedDirections, setBannedDirections] = React.useState<\n      readonly Direction[]\n    >([]);\n\n    const resetBannedDirections = () => {\n      setBannedDirections((state) => (state.length ? [] : state));\n      previousDirectionRef.current = null;\n    };\n\n    const updateAnchorClientRect = () =>\n      setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n    const offset = useMemo(\n      () => getOffset(ref, propOffset),\n      [propOffset, Boolean(ref.current)],\n    );\n\n    const { position, direction } = getComputedPositionAndDirection({\n      contentSize: { width, height },\n      viewportSize: {\n        // Размер вьюпорта без скроллбаров\n        width: viewportElement.clientWidth,\n        height: viewportElement.clientHeight,\n      },\n      arrowOffset,\n      offset,\n      direction: passedDirection,\n      possibleDirections,\n      bannedDirections,\n      position: getPointPossition(\n        viewportElement,\n        anchorClientRect\n          ? { x: anchorClientRect.left, y: anchorClientRect.top }\n          : passedPosition,\n        !!viewportRef?.current,\n      ),\n      anchorSize,\n      spareDirection,\n    });\n\n    useEffect(() => onSetDirection?.(direction), [direction]);\n\n    useEffect(updateAnchorClientRect, [anchorSize]);\n\n    usePopoverReposition({\n      isActive: true,\n      scrollAnchorRef: anchorRef || { current: null },\n      onRequestReposition: () => {\n        resetBannedDirections();\n        updateAnchorClientRect();\n      },\n    });\n\n    /**\n     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n     * См. PopoverBannedPositionsStory\n     */\n\n    useLayoutEffect(() => {\n      if (previousDirectionRef.current !== direction) {\n        if (\n          previousDirectionRef.current &&\n          !bannedDirections.includes(previousDirectionRef.current) &&\n          !bannedDirections.includes(direction) &&\n          direction !== spareDirection\n        ) {\n          setBannedDirections((state) =>\n            previousDirectionRef.current\n              ? [...state, previousDirectionRef.current]\n              : state,\n          );\n        }\n        previousDirectionRef.current = direction;\n      }\n    }, [direction]);\n\n    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n    useLayoutEffect(resetBannedDirections, [props]);\n\n    const renderPosition = getRenderPosition(\n      viewportElement,\n      position,\n      !!viewportRef?.current,\n      width,\n      height,\n    );\n\n    const notVisible = !renderPosition || !height || !width;\n\n    return (\n      <PortalWithTheme\n        {...otherProps}\n        preset={theme}\n        className={cnPopover({ direction, notVisible }, [className])}\n        container={window.document.body}\n        ref={useForkRef([ref, componentRef])}\n        style={{\n          ...style,\n          ...(notVisible\n            ? {}\n            : {\n                ['--popover-left' as string]: `${renderPosition.x}px`,\n                ['--popover-top' as string]: `${renderPosition.y}px`,\n                [`--popover-width` as string]: equalAnchorWidth\n                  ? `${anchorSize.width}px`\n                  : undefined,\n                [`--popover-pointer-events` as string]: isInteractive\n                  ? undefined\n                  : 'none',\n                [`--popover-visibility` as string]: position\n                  ? undefined\n                  : 'hidden',\n              }),\n        }}\n      >\n        <ContextConsumer\n          onClickOutside={onClickOutside}\n          ignoreClicksInsideRefs={[ref, anchorRef || { current: null }]}\n        >\n          {isRenderProp(children) ? children(direction) : children}\n        </ContextConsumer>\n      </PortalWithTheme>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -1,6 +1,11 @@
 import { Direction, Position } from './Popover';
 declare type Size = Pick<DOMRect, 'width' | 'height'>;
 declare type PositionsByDirection = Record<Direction, NonNullable<Position>>;
+export declare const getPointPossition: (viewportElement: HTMLElement, positionInDocument: Position, withCustomViewPort: boolean) => Position;
+export declare const getRenderPosition: (viewportElement: HTMLElement, position: Position, withCustomViewPort: Boolean, width: number | undefined, height: number | undefined) => {
+    x: number;
+    y: number;
+} | undefined;
 export declare const getPositionsByDirection: ({ contentSize, anchorSize, position: { x, y }, arrowOffset, offset, }: {
     contentSize: Size;
     anchorSize: Size;

package/__internal__/src/components/Popover/helpers.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var getPosition=function(a,b){return{x:Math.round(a),y:Math.round(b)}};export var getPositionsByDirection=function(a){var b=a.contentSize,c=a.anchorSize,d=a.position,e=d.x,f=d.y,g=a.arrowOffset,h=void 0===g?0:g,i=a.offset,j=void 0===i?0:i,k=b.width,l=b.height,m=c.width,n=c.height,o={x:e+m/2,y:f+n/2},p=e+m+j,q=e-k-j,r={right:o.x-h,center:o.x-k/2,left:o.x-k+h},s=f+n+j,t=f-l-j,u={up:o.y-l+h,center:o.y-l/2,down:o.y-h},v=e,w=e-k+m,x=f,y=f-l+n;return{upLeft:getPosition(r.left,t),upCenter:getPosition(r.center,t),upRight:getPosition(r.right,t),downLeft:getPosition(r.left,s),downCenter:getPosition(r.center,s),downRight:getPosition(r.right,s),rightUp:getPosition(p,u.up),rightCenter:getPosition(p,u.center),rightDown:getPosition(p,u.down),leftUp:getPosition(q,u.up),leftCenter:getPosition(q,u.center),leftDown:getPosition(q,u.down),downStartLeft:getPosition(v,s),downStartRight:getPosition(w,s),upStartLeft:getPosition(v,t),upStartRight:getPosition(w,t),leftStartUp:getPosition(q,x),leftStartDown:getPosition(q,y),rightStartUp:getPosition(p,x),rightStartDown:getPosition(p,y)}};export var getComputedPositionAndDirection=function(a){var b=a.position,c=a.contentSize,d=a.viewportSize,e=a.anchorSize,f=void 0===e?{width:0,height:0}:e,g=a.arrowOffset,h=a.direction,i=a.possibleDirections,j=a.bannedDirections,k=a.spareDirection,l=a.offset,m=void 0===l?0:l;if(!b)return{position:b,direction:h};var n=getPositionsByDirection({contentSize:c,anchorSize:f,position:b,arrowOffset:g,offset:m}),o=[h].concat(_toConsumableArray(i)).filter(function(a){return!j.includes(a)}).find(function(a){var b=n[a],e=c.width,f=c.height,g=b.y+f<=d.height,h=0<=b.y,i=0<=b.x,j=b.x+e<=d.width;return h&&g&&i&&j})||k;return{direction:o,position:n[o]}};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var getPosition=function(a,b){return{x:Math.round(a),y:Math.round(b)}};export var getPointPossition=function(a,b,c){if(b){if(!c)return b;var d=a.getBoundingClientRect(),e=getPosition(b.x-d.left,b.y-d.top);return e}};export var getRenderPosition=function(a,b,c,d,e){if(d&&e){if(!c)return getPosition(((null===b||void 0===b?void 0:b.x)||0)+window.scrollX,((null===b||void 0===b?void 0:b.y)||0)+window.scrollY);var f=a.getBoundingClientRect();return!b||0>b.x||0>b.y||b.x+d>a.clientWidth||b.y+e>a.clientHeight?void 0:getPosition(((null===b||void 0===b?void 0:b.x)||0)+window.scrollX+f.left,((null===b||void 0===b?void 0:b.y)||0)+window.scrollY+f.top)}};export var getPositionsByDirection=function(a){var b=a.contentSize,c=a.anchorSize,d=a.position,e=d.x,f=d.y,g=a.arrowOffset,h=void 0===g?0:g,i=a.offset,j=void 0===i?0:i,k=b.width,l=b.height,m=c.width,n=c.height,o={x:e+m/2,y:f+n/2},p=e+m+j,q=e-k-j,r={right:o.x-h,center:o.x-k/2,left:o.x-k+h},s=f+n+j,t=f-l-j,u={up:o.y-l+h,center:o.y-l/2,down:o.y-h},v=e,w=e-k+m,x=f,y=f-l+n;return{upLeft:getPosition(r.left,t),upCenter:getPosition(r.center,t),upRight:getPosition(r.right,t),downLeft:getPosition(r.left,s),downCenter:getPosition(r.center,s),downRight:getPosition(r.right,s),rightUp:getPosition(p,u.up),rightCenter:getPosition(p,u.center),rightDown:getPosition(p,u.down),leftUp:getPosition(q,u.up),leftCenter:getPosition(q,u.center),leftDown:getPosition(q,u.down),downStartLeft:getPosition(v,s),downStartRight:getPosition(w,s),upStartLeft:getPosition(v,t),upStartRight:getPosition(w,t),leftStartUp:getPosition(q,x),leftStartDown:getPosition(q,y),rightStartUp:getPosition(p,x),rightStartDown:getPosition(p,y)}};export var getComputedPositionAndDirection=function(a){var b=a.position,c=a.contentSize,d=a.viewportSize,e=a.anchorSize,f=void 0===e?{width:0,height:0}:e,g=a.arrowOffset,h=a.direction,i=a.possibleDirections,j=a.bannedDirections,k=a.spareDirection,l=a.offset,m=void 0===l?0:l;if(!b)return{position:b,direction:h};var n=getPositionsByDirection({contentSize:c,anchorSize:f,position:b,arrowOffset:g,offset:m}),o=[h].concat(_toConsumableArray(i)).filter(function(a){return!j.includes(a)}).find(function(a){var b=n[a],e=c.width,f=c.height,g=b.y+f<=d.height,h=0<=b.y,i=0<=b.x,j=b.x+e<=d.width;return h&&g&&i&&j})||k;return{direction:o,position:n[o]}};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["getPosition","x","y","Math","round","getPositionsByDirection","contentSize","anchorSize","position","arrowOffset","offset","contentWidth","width","contentHeight","height","anchorWidth","anchorHeight","anchorCenter","xForRightDirections","xForLeftDirections","xForVerticalDirections","right","center","left","yForDownDirections","yForUpDirections","yForHorizontalDirections","up","down","xForStartLeftDirections","xForStartRightDirections","yForStartUpDirections","yForStartDownDirections","upLeft","upCenter","upRight","downLeft","downCenter","downRight","rightUp","rightCenter","rightDown","leftUp","leftCenter","leftDown","downStartLeft","downStartRight","upStartLeft","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown","getComputedPositionAndDirection","initialPosition","viewportSize","initialDirection","direction","possibleDirections","bannedDirections","spareDirection","positionsByDirection","filter","dir","includes","find","pos","isFittingDown","isFittingUp","isFittingLeft","isFittingRight"],"sources":["../../../../../src/components/Popover/helpers.ts"],"sourcesContent":["import { Direction, Position } from './Popover';\n\ntype Size = Pick<DOMRect, 'width' | 'height'>;\n\ntype PositionsByDirection = Record<Direction, NonNullable<Position>>;\n\nconst getPosition = (x: number, y: number): NonNullable<Position> => ({\n  x: Math.round(x),\n  y: Math.round(y),\n});\n\nexport const getPositionsByDirection = ({\n  contentSize,\n  anchorSize,\n  position: { x, y },\n  arrowOffset = 0,\n  offset = 0,\n}: {\n  contentSize: Size;\n  anchorSize: Size;\n  position: NonNullable<Position>;\n  arrowOffset?: number;\n  offset?: number;\n}): PositionsByDirection => {\n  const { width: contentWidth, height: contentHeight } = contentSize;\n  const { width: anchorWidth, height: anchorHeight } = anchorSize;\n  const anchorCenter = {\n    x: x + anchorWidth / 2,\n    y: y + anchorHeight / 2,\n  };\n\n  const xForRightDirections = x + anchorWidth + offset;\n  const xForLeftDirections = x - contentWidth - offset;\n  const xForVerticalDirections = {\n    right: anchorCenter.x - arrowOffset,\n    center: anchorCenter.x - contentWidth / 2,\n    left: anchorCenter.x - contentWidth + arrowOffset,\n  };\n\n  const yForDownDirections = y + anchorHeight + offset;\n  const yForUpDirections = y - contentHeight - offset;\n  const yForHorizontalDirections = {\n    up: anchorCenter.y - contentHeight + arrowOffset,\n    center: anchorCenter.y - contentHeight / 2,\n    down: anchorCenter.y - arrowOffset,\n  };\n\n  const xForStartLeftDirections = x;\n  const xForStartRightDirections = x - contentWidth + anchorWidth;\n\n  const yForStartUpDirections = y;\n  const yForStartDownDirections = y - contentHeight + anchorHeight;\n\n  return {\n    upLeft: getPosition(xForVerticalDirections.left, yForUpDirections),\n    upCenter: getPosition(xForVerticalDirections.center, yForUpDirections),\n    upRight: getPosition(xForVerticalDirections.right, yForUpDirections),\n\n    downLeft: getPosition(xForVerticalDirections.left, yForDownDirections),\n    downCenter: getPosition(xForVerticalDirections.center, yForDownDirections),\n    downRight: getPosition(xForVerticalDirections.right, yForDownDirections),\n\n    rightUp: getPosition(xForRightDirections, yForHorizontalDirections.up),\n    rightCenter: getPosition(\n      xForRightDirections,\n      yForHorizontalDirections.center,\n    ),\n    rightDown: getPosition(xForRightDirections, yForHorizontalDirections.down),\n\n    leftUp: getPosition(xForLeftDirections, yForHorizontalDirections.up),\n    leftCenter: getPosition(\n      xForLeftDirections,\n      yForHorizontalDirections.center,\n    ),\n    leftDown: getPosition(xForLeftDirections, yForHorizontalDirections.down),\n\n    downStartLeft: getPosition(xForStartLeftDirections, yForDownDirections),\n    downStartRight: getPosition(xForStartRightDirections, yForDownDirections),\n\n    upStartLeft: getPosition(xForStartLeftDirections, yForUpDirections),\n    upStartRight: getPosition(xForStartRightDirections, yForUpDirections),\n\n    leftStartUp: getPosition(xForLeftDirections, yForStartUpDirections),\n    leftStartDown: getPosition(xForLeftDirections, yForStartDownDirections),\n\n    rightStartUp: getPosition(xForRightDirections, yForStartUpDirections),\n    rightStartDown: getPosition(xForRightDirections, yForStartDownDirections),\n  };\n};\n\ntype ComputedPositionAndDirectionParams = {\n  // Координата точки, к которой крепится поповер. Для якоря — координата левой верхней точки якоря\n  position: Position;\n  contentSize: Size;\n  viewportSize: Size;\n  anchorSize?: Size;\n  offset?: number;\n  arrowOffset?: number;\n  direction: Direction;\n  spareDirection: Direction;\n  possibleDirections: readonly Direction[];\n  bannedDirections: readonly Direction[];\n};\n\nexport const getComputedPositionAndDirection = ({\n  position: initialPosition,\n  contentSize,\n  viewportSize,\n  anchorSize = { width: 0, height: 0 },\n  arrowOffset,\n  direction: initialDirection,\n  possibleDirections,\n  bannedDirections,\n  spareDirection,\n  offset = 0,\n}: ComputedPositionAndDirectionParams): {\n  direction: Direction;\n  position: Position;\n} => {\n  if (!initialPosition) {\n    return { position: initialPosition, direction: initialDirection };\n  }\n\n  const positionsByDirection = getPositionsByDirection({\n    contentSize,\n    anchorSize,\n    position: initialPosition,\n    arrowOffset,\n    offset,\n  });\n\n  const direction =\n    [initialDirection, ...possibleDirections]\n      .filter((dir) => !bannedDirections.includes(dir))\n      .find((dir) => {\n        const pos = positionsByDirection[dir];\n        const { width, height } = contentSize;\n\n        const isFittingDown = pos.y + height <= viewportSize.height;\n        const isFittingUp = pos.y >= 0;\n\n        const isFittingLeft = pos.x >= 0;\n        const isFittingRight = pos.x + width <= viewportSize.width;\n\n        return isFittingUp && isFittingDown && isFittingLeft && isFittingRight;\n      }) || spareDirection;\n\n  return {\n    direction,\n    position: positionsByDirection[direction],\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["getPosition","x","y","Math","round","getPointPossition","viewportElement","positionInDocument","withCustomViewPort","viewportRect","getBoundingClientRect","position","left","top","getRenderPosition","width","height","window","scrollX","scrollY","clientWidth","clientHeight","getPositionsByDirection","contentSize","anchorSize","arrowOffset","offset","contentWidth","contentHeight","anchorWidth","anchorHeight","anchorCenter","xForRightDirections","xForLeftDirections","xForVerticalDirections","right","center","yForDownDirections","yForUpDirections","yForHorizontalDirections","up","down","xForStartLeftDirections","xForStartRightDirections","yForStartUpDirections","yForStartDownDirections","upLeft","upCenter","upRight","downLeft","downCenter","downRight","rightUp","rightCenter","rightDown","leftUp","leftCenter","leftDown","downStartLeft","downStartRight","upStartLeft","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown","getComputedPositionAndDirection","initialPosition","viewportSize","initialDirection","direction","possibleDirections","bannedDirections","spareDirection","positionsByDirection","filter","dir","includes","find","pos","isFittingDown","isFittingUp","isFittingLeft","isFittingRight"],"sources":["../../../../../src/components/Popover/helpers.ts"],"sourcesContent":["import { Direction, Position } from './Popover';\n\ntype Size = Pick<DOMRect, 'width' | 'height'>;\n\ntype PositionsByDirection = Record<Direction, NonNullable<Position>>;\n\nconst getPosition = (x: number, y: number): NonNullable<Position> => ({\n  x: Math.round(x),\n  y: Math.round(y),\n});\n\nexport const getPointPossition = (\n  viewportElement: HTMLElement,\n  positionInDocument: Position,\n  withCustomViewPort: boolean,\n): Position => {\n  if (!positionInDocument) {\n    return undefined;\n  }\n\n  if (!withCustomViewPort) {\n    return positionInDocument;\n  }\n\n  const viewportRect = viewportElement.getBoundingClientRect();\n\n  const position: Position = getPosition(\n    positionInDocument.x - viewportRect.left,\n    positionInDocument.y - viewportRect.top,\n  );\n\n  return position;\n};\n\nexport const getRenderPosition = (\n  viewportElement: HTMLElement,\n  position: Position,\n  withCustomViewPort: Boolean,\n  width: number | undefined,\n  height: number | undefined,\n) => {\n  if (!width || !height) {\n    return undefined;\n  }\n\n  if (!withCustomViewPort) {\n    return getPosition(\n      (position?.x || 0) + window.scrollX,\n      (position?.y || 0) + window.scrollY,\n    );\n  }\n\n  const viewportRect = viewportElement.getBoundingClientRect();\n\n  if (\n    !position ||\n    position.x < 0 ||\n    position.y < 0 ||\n    position.x + width > viewportElement.clientWidth ||\n    position.y + height > viewportElement.clientHeight\n  ) {\n    return undefined;\n  }\n\n  return getPosition(\n    (position?.x || 0) + window.scrollX + viewportRect.left,\n    (position?.y || 0) + window.scrollY + viewportRect.top,\n  );\n};\n\nexport const getPositionsByDirection = ({\n  contentSize,\n  anchorSize,\n  position: { x, y },\n  arrowOffset = 0,\n  offset = 0,\n}: {\n  contentSize: Size;\n  anchorSize: Size;\n  position: NonNullable<Position>;\n  arrowOffset?: number;\n  offset?: number;\n}): PositionsByDirection => {\n  const { width: contentWidth, height: contentHeight } = contentSize;\n  const { width: anchorWidth, height: anchorHeight } = anchorSize;\n  const anchorCenter = {\n    x: x + anchorWidth / 2,\n    y: y + anchorHeight / 2,\n  };\n\n  const xForRightDirections = x + anchorWidth + offset;\n  const xForLeftDirections = x - contentWidth - offset;\n  const xForVerticalDirections = {\n    right: anchorCenter.x - arrowOffset,\n    center: anchorCenter.x - contentWidth / 2,\n    left: anchorCenter.x - contentWidth + arrowOffset,\n  };\n\n  const yForDownDirections = y + anchorHeight + offset;\n  const yForUpDirections = y - contentHeight - offset;\n  const yForHorizontalDirections = {\n    up: anchorCenter.y - contentHeight + arrowOffset,\n    center: anchorCenter.y - contentHeight / 2,\n    down: anchorCenter.y - arrowOffset,\n  };\n\n  const xForStartLeftDirections = x;\n  const xForStartRightDirections = x - contentWidth + anchorWidth;\n\n  const yForStartUpDirections = y;\n  const yForStartDownDirections = y - contentHeight + anchorHeight;\n\n  return {\n    upLeft: getPosition(xForVerticalDirections.left, yForUpDirections),\n    upCenter: getPosition(xForVerticalDirections.center, yForUpDirections),\n    upRight: getPosition(xForVerticalDirections.right, yForUpDirections),\n\n    downLeft: getPosition(xForVerticalDirections.left, yForDownDirections),\n    downCenter: getPosition(xForVerticalDirections.center, yForDownDirections),\n    downRight: getPosition(xForVerticalDirections.right, yForDownDirections),\n\n    rightUp: getPosition(xForRightDirections, yForHorizontalDirections.up),\n    rightCenter: getPosition(\n      xForRightDirections,\n      yForHorizontalDirections.center,\n    ),\n    rightDown: getPosition(xForRightDirections, yForHorizontalDirections.down),\n\n    leftUp: getPosition(xForLeftDirections, yForHorizontalDirections.up),\n    leftCenter: getPosition(\n      xForLeftDirections,\n      yForHorizontalDirections.center,\n    ),\n    leftDown: getPosition(xForLeftDirections, yForHorizontalDirections.down),\n\n    downStartLeft: getPosition(xForStartLeftDirections, yForDownDirections),\n    downStartRight: getPosition(xForStartRightDirections, yForDownDirections),\n\n    upStartLeft: getPosition(xForStartLeftDirections, yForUpDirections),\n    upStartRight: getPosition(xForStartRightDirections, yForUpDirections),\n\n    leftStartUp: getPosition(xForLeftDirections, yForStartUpDirections),\n    leftStartDown: getPosition(xForLeftDirections, yForStartDownDirections),\n\n    rightStartUp: getPosition(xForRightDirections, yForStartUpDirections),\n    rightStartDown: getPosition(xForRightDirections, yForStartDownDirections),\n  };\n};\n\ntype ComputedPositionAndDirectionParams = {\n  // Координата точки, к которой крепится поповер. Для якоря — координата левой верхней точки якоря\n  position: Position;\n  contentSize: Size;\n  viewportSize: Size;\n  anchorSize?: Size;\n  offset?: number;\n  arrowOffset?: number;\n  direction: Direction;\n  spareDirection: Direction;\n  possibleDirections: readonly Direction[];\n  bannedDirections: readonly Direction[];\n};\n\nexport const getComputedPositionAndDirection = ({\n  position: initialPosition,\n  contentSize,\n  viewportSize,\n  anchorSize = { width: 0, height: 0 },\n  arrowOffset,\n  direction: initialDirection,\n  possibleDirections,\n  bannedDirections,\n  spareDirection,\n  offset = 0,\n}: ComputedPositionAndDirectionParams): {\n  direction: Direction;\n  position: Position;\n} => {\n  if (!initialPosition) {\n    return { position: initialPosition, direction: initialDirection };\n  }\n\n  const positionsByDirection = getPositionsByDirection({\n    contentSize,\n    anchorSize,\n    position: initialPosition,\n    arrowOffset,\n    offset,\n  });\n\n  const direction =\n    [initialDirection, ...possibleDirections]\n      .filter((dir) => !bannedDirections.includes(dir))\n      .find((dir) => {\n        const pos = positionsByDirection[dir];\n        const { width, height } = contentSize;\n\n        const isFittingDown = pos.y + height <= viewportSize.height;\n        const isFittingUp = pos.y >= 0;\n\n        const isFittingLeft = pos.x >= 0;\n        const isFittingRight = pos.x + width <= viewportSize.width;\n\n        return isFittingUp && isFittingDown && isFittingLeft && isFittingRight;\n      }) || spareDirection;\n\n  return {\n    direction,\n    position: positionsByDirection[direction],\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/Popover/usePopoverReposition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopoverReposition.js","names":["useEffect","useMutableRef","getAllParents","element","mutableParents","currentNode","push","parentNode","usePopoverReposition","isActive","scrollAnchorRef","onRequestReposition","onRequestRepositionRef","fn","current","window","addEventListener","allParents","forEach","parentEl","removeEventListener"],"sources":["../../../../../src/components/Popover/usePopoverReposition.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';\n\nconst getAllParents = (element: HTMLElement): readonly Node[] => {\n  const mutableParents: Node[] = [];\n  let currentNode: Node | null = element;\n\n  while (currentNode) {\n    currentNode !== element && mutableParents.push(currentNode);\n    currentNode = currentNode.parentNode;\n  }\n\n  return mutableParents;\n};\n\n/** Запрос репозиции поповера при ресайзе окна и скролле */\nexport const usePopoverReposition = ({\n  isActive,\n  scrollAnchorRef,\n  onRequestReposition,\n}: {\n  isActive: boolean;\n  /** При скролле родителей этого элемента будет запрашиваться репозиция поповера */\n  scrollAnchorRef: React.RefObject<HTMLElement | null>;\n  onRequestReposition: () => void;\n}) => {\n  const onRequestRepositionRef = useMutableRef(onRequestReposition);\n\n  useEffect(() => {\n    const fn = () => onRequestRepositionRef.current();\n    if (isActive) {\n      window.addEventListener('resize', fn);\n\n      const allParents = scrollAnchorRef?.current\n        ? getAllParents(scrollAnchorRef.current)\n        : [];\n      allParents.forEach((parentEl) => parentEl.addEventListener('scroll', fn));\n\n      return () => {\n        window.removeEventListener('resize', fn);\n\n        allParents.forEach((parentEl) =>\n          parentEl.removeEventListener('scroll', fn),\n        );\n      };\n    }\n    return undefined;\n  }, [scrollAnchorRef]);\n};\n"],"mappings":"AAAA,OAAgBA,SAAhB,KAAiC,OAAjC,CAEA,OAASC,aAAT,+CAEA,GAAMC,cAAa,CAAG,SAACC,CAAD,CAA2C,QACzDC,EAAsB,CAAG,EADgC,CAE3DC,CAAwB,CAAGF,CAFgC,CAIxDE,CAJwD,EAK7DA,CAAW,GAAKF,CAAhB,EAA2BC,CAAc,CAACE,IAAf,CAAoBD,CAApB,CALkC,CAM7DA,CAAW,CAAGA,CAAW,CAACE,UANmC,CAS/D,MAAOH,EACR,CAVD,CAaA,MAAO,IAAMI,qBAAoB,CAAG,WAS9B,IARJC,EAQI,GARJA,QAQI,CAPJC,CAOI,GAPJA,eAOI,CANJC,CAMI,GANJA,mBAMI,CACEC,CAAsB,CAAGX,aAAa,CAACU,CAAD,CADxC,CAGJX,SAAS,CAAC,UAAM,CACd,GAAMa,EAAE,CAAG,iBAAMD,EAAsB,CAACE,OAAvB,EAAN,CAAX,CACA,GAAIL,CAAJ,CAAc,CACZM,MAAM,CAACC,gBAAP,CAAwB,QAAxB,CAAkCH,CAAlC,CADY,CAGZ,GAAMI,EAAU,CAAG,OAAAP,CAAe,WAAfA,CAAA,EAAAA,CAAe,CAAEI,OAAjB,CACfZ,aAAa,CAACQ,CAAe,CAACI,OAAjB,CADE,CAEf,EAFJ,CAKA,MAFAG,EAAU,CAACC,OAAX,CAAmB,SAACC,CAAD,QAAcA,EAAQ,CAACH,gBAAT,CAA0B,QAA1B,CAAoCH,CAApC,CAAd,CAAnB,CAEA,CAAO,UAAM,CACXE,MAAM,CAACK,mBAAP,CAA2B,QAA3B,CAAqCP,CAArC,CADW,CAGXI,CAAU,CAACC,OAAX,CAAmB,SAACC,CAAD,QACjBA,EAAQ,CAACC,mBAAT,CAA6B,QAA7B,CAAuCP,CAAvC,CADiB,CAAnB,CAGD,CACF,CAEF,CAnBQ,CAmBN,CAACH,CAAD,CAnBM,CAoBV,CAhCM"}
+{"version":3,"file":"usePopoverReposition.js","names":["useEffect","useMutableRef","getAllParents","element","mutableParents","currentNode","push","parentNode","usePopoverReposition","isActive","scrollAnchorRef","onRequestReposition","onRequestRepositionRef","fn","current","window","addEventListener","allParents","forEach","parentEl","removeEventListener"],"sources":["../../../../../src/components/Popover/usePopoverReposition.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\n\nconst getAllParents = (element: HTMLElement): readonly Node[] => {\n  const mutableParents: Node[] = [];\n  let currentNode: Node | null = element;\n\n  while (currentNode) {\n    currentNode !== element && mutableParents.push(currentNode);\n    currentNode = currentNode.parentNode;\n  }\n\n  return mutableParents;\n};\n\n/** Запрос репозиции поповера при ресайзе окна и скролле */\nexport const usePopoverReposition = ({\n  isActive,\n  scrollAnchorRef,\n  onRequestReposition,\n}: {\n  isActive: boolean;\n  /** При скролле родителей этого элемента будет запрашиваться репозиция поповера */\n  scrollAnchorRef: React.RefObject<HTMLElement | null>;\n  onRequestReposition: () => void;\n}) => {\n  const onRequestRepositionRef = useMutableRef(onRequestReposition);\n\n  useEffect(() => {\n    const fn = () => onRequestRepositionRef.current();\n    if (isActive) {\n      window.addEventListener('resize', fn);\n\n      const allParents = scrollAnchorRef?.current\n        ? getAllParents(scrollAnchorRef.current)\n        : [];\n      allParents.forEach((parentEl) => parentEl.addEventListener('scroll', fn));\n\n      return () => {\n        window.removeEventListener('resize', fn);\n\n        allParents.forEach((parentEl) =>\n          parentEl.removeEventListener('scroll', fn),\n        );\n      };\n    }\n    return undefined;\n  }, [scrollAnchorRef]);\n};\n"],"mappings":"AAAA,OAAgBA,SAAhB,KAAiC,OAAjC,CAEA,OAASC,aAAT,+CAEA,GAAMC,cAAa,CAAG,SAACC,CAAD,CAA2C,QACzDC,EAAsB,CAAG,EADgC,CAE3DC,CAAwB,CAAGF,CAFgC,CAIxDE,CAJwD,EAK7DA,CAAW,GAAKF,CAAhB,EAA2BC,CAAc,CAACE,IAAf,CAAoBD,CAApB,CALkC,CAM7DA,CAAW,CAAGA,CAAW,CAACE,UANmC,CAS/D,MAAOH,EACR,CAVD,CAaA,MAAO,IAAMI,qBAAoB,CAAG,WAS9B,IARJC,EAQI,GARJA,QAQI,CAPJC,CAOI,GAPJA,eAOI,CANJC,CAMI,GANJA,mBAMI,CACEC,CAAsB,CAAGX,aAAa,CAACU,CAAD,CADxC,CAGJX,SAAS,CAAC,UAAM,CACd,GAAMa,EAAE,CAAG,iBAAMD,EAAsB,CAACE,OAAvB,EAAN,CAAX,CACA,GAAIL,CAAJ,CAAc,CACZM,MAAM,CAACC,gBAAP,CAAwB,QAAxB,CAAkCH,CAAlC,CADY,CAGZ,GAAMI,EAAU,CAAG,OAAAP,CAAe,WAAfA,CAAA,EAAAA,CAAe,CAAEI,OAAjB,CACfZ,aAAa,CAACQ,CAAe,CAACI,OAAjB,CADE,CAEf,EAFJ,CAKA,MAFAG,EAAU,CAACC,OAAX,CAAmB,SAACC,CAAD,QAAcA,EAAQ,CAACH,gBAAT,CAA0B,QAA1B,CAAoCH,CAApC,CAAd,CAAnB,CAEA,CAAO,UAAM,CACXE,MAAM,CAACK,mBAAP,CAA2B,QAA3B,CAAqCP,CAArC,CADW,CAGXI,CAAU,CAACC,OAAX,CAAmB,SAACC,CAAD,QACjBA,EAAQ,CAACC,mBAAT,CAA6B,QAA7B,CAAuCP,CAAvC,CADiB,CAAnB,CAGD,CACF,CAEF,CAnBQ,CAmBN,CAACH,CAAD,CAnBM,CAoBV,CAhCM"}

package/__internal__/src/components/Table/TextFilter/TableTextFilter.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableTextFilter.css";import{IconSearchStroked}from"@consta/icons/IconSearchStroked";import React,{useMemo,useState}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CheckboxGroup}from"../../CheckboxGroup";import{Text}from"../../Text/Text";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnTextFilter=cn("TableTextFilter"),sanitizeRegex=function(a){return a.replaceAll(/[.*+?^${}()|[\]\\]/g,"\\$&").replaceAll(/\$/g,"$$$$")};export var TableTextFilter=function(a){var b=a.items,c=void 0===b?[]:b,d=a.withSearch,e=a.onConfirm,f=a.onCancel,g=a.filterValue,h=a.title,i=a.emptySearchText,j=void 0===i?"\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E :(":i,k=useState(null),l=_slicedToArray(k,2),m=l[0],n=l[1],o=useState(g||c),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMemo(function(){return m?c.filter(function(a){var b=a.name;return b.match(new RegExp(sanitizeRegex(m),"i"))}):c},[m,c]),t=useMemo(function(){return s.length===(null===q||void 0===q?void 0:q.length)},[s,q]),u=useMemo(function(){return null===q||void 0===q?void 0:q.length},[q]);return React.createElement(TableFilterContainer,{title:h,onCancel:f,onConfirm:function confirmHandler(){n(null),e(null===q?[]:q)}},void 0!==d&&d&&React.createElement(TextField,{value:m,onChange:n,leftSide:IconSearchStroked,size:"s",placeholder:"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0441\u043F\u0438\u0441\u043A\u0435",className:cnTextFilter("Searchbar")}),React.createElement("div",{className:cnTextFilter("Controls")},React.createElement(Button,{size:"m",type:"button",form:"brick",label:"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",view:"clear",onClick:function setAll(){r(s)},disabled:!s.length||t}),React.createElement(Button,{size:"m",form:"brick",type:"button",label:"\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C",view:"clear",onClick:function resetHandler(){r(null)},disabled:!s.length||!u})),React.createElement("div",{className:cnTextFilter("Checkboxes",[cnMixScrollBar()])},s.length?React.createElement(CheckboxGroup,{items:s,value:q,getItemLabel:function getItemLabel(a){return a.name},onChange:r,name:"checkboxGroup"}):React.createElement(Text,{lineHeight:"2xs",view:"primary",size:"m"},j)))};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableTextFilter.css";import{IconSearchStroked}from"@consta/icons/IconSearchStroked";import React,{useMemo,useState}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CheckboxGroup}from"../../CheckboxGroup";import{Text}from"../../Text/Text";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnTextFilter=cn("TableTextFilter"),sanitizeRegex=function(a){return a.replaceAll(/[.*+?^${}()|[\]\\]/g,"\\$&").replaceAll(/\$/g,"$$$$")},intersectArrays=function(a,b){return a.filter(function(a){var c=a.value;return b.some(function(a){var b=a.value;return c===b})})};export var TableTextFilter=function(a){var b=a.items,c=void 0===b?[]:b,d=a.withSearch,e=a.onConfirm,f=a.onCancel,g=a.filterValue,h=a.title,i=a.emptySearchText,j=void 0===i?"\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E :(":i,k=useState(null),l=_slicedToArray(k,2),m=l[0],n=l[1],o=useState(g||c),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMemo(function(){if(!m)return c;var a=new RegExp(sanitizeRegex(m),"i");return c.filter(function(b){var c=b.name;return c.match(a)})},[m,c]),t=useMemo(function(){return intersectArrays(s,null!==q&&void 0!==q?q:[])},[s,q]),u=useMemo(function(){return s.length===t.length},[s,t]),v=useMemo(function(){return t.length},[t]);return React.createElement(TableFilterContainer,{title:h,onCancel:f,onConfirm:function confirmHandler(){n(null),e(t)}},void 0!==d&&d&&React.createElement(TextField,{value:m,onChange:n,leftSide:IconSearchStroked,size:"s",placeholder:"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0441\u043F\u0438\u0441\u043A\u0435",className:cnTextFilter("Searchbar")}),React.createElement("div",{className:cnTextFilter("Controls")},React.createElement(Button,{size:"m",type:"button",form:"brick",label:"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",view:"clear",onClick:function setAll(){r(s)},disabled:!s.length||u}),React.createElement(Button,{size:"m",form:"brick",type:"button",label:"\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C",view:"clear",onClick:function resetHandler(){r(null)},disabled:!s.length||!v})),React.createElement("div",{className:cnTextFilter("Checkboxes",[cnMixScrollBar()])},s.length?React.createElement(CheckboxGroup,{items:s,value:q,getItemLabel:function getItemLabel(a){return a.name},onChange:r,name:"checkboxGroup"}):React.createElement(Text,{lineHeight:"2xs",view:"primary",size:"m"},j)))};
 //# sourceMappingURL=TableTextFilter.js.map

package/__internal__/src/components/Table/TextFilter/TableTextFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTextFilter.js","names":["IconSearchStroked","React","useMemo","useState","cnMixScrollBar","cn","Button","CheckboxGroup","Text","TextField","TableFilterContainer","cnTextFilter","sanitizeRegex","futureRegex","replaceAll","TableTextFilter","items","withSearch","onConfirm","onCancel","filterValue","title","emptySearchText","searchValue","setSearchValue","checkboxGroupValue","setCheckboxGroupValue","filteredItems","filter","name","match","RegExp","isAllSelected","length","isSelected","confirmHandler","setAll","resetHandler","item"],"sources":["../../../../../../src/components/Table/TextFilter/TableTextFilter.tsx"],"sourcesContent":["import './TableTextFilter.css';\n\nimport { IconSearchStroked } from '@consta/icons/IconSearchStroked';\nimport React, { useMemo, useState } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { CheckboxGroup } from '../../CheckboxGroup';\nimport { Text } from '../../Text/Text';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnTextFilter = cn('TableTextFilter');\n\ntype Item = {\n  name: string;\n  value: string;\n};\n\ntype TableTextFilterProps = FilterComponentProps & {\n  items?: Item[];\n  withSearch?: boolean;\n  title?: string;\n  emptySearchText?: string;\n};\n\nconst sanitizeRegex = (futureRegex: string): string =>\n  futureRegex\n    .replaceAll(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    .replaceAll(/\\$/g, '$$$$');\n\nexport const TableTextFilter: React.FC<TableTextFilterProps> = ({\n  items = [],\n  withSearch = false,\n  onConfirm,\n  onCancel,\n  filterValue,\n  title,\n  emptySearchText = 'Ничего не найдено :(',\n}) => {\n  const [searchValue, setSearchValue] = useState<string | null>(null);\n  const [checkboxGroupValue, setCheckboxGroupValue] = useState<Item[] | null>(\n    (filterValue as Item[]) || items,\n  );\n\n  const confirmHandler = () => {\n    setSearchValue(null);\n    onConfirm(checkboxGroupValue === null ? [] : checkboxGroupValue);\n  };\n\n  const resetHandler = () => {\n    setCheckboxGroupValue(null);\n  };\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) {\n      return items;\n    }\n\n    return items.filter(({ name }) => {\n      return name.match(new RegExp(sanitizeRegex(searchValue), 'i'));\n    });\n  }, [searchValue, items]);\n\n  const setAll = () => {\n    setCheckboxGroupValue(filteredItems);\n  };\n\n  const isAllSelected = useMemo(\n    () => filteredItems.length === checkboxGroupValue?.length,\n    [filteredItems, checkboxGroupValue],\n  );\n\n  const isSelected = useMemo(\n    () => checkboxGroupValue?.length,\n    [checkboxGroupValue],\n  );\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      {withSearch && (\n        <TextField\n          value={searchValue}\n          onChange={setSearchValue}\n          leftSide={IconSearchStroked}\n          size=\"s\"\n          placeholder=\"Найти в списке\"\n          className={cnTextFilter('Searchbar')}\n        />\n      )}\n      <div className={cnTextFilter('Controls')}>\n        <Button\n          size=\"m\"\n          type=\"button\"\n          form=\"brick\"\n          label=\"Выбрать все\"\n          view=\"clear\"\n          onClick={setAll}\n          disabled={!filteredItems.length || isAllSelected}\n        />\n        <Button\n          size=\"m\"\n          form=\"brick\"\n          type=\"button\"\n          label=\"Сбросить\"\n          view=\"clear\"\n          onClick={resetHandler}\n          disabled={!filteredItems.length || !isSelected}\n        />\n      </div>\n      <div className={cnTextFilter('Checkboxes', [cnMixScrollBar()])}>\n        {filteredItems.length ? (\n          <CheckboxGroup\n            items={filteredItems}\n            value={checkboxGroupValue}\n            getItemLabel={(item) => item.name}\n            onChange={setCheckboxGroupValue}\n            name=\"checkboxGroup\"\n          />\n        ) : (\n          <Text lineHeight=\"2xs\" view=\"primary\" size=\"m\">\n            {emptySearchText}\n          </Text>\n        )}\n      </div>\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TableTextFilter.js","names":["IconSearchStroked","React","useMemo","useState","cnMixScrollBar","cn","Button","CheckboxGroup","Text","TextField","TableFilterContainer","cnTextFilter","sanitizeRegex","futureRegex","replaceAll","intersectArrays","one","other","filter","oneValue","value","some","otherValue","TableTextFilter","items","withSearch","onConfirm","onCancel","filterValue","title","emptySearchText","searchValue","setSearchValue","checkboxGroupValue","setCheckboxGroupValue","filteredItems","regex","RegExp","name","match","filteredAndChecked","isAllSelected","length","isSelected","confirmHandler","setAll","resetHandler","item"],"sources":["../../../../../../src/components/Table/TextFilter/TableTextFilter.tsx"],"sourcesContent":["import './TableTextFilter.css';\n\nimport { IconSearchStroked } from '@consta/icons/IconSearchStroked';\nimport React, { useMemo, useState } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { CheckboxGroup } from '../../CheckboxGroup';\nimport { Text } from '../../Text/Text';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnTextFilter = cn('TableTextFilter');\n\ntype Item = {\n  name: string;\n  value: string;\n};\n\ntype TableTextFilterProps = FilterComponentProps & {\n  items?: Item[];\n  withSearch?: boolean;\n  title?: string;\n  emptySearchText?: string;\n};\n\nconst sanitizeRegex = (futureRegex: string): string =>\n  futureRegex\n    .replaceAll(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    .replaceAll(/\\$/g, '$$$$');\n\nconst intersectArrays = (one: Item[], other: Item[]) =>\n  one.filter(({ value: oneValue }) =>\n    other.some(({ value: otherValue }) => oneValue === otherValue),\n  );\n\nexport const TableTextFilter: React.FC<TableTextFilterProps> = ({\n  items = [],\n  withSearch = false,\n  onConfirm,\n  onCancel,\n  filterValue,\n  title,\n  emptySearchText = 'Ничего не найдено :(',\n}) => {\n  const [searchValue, setSearchValue] = useState<string | null>(null);\n  const [checkboxGroupValue, setCheckboxGroupValue] = useState<Item[] | null>(\n    (filterValue as Item[]) || items,\n  );\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) {\n      return items;\n    }\n\n    const regex = new RegExp(sanitizeRegex(searchValue), 'i');\n\n    return items.filter(({ name }) => name.match(regex));\n  }, [searchValue, items]);\n\n  const setAll = () => {\n    setCheckboxGroupValue(filteredItems);\n  };\n\n  const filteredAndChecked = useMemo(\n    () => intersectArrays(filteredItems, checkboxGroupValue ?? []),\n    [filteredItems, checkboxGroupValue],\n  );\n\n  const isAllSelected = useMemo(\n    () => filteredItems.length === filteredAndChecked.length,\n    [filteredItems, filteredAndChecked],\n  );\n\n  const isSelected = useMemo(\n    () => filteredAndChecked.length,\n    [filteredAndChecked],\n  );\n\n  const confirmHandler = () => {\n    setSearchValue(null);\n    onConfirm(filteredAndChecked);\n  };\n\n  const resetHandler = () => {\n    setCheckboxGroupValue(null);\n  };\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      {withSearch && (\n        <TextField\n          value={searchValue}\n          onChange={setSearchValue}\n          leftSide={IconSearchStroked}\n          size=\"s\"\n          placeholder=\"Найти в списке\"\n          className={cnTextFilter('Searchbar')}\n        />\n      )}\n      <div className={cnTextFilter('Controls')}>\n        <Button\n          size=\"m\"\n          type=\"button\"\n          form=\"brick\"\n          label=\"Выбрать все\"\n          view=\"clear\"\n          onClick={setAll}\n          disabled={!filteredItems.length || isAllSelected}\n        />\n        <Button\n          size=\"m\"\n          form=\"brick\"\n          type=\"button\"\n          label=\"Сбросить\"\n          view=\"clear\"\n          onClick={resetHandler}\n          disabled={!filteredItems.length || !isSelected}\n        />\n      </div>\n      <div className={cnTextFilter('Checkboxes', [cnMixScrollBar()])}>\n        {filteredItems.length ? (\n          <CheckboxGroup\n            items={filteredItems}\n            value={checkboxGroupValue}\n            getItemLabel={(item) => item.name}\n            onChange={setCheckboxGroupValue}\n            name=\"checkboxGroup\"\n          />\n        ) : (\n          <Text lineHeight=\"2xs\" view=\"primary\" size=\"m\">\n            {emptySearchText}\n          </Text>\n        )}\n      </div>\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"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"}

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

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

package/__internal__/src/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isOpen","size","status","onSetDirection","offset","style","className","children"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Tooltip.css";import React,{forwardRef,useMemo,useRef,useState}from"react";import{Transition}from"react-transition-group";import{useForkRef}from"../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../mixs/MixPopoverAnimate";import{cnMixPopoverArrow}from"../../mixs/MixPopoverArrow/MixPopoverArrow";import{cn}from"../../utils/bem";import{Popover}from"../Popover";import{Text}from"../Text";import{generateDeps,generateThemeClassNames,ThemeContext,useTheme}from"../Theme";import{tooltipPropSizesDefault}from"./types";var cnTooltip=cn("Tooltip"),ARROW_SIZE=6,ARROW_OFFSET=8;export var Tooltip=forwardRef(function(a,b){var c=a.isOpen,d=a.size,e=void 0===d?tooltipPropSizesDefault:d,f=a.status,g=a.onSetDirection,h=a.offset,i=void 0===h?0:h,j=a.style,k=a.className,l=a.children,m=_objectWithoutProperties(a,_excluded),n=useRef(null),o=useForkRef([n,b]),p=useTheme(),q=p.theme,r=useState(),s=_slicedToArray(r,2),t=s[0],u=s[1],v=function(a){null===g||void 0===g?void 0:g(a),u(a)},w=useMemo(function(){var a=_objectSpread(_objectSpread({},q),{},{color:{primary:f?q.color.accent:q.color.invert,accent:q.color.accent,invert:q.color.primary}});return{theme:a,themeClassNames:generateThemeClassNames(a)}},[generateDeps(q),f]);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:animateTimeout,nodeRef:n},function(a){var b;return React.createElement(ThemeContext.Provider,{value:w},React.createElement(Popover,Object.assign({},m,{arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:ARROW_SIZE+ARROW_OFFSET/2+i,onSetDirection:v,ref:o,className:cnTooltip({status:f},[k,cnMixPopoverAnimate({animate:a})]),style:_objectSpread((b={},_defineProperty(b,"--popover-arrow-size","".concat(ARROW_SIZE,"px")),_defineProperty(b,"--popover-arrow-offset","".concat(ARROW_OFFSET,"px")),b),j)}),React.createElement("div",{className:cnTooltip("Background")}),React.createElement("div",{className:cnTooltip("Arrow",[cnMixPopoverArrow({direction:t})])}),React.createElement("div",{className:cnTooltip("Content",{size:e})},"string"==typeof l||"number"==typeof l?React.createElement(Text,{view:"primary",size:"m",lineHeight:"m"},l):l)))})});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isOpen","size","status","onSetDirection","offset","style","className","children","viewportRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Tooltip.css";import React,{forwardRef,useMemo,useRef,useState}from"react";import{Transition}from"react-transition-group";import{useForkRef}from"../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../mixs/MixPopoverAnimate";import{cnMixPopoverArrow}from"../../mixs/MixPopoverArrow/MixPopoverArrow";import{cn}from"../../utils/bem";import{Popover}from"../Popover";import{Text}from"../Text";import{generateDeps,generateThemeClassNames,ThemeContext,useTheme}from"../Theme";import{tooltipPropSizesDefault}from"./types";var cnTooltip=cn("Tooltip"),ARROW_SIZE=6,ARROW_OFFSET=8;export var Tooltip=forwardRef(function(a,b){var c=a.isOpen,d=a.size,e=void 0===d?tooltipPropSizesDefault:d,f=a.status,g=a.onSetDirection,h=a.offset,i=void 0===h?0:h,j=a.style,k=a.className,l=a.children,m=a.viewportRef,n=_objectWithoutProperties(a,_excluded),o=useRef(null),p=useForkRef([o,b]),q=useTheme(),r=q.theme,s=useState(),t=_slicedToArray(s,2),u=t[0],v=t[1],w=function(a){null===g||void 0===g?void 0:g(a),v(a)},x=useMemo(function(){var a=_objectSpread(_objectSpread({},r),{},{color:{primary:f?r.color.accent:r.color.invert,accent:r.color.accent,invert:r.color.primary}});return{theme:a,themeClassNames:generateThemeClassNames(a)}},[generateDeps(r),f]);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:animateTimeout,nodeRef:o},function(a){var b;return React.createElement(ThemeContext.Provider,{value:x},React.createElement(Popover,Object.assign({},n,{arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:ARROW_SIZE+ARROW_OFFSET/2+i,onSetDirection:w,ref:p,viewportRef:m,className:cnTooltip({status:f},[k,cnMixPopoverAnimate({animate:a})]),style:_objectSpread((b={},_defineProperty(b,"--popover-arrow-size","".concat(ARROW_SIZE,"px")),_defineProperty(b,"--popover-arrow-offset","".concat(ARROW_OFFSET,"px")),b),j)}),React.createElement("div",{className:cnTooltip("Background")}),React.createElement("div",{className:cnTooltip("Arrow",[cnMixPopoverArrow({direction:u})])}),React.createElement("div",{className:cnTooltip("Content",{size:e})},"string"==typeof l||"number"==typeof l?React.createElement(Text,{view:"primary",size:"m",lineHeight:"m"},l):l)))})});
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","forwardRef","useMemo","useRef","useState","Transition","useForkRef","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","cn","Popover","Text","generateDeps","generateThemeClassNames","ThemeContext","useTheme","tooltipPropSizesDefault","cnTooltip","ARROW_SIZE","ARROW_OFFSET","Tooltip","props","ref","isOpen","size","status","onSetDirectionProp","onSetDirection","offset","style","className","children","otherProps","contentRef","contentForkedRef","theme","direction","setDirection","value","tooltipTheme","color","primary","accent","invert","themeClassNames","animate"],"sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import './Tooltip.css';\n\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '##/mixs/MixPopoverArrow/MixPopoverArrow';\nimport { cn } from '##/utils/bem';\n\nimport { Direction, Popover } from '../Popover';\nimport { Text } from '../Text';\nimport {\n  generateDeps,\n  generateThemeClassNames,\n  ThemeContext,\n  useTheme,\n} from '../Theme';\nimport { TooltipProps, tooltipPropSizesDefault } from './types';\n\nconst cnTooltip = cn('Tooltip');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 8;\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  (props, ref) => {\n    const {\n      isOpen,\n      size = tooltipPropSizesDefault,\n      status,\n      onSetDirection: onSetDirectionProp,\n      offset = 0,\n      style,\n      className,\n      children,\n      ...otherProps\n    } = props;\n\n    const contentRef = useRef(null);\n    const contentForkedRef = useForkRef([contentRef, ref]);\n\n    const { theme } = useTheme();\n\n    const [direction, setDirection] = useState<Direction | undefined>();\n\n    const onSetDirection = (direction: Direction) => {\n      onSetDirectionProp?.(direction);\n      setDirection(direction);\n    };\n\n    const value = useMemo(() => {\n      const tooltipTheme = {\n        ...theme,\n        color: {\n          primary: status ? theme.color.accent : theme.color.invert,\n          accent: theme.color.accent,\n          invert: theme.color.primary,\n        },\n      };\n      return {\n        theme: tooltipTheme,\n        themeClassNames: generateThemeClassNames(tooltipTheme),\n      };\n    }, [generateDeps(theme), status]);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={contentRef}\n      >\n        {(animate) => (\n          <ThemeContext.Provider value={value}>\n            <Popover\n              {...otherProps}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + ARROW_OFFSET / 2 + offset}\n              onSetDirection={onSetDirection}\n              ref={contentForkedRef}\n              className={cnTooltip({ status }, [\n                className,\n                cnMixPopoverAnimate({ animate }),\n              ])}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                ...style,\n              }}\n            >\n              <div className={cnTooltip('Background')} />\n              <div\n                className={cnTooltip('Arrow', [\n                  cnMixPopoverArrow({ direction }),\n                ])}\n              />\n              <div className={cnTooltip('Content', { size })}>\n                {typeof children === 'string' ||\n                typeof children === 'number' ? (\n                  <Text view=\"primary\" size=\"m\" lineHeight=\"m\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </div>\n            </Popover>\n          </ThemeContext.Provider>\n        )}\n      </Transition>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","forwardRef","useMemo","useRef","useState","Transition","useForkRef","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","cn","Popover","Text","generateDeps","generateThemeClassNames","ThemeContext","useTheme","tooltipPropSizesDefault","cnTooltip","ARROW_SIZE","ARROW_OFFSET","Tooltip","props","ref","isOpen","size","status","onSetDirectionProp","onSetDirection","offset","style","className","children","viewportRef","otherProps","contentRef","contentForkedRef","theme","direction","setDirection","value","tooltipTheme","color","primary","accent","invert","themeClassNames","animate"],"sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import './Tooltip.css';\n\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '##/mixs/MixPopoverArrow/MixPopoverArrow';\nimport { cn } from '##/utils/bem';\n\nimport { Direction, Popover } from '../Popover';\nimport { Text } from '../Text';\nimport {\n  generateDeps,\n  generateThemeClassNames,\n  ThemeContext,\n  useTheme,\n} from '../Theme';\nimport { TooltipProps, tooltipPropSizesDefault } from './types';\n\nconst cnTooltip = cn('Tooltip');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 8;\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  (props, ref) => {\n    const {\n      isOpen,\n      size = tooltipPropSizesDefault,\n      status,\n      onSetDirection: onSetDirectionProp,\n      offset = 0,\n      style,\n      className,\n      children,\n      viewportRef,\n      ...otherProps\n    } = props;\n\n    const contentRef = useRef(null);\n    const contentForkedRef = useForkRef([contentRef, ref]);\n\n    const { theme } = useTheme();\n\n    const [direction, setDirection] = useState<Direction | undefined>();\n\n    const onSetDirection = (direction: Direction) => {\n      onSetDirectionProp?.(direction);\n      setDirection(direction);\n    };\n\n    const value = useMemo(() => {\n      const tooltipTheme = {\n        ...theme,\n        color: {\n          primary: status ? theme.color.accent : theme.color.invert,\n          accent: theme.color.accent,\n          invert: theme.color.primary,\n        },\n      };\n      return {\n        theme: tooltipTheme,\n        themeClassNames: generateThemeClassNames(tooltipTheme),\n      };\n    }, [generateDeps(theme), status]);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={contentRef}\n      >\n        {(animate) => (\n          <ThemeContext.Provider value={value}>\n            <Popover\n              {...otherProps}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + ARROW_OFFSET / 2 + offset}\n              onSetDirection={onSetDirection}\n              ref={contentForkedRef}\n              viewportRef={viewportRef}\n              className={cnTooltip({ status }, [\n                className,\n                cnMixPopoverAnimate({ animate }),\n              ])}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                ...style,\n              }}\n            >\n              <div className={cnTooltip('Background')} />\n              <div\n                className={cnTooltip('Arrow', [\n                  cnMixPopoverArrow({ direction }),\n                ])}\n              />\n              <div className={cnTooltip('Content', { size })}>\n                {typeof children === 'string' ||\n                typeof children === 'number' ? (\n                  <Text view=\"primary\" size=\"m\" lineHeight=\"m\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </div>\n            </Popover>\n          </ThemeContext.Provider>\n        )}\n      </Transition>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -20,4 +20,5 @@ export declare type TooltipProps = PropsWithJsxAttributes<{
     className?: string;
     offset?: number;
     onSetDirection?: (direction: Direction) => void;
+    viewportRef?: React.RefObject<HTMLElement>;
 } & PositioningProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["tooltipPropSizes","tooltipPropSizesDefault","tooltipPropStatus"],"sources":["../../../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '##/hooks/useClickOutside/useClickOutside';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { Direction, PositioningProps } from '../Popover/Popover';\n\nexport const tooltipPropSizes = ['m', 's', 'l'] as const;\nexport type TooltipPropSize = typeof tooltipPropSizes[number];\nexport const tooltipPropSizesDefault: TooltipPropSize = tooltipPropSizes[0];\n\nexport const tooltipPropStatus = [\n  'normal',\n  'alert',\n  'success',\n  'warning',\n] as const;\nexport type TooltipPropStatus = typeof tooltipPropStatus[number];\n\nexport type TooltipProps = PropsWithJsxAttributes<\n  {\n    isOpen?: boolean;\n    size?: TooltipPropSize;\n    status?: TooltipPropStatus;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode;\n    onClickOutside?: ClickOutsideHandler;\n    className?: string;\n    offset?: number;\n    onSetDirection?: (direction: Direction) => void;\n  } & PositioningProps\n>;\n"],"mappings":"AAKA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAwC,CAAGD,gBAAgB,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,QAD+B,CAE/B,OAF+B,CAG/B,SAH+B,CAI/B,SAJ+B,CAA1B"}
+{"version":3,"file":"types.js","names":["tooltipPropSizes","tooltipPropSizesDefault","tooltipPropStatus"],"sources":["../../../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '##/hooks/useClickOutside/useClickOutside';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { Direction, PositioningProps } from '../Popover/Popover';\n\nexport const tooltipPropSizes = ['m', 's', 'l'] as const;\nexport type TooltipPropSize = typeof tooltipPropSizes[number];\nexport const tooltipPropSizesDefault: TooltipPropSize = tooltipPropSizes[0];\n\nexport const tooltipPropStatus = [\n  'normal',\n  'alert',\n  'success',\n  'warning',\n] as const;\nexport type TooltipPropStatus = typeof tooltipPropStatus[number];\n\nexport type TooltipProps = PropsWithJsxAttributes<\n  {\n    isOpen?: boolean;\n    size?: TooltipPropSize;\n    status?: TooltipPropStatus;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode;\n    onClickOutside?: ClickOutsideHandler;\n    className?: string;\n    offset?: number;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n  } & PositioningProps\n>;\n"],"mappings":"AAKA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAwC,CAAGD,gBAAgB,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,QAD+B,CAE/B,OAF+B,CAG/B,SAH+B,CAI/B,SAJ+B,CAA1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "keywords": [
     "ui-kit",
     "design-system",