@consta/uikit 4.33.1 → 5.0.0-beta.2

package/__internal__/src/components/Spoiler/Spoiler.js

@@ -0,0 +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=["preview","maxHeight","content","size","lessIcon","lessLabel","children","moreIcon","moreLabel","className","lineClamp","buttonIndent","buttonAlign","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"./Spoiler.css";import React,{forwardRef}from"react";import{Text}from"../Text";import{getElementSize}from"../../hooks/useComponentSize";import{useFlag}from"../../hooks/useFlag";import{useForkRef}from"../../hooks/useForkRef";import{useRefs}from"../../hooks/useRefs";import{useResizeObserved}from"../../hooks/useResizeObserved";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{SpoilerButton}from"./SpoilerButton";import{defaultSpoilerPropButtonAlign,defaultSpoilerPropSize}from"./types";export var cnSpoiler=cn("Spoiler");var spoilerOffsetMap={xs:"xs",s:"s",m:"m",l:"m"},getContent=function(a){var b=a.children,c=a.content,d=a.preview,e=a.lineClamp;return e?["lineClamp",b,b]:b?["blur",b,b]:["toggle",d,c]};export var Spoiler=forwardRef(function(a,b){var c=a.preview,d=a.maxHeight,e=a.content,f=a.size,g=void 0===f?defaultSpoilerPropSize:f,h=a.lessIcon,i=a.lessLabel,j=a.children,k=a.moreIcon,l=a.moreLabel,m=a.className,n=a.lineClamp,o=a.buttonIndent,p=a.buttonAlign,q=void 0===p?defaultSpoilerPropButtonAlign:p,r=a.style,s=_objectWithoutProperties(a,_excluded),t=useFlag(),u=_slicedToArray(t,2),v=u[0],w=u[1],x=getContent(a,v),y=_slicedToArray(x,3),z=y[0],A=y[1],B=y[2],C=useRefs(3),D=useResizeObserved(C,getElementSize),E=D[1].height>D[0].height;return React.createElement("div",Object.assign({},s,{className:cnSpoiler({size:g},[m]),ref:useForkRef([b,C[2]]),style:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},r),"number"==typeof d&&_defineProperty({},"--spoiler-content-max-height","".concat(d,"px"))),"number"==typeof n&&_defineProperty({},"--spoiler-content-line-clamp",n)),"number"==typeof D[2].width&&_defineProperty({},"--spoiler-content-width","".concat(D[2].width,"px")))}),React.createElement(Text,{ref:C[0],className:cnSpoiler("Content",{mode:z,hidden:v||!E}),size:g},A),React.createElement(Text,{ref:C[1],className:cnSpoiler("Content",{hidden:!v&&E}),size:g},B),E&&React.createElement("div",{className:cnSpoiler("ButtonWrapper",{align:q},[cnMixSpace({mT:"undefined"==typeof o?spoilerOffsetMap[g]:o})])},React.createElement(SpoilerButton,{className:cnSpoiler("Button"),lessIcon:h,lessLabel:i,moreIcon:k,moreLabel:l,onClick:w.toggle,open:v,size:g})))});
+//# sourceMappingURL=Spoiler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spoiler.js","names":["React","forwardRef","Text","getElementSize","useFlag","useForkRef","useRefs","useResizeObserved","cnMixSpace","cn","SpoilerButton","defaultSpoilerPropButtonAlign","defaultSpoilerPropSize","cnSpoiler","spoilerOffsetMap","xs","s","m","l","getContent","children","content","preview","lineClamp","Spoiler","props","ref","maxHeight","size","lessIcon","lessLabel","moreIcon","moreLabel","className","buttonIndent","buttonAlign","style","otherProps","isOpen","setIsOpen","mode","previewContent","fullContent","refs","sizes","visibleMoreButton","height","width","hidden","align","mT","toggle"],"sources":["../../../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import './Spoiler.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { getElementSize } from '##/hooks/useComponentSize';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\nimport { cnMixSpace, Space } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { SpoilerButton } from './SpoilerButton';\nimport {\n  defaultSpoilerPropButtonAlign,\n  defaultSpoilerPropSize,\n  SpoilerMode,\n  SpoilerProps,\n  SpoilerPropSize,\n} from './types';\n\nexport const cnSpoiler = cn('Spoiler');\n\nconst spoilerOffsetMap: Record<SpoilerPropSize, Space> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n\nconst getContent = (\n  { children, content, preview, lineClamp }: SpoilerProps,\n  isOpen: boolean,\n): [SpoilerMode, React.ReactNode, React.ReactNode] => {\n  if (lineClamp) {\n    return ['lineClamp', children, children];\n  }\n  if (children) {\n    return ['blur', children, children];\n  }\n  return ['toggle', preview, content];\n};\n\nexport const Spoiler = forwardRef<HTMLDivElement, SpoilerProps>(\n  (props, ref) => {\n    const {\n      preview,\n      maxHeight,\n      content,\n      size = defaultSpoilerPropSize,\n      lessIcon,\n      lessLabel,\n      children,\n      moreIcon,\n      moreLabel,\n      className,\n      lineClamp,\n      buttonIndent,\n      buttonAlign = defaultSpoilerPropButtonAlign,\n      style,\n      ...otherProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useFlag();\n    const [mode, previewContent, fullContent] = getContent(props, isOpen);\n    const refs = useRefs<HTMLDivElement>(3);\n    const sizes = useResizeObserved(refs, getElementSize);\n    const visibleMoreButton = sizes[1].height > sizes[0].height;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnSpoiler({ size }, [className])}\n        ref={useForkRef([ref, refs[2]])}\n        style={{\n          ...style,\n          ...(typeof maxHeight === 'number' && {\n            ['--spoiler-content-max-height' as string]: `${maxHeight}px`,\n          }),\n          ...(typeof lineClamp === 'number' && {\n            ['--spoiler-content-line-clamp' as string]: lineClamp,\n          }),\n          ...(typeof sizes[2].width === 'number' && {\n            ['--spoiler-content-width' as string]: `${sizes[2].width}px`,\n          }),\n        }}\n      >\n        <Text\n          ref={refs[0]}\n          className={cnSpoiler('Content', {\n            mode,\n            hidden: isOpen || !visibleMoreButton,\n          })}\n          size={size}\n        >\n          {previewContent}\n        </Text>\n        <Text\n          ref={refs[1]}\n          className={cnSpoiler('Content', {\n            hidden: !isOpen && visibleMoreButton,\n          })}\n          size={size}\n        >\n          {fullContent}\n        </Text>\n        {visibleMoreButton && (\n          <div\n            className={cnSpoiler('ButtonWrapper', { align: buttonAlign }, [\n              cnMixSpace({\n                mT:\n                  typeof buttonIndent === 'undefined'\n                    ? spoilerOffsetMap[size]\n                    : buttonIndent,\n              }),\n            ])}\n          >\n            <SpoilerButton\n              className={cnSpoiler('Button')}\n              lessIcon={lessIcon}\n              lessLabel={lessLabel}\n              moreIcon={moreIcon}\n              moreLabel={moreLabel}\n              onClick={setIsOpen.toggle}\n              open={isOpen}\n              size={size}\n            />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/Spoiler/SpoilerButton/SpoilerButton.css

@@ -0,0 +1 @@
+.SpoilerButton{align-items:center;color:var(--color-control-typo-secondary);cursor:pointer;display:inline-flex;gap:var(--space-xs);justify-content:center;transition:color .3s}.SpoilerButton:hover{color:var(--color-control-typo-secondary-hover)}.SpoilerButton-Label.Text{color:currentColor}

package/__internal__/src/components/Spoiler/SpoilerButton/SpoilerButton.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","lessIcon","lessLabel","moreIcon","moreLabel","className","open","as"];import"./SpoilerButton.css";import{AnimateIconSwitcher}from"@consta/icons/AnimateIconSwitcher";import{IconArrowDown}from"@consta/icons/IconArrowDown";import React from"react";import{cn}from"../../../utils/bem";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{Text}from"../../Text";import{defaultSpoilerPropSize}from"../types";export var cnSpoilerButton=cn("SpoilerButton");var spoilerIconSizeMap={l:"m",m:"s",s:"s",xs:"xs"};export var SpoilerButton=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?defaultSpoilerPropSize:c,e=a.lessIcon,f=a.lessLabel,g=void 0===f?"\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043C\u0435\u043D\u044C\u0448\u0435":f,h=a.moreIcon,i=void 0===h?IconArrowDown:h,j=a.moreLabel,k=void 0===j?"\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u043E\u043B\u044C\u0448\u0435":j,l=a.className,m=a.open,n=a.as,o=void 0===n?"div":n,p=_objectWithoutProperties(a,_excluded);return React.createElement(o,Object.assign({},p,{className:cnSpoilerButton({size:d},[l]),ref:b}),React.createElement(Text,{className:cnSpoilerButton("Label"),size:d,as:"span",lineHeight:"m",view:"primary"},m?g:k),React.createElement(AnimateIconSwitcher,{className:cnSpoilerButton("Icon"),startIcon:i,endIcon:e,active:m,endDirection:e?void 0:180,size:spoilerIconSizeMap[d]}))});
+//# sourceMappingURL=SpoilerButton.js.map

package/__internal__/src/components/Spoiler/SpoilerButton/SpoilerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpoilerButton.js","names":["AnimateIconSwitcher","IconArrowDown","React","cn","forwardRefWithAs","Text","defaultSpoilerPropSize","cnSpoilerButton","spoilerIconSizeMap","l","m","s","xs","SpoilerButton","props","ref","size","lessIcon","lessLabel","moreIcon","moreLabel","className","open","as","otherProps"],"sources":["../../../../../../src/components/Spoiler/SpoilerButton/SpoilerButton.tsx"],"sourcesContent":["import './SpoilerButton.css';\n\nimport { AnimateIconSwitcher } from '@consta/icons/AnimateIconSwitcher';\nimport { IconPropSize } from '@consta/icons/Icon';\nimport { IconArrowDown } from '@consta/icons/IconArrowDown';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { Text } from '../../Text';\nimport {\n  defaultSpoilerPropSize,\n  SpoilerButtonProps,\n  SpoilerPropSize,\n} from '../types';\n\nexport const cnSpoilerButton = cn('SpoilerButton');\n\nconst spoilerIconSizeMap: Record<SpoilerPropSize, IconPropSize> = {\n  l: 'm',\n  m: 's',\n  s: 's',\n  xs: 'xs',\n};\n\nexport const SpoilerButton = forwardRefWithAs<SpoilerButtonProps>(\n  (props, ref) => {\n    const {\n      size = defaultSpoilerPropSize,\n      lessIcon,\n      lessLabel = 'Показать меньше',\n      moreIcon = IconArrowDown,\n      moreLabel = 'Показать больше',\n      className,\n      open,\n      as = 'div',\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n\n    return (\n      <Tag\n        {...otherProps}\n        className={cnSpoilerButton({ size }, [className])}\n        ref={ref}\n      >\n        <Text\n          className={cnSpoilerButton('Label')}\n          size={size}\n          as=\"span\"\n          lineHeight=\"m\"\n          view=\"primary\"\n        >\n          {open ? lessLabel : moreLabel}\n        </Text>\n        <AnimateIconSwitcher\n          className={cnSpoilerButton('Icon')}\n          startIcon={moreIcon}\n          endIcon={lessIcon}\n          active={open}\n          endDirection={lessIcon ? undefined : 180}\n          size={spoilerIconSizeMap[size]}\n        />\n      </Tag>\n    );\n  },\n);\n"],"mappings":"kLAAA,4BAEA,OAASA,mBAAT,KAAoC,mCAApC,CAEA,OAASC,aAAT,KAA8B,6BAA9B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,gBAAT,kDAEA,OAASC,IAAT,kBACA,OACEC,sBADF,gBAMA,MAAO,IAAMC,gBAAe,CAAGJ,EAAE,CAAC,eAAD,CAA1B,CAEP,GAAMK,mBAAyD,CAAG,CAChEC,CAAC,CAAE,GAD6D,CAEhEC,CAAC,CAAE,GAF6D,CAGhEC,CAAC,CAAE,GAH6D,CAIhEC,EAAE,CAAE,IAJ4D,CAAlE,CAOA,MAAO,IAAMC,cAAa,CAAGT,gBAAgB,CAC3C,SAACU,CAAD,CAAQC,CAAR,CAAgB,OAWVD,CAXU,CAEZE,IAFY,CAEZA,CAFY,YAELV,sBAFK,GAGZW,CAHY,CAWVH,CAXU,CAGZG,QAHY,GAWVH,CAXU,CAIZI,SAJY,CAIZA,CAJY,YAIA,uFAJA,KAWVJ,CAXU,CAKZK,QALY,CAKZA,CALY,YAKDlB,aALC,KAWVa,CAXU,CAMZM,SANY,CAMZA,CANY,YAMA,uFANA,GAOZC,CAPY,CAWVP,CAXU,CAOZO,SAPY,CAQZC,CARY,CAWVR,CAXU,CAQZQ,IARY,GAWVR,CAXU,CASZS,EATY,CASZA,CATY,YASP,KATO,GAUTC,CAVS,0BAWVV,CAXU,YAed,MACE,qBAHUS,CAGV,kBACMC,CADN,EAEE,SAAS,CAAEjB,eAAe,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACK,CAAD,CAAX,CAF5B,CAGE,GAAG,CAAEN,CAHP,GAKE,oBAAC,IAAD,EACE,SAAS,CAAER,eAAe,CAAC,OAAD,CAD5B,CAEE,IAAI,CAAES,CAFR,CAGE,EAAE,CAAC,MAHL,CAIE,UAAU,CAAC,GAJb,CAKE,IAAI,CAAC,SALP,EAOGM,CAAI,CAAGJ,CAAH,CAAeE,CAPtB,CALF,CAcE,oBAAC,mBAAD,EACE,SAAS,CAAEb,eAAe,CAAC,MAAD,CAD5B,CAEE,SAAS,CAAEY,CAFb,CAGE,OAAO,CAAEF,CAHX,CAIE,MAAM,CAAEK,CAJV,CAKE,YAAY,CAAEL,CAAQ,QAAe,GALvC,CAME,IAAI,CAAET,kBAAkB,CAACQ,CAAD,CAN1B,EAdF,CAwBH,CAzC0C,CAAtC"}

package/__internal__/src/components/Spoiler/SpoilerButton/index.js.map

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

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

@@ -0,0 +1,3 @@
+export * from './Spoiler';
+export * from './SpoilerButton';
+export * from './types';

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["spolierPropSize","defaultSpoilerPropSize","spolierPropButtonAlign","defaultSpoilerPropButtonAlign"],"sources":["../../../../../src/components/Spoiler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Space } from '##/mixs/MixSpace';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const spolierPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type SpoilerPropSize = typeof spolierPropSize[number];\nexport const defaultSpoilerPropSize = 'm';\n\nexport const spolierPropButtonAlign = ['left', 'center', 'right'] as const;\nexport type SpoilerPropButtonAlign = typeof spolierPropButtonAlign[number];\nexport const defaultSpoilerPropButtonAlign = spolierPropButtonAlign[0];\n\nexport type SpoilerModeProp = 'dots' | 'blur';\n\nexport type SpoilerButtonProps = {\n  size?: SpoilerPropSize;\n  lessLabel?: string;\n  lessIcon?: IconComponent;\n  moreLabel?: string;\n  moreIcon?: IconComponent;\n  open?: boolean;\n};\n\nexport type SpoilerProps = Omit<\n  PropsWithHTMLAttributes<\n    {\n      size?: SpoilerPropSize;\n      lessLabel?: string;\n      lessIcon?: IconComponent;\n      moreLabel?: string;\n      moreIcon?: IconComponent;\n      buttonIndent?: Space;\n      buttonAlign?: SpoilerPropButtonAlign;\n    },\n    HTMLDivElement\n  >,\n  'children'\n> &\n  (\n    | {\n        preview: React.ReactNode;\n        content: React.ReactNode;\n        maxHeight?: never;\n        children?: never;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight: number;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight?: never;\n        lineClamp: number;\n      }\n  );\n\nexport type SpoilerMode = 'lineClamp' | 'blur' | 'toggle';\n"],"mappings":"AAMA,MAAO,IAAMA,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAxB,CAEP,MAAO,IAAMC,uBAAsB,CAAG,GAA/B,CAEP,MAAO,IAAMC,uBAAsB,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAA/B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,sBAAsB,CAAC,CAAD,CAA5D"}

package/__internal__/src/components/Steps/helper.d.ts

@@ -5,11 +5,14 @@ export declare function withDefaultGetters(props: StepsProps): {
     getItemDisabled: StepsPropGetDisabled<StepsItemDefault>;
     getItemCompleted: StepsPropGetCompleted<StepsItemDefault>;
     getItemSkipped: StepsPropGetSkipped<StepsItemDefault>;
-    size?: "m" | "s" | "l" | undefined;
+    size?: "s" | "m" | "l" | undefined;
     items: StepsItemDefault[];
     value: StepsItemDefault;
     onChange: import("./types").StepsPropOnChange<StepsItemDefault>;
     className?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -23,11 +26,8 @@ export declare function withDefaultGetters(props: StepsProps): {
     id?: string | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
@@ -51,7 +51,7 @@ export declare function withDefaultGetters(props: StepsProps): {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -62,7 +62,7 @@ export declare function withDefaultGetters(props: StepsProps): {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

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

@@ -3,9 +3,8 @@ import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAt
 export declare const stepsSizes: readonly ["m", "s", "l"];
 export declare type StepsPropSize = typeof stepsSizes[number];
 export declare const stepsDefaultSize: StepsPropSize;
-export declare type StepsPropOnChange<ITEM> = (props: {
+export declare type StepsPropOnChange<ITEM> = (value: ITEM, props: {
     e: React.MouseEvent;
-    value: ITEM;
 }) => void;
 export declare type StepsPropGetLabel<ITEM> = (item: ITEM) => string;
 export declare type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["stepsSizes","stepsDefaultSize"],"sources":["../../../../../src/components/Steps/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const stepsSizes = ['m', 's', 'l'] as const;\nexport type StepsPropSize = typeof stepsSizes[number];\nexport const stepsDefaultSize: StepsPropSize = stepsSizes[0];\n\nexport type StepsPropOnChange<ITEM> = (props: {\n  e: React.MouseEvent;\n  value: ITEM;\n}) => void;\n\nexport type StepsPropGetLabel<ITEM> = (item: ITEM) => string;\nexport type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type StepsItemDefault = {\n  label: string;\n  disabled?: boolean;\n  skipped?: boolean;\n  completed?: boolean;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: StepsPropSize;\n    items: ITEM[];\n    value: ITEM;\n    getItemLabel?: StepsPropGetLabel<ITEM>;\n    getItemDisabled?: StepsPropGetDisabled<ITEM>;\n    getItemCompleted?: StepsPropGetCompleted<ITEM>;\n    getItemSkipped?: StepsPropGetSkipped<ITEM>;\n    onChange: StepsPropOnChange<ITEM>;\n    className?: string;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: StepsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: StepsPropGetLabel<ITEM>;\n      });\n\nexport type StepsCompnent = <ITEM>(\n  props: StepsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAEA,MAAO,IAAMA,WAAU,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAnB,CAEP,MAAO,IAAMC,iBAA+B,CAAGD,UAAU,CAAC,CAAD,CAAlD"}
+{"version":3,"file":"types.js","names":["stepsSizes","stepsDefaultSize"],"sources":["../../../../../src/components/Steps/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const stepsSizes = ['m', 's', 'l'] as const;\nexport type StepsPropSize = typeof stepsSizes[number];\nexport const stepsDefaultSize: StepsPropSize = stepsSizes[0];\n\nexport type StepsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type StepsPropGetLabel<ITEM> = (item: ITEM) => string;\nexport type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type StepsItemDefault = {\n  label: string;\n  disabled?: boolean;\n  skipped?: boolean;\n  completed?: boolean;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: StepsPropSize;\n    items: ITEM[];\n    value: ITEM;\n    getItemLabel?: StepsPropGetLabel<ITEM>;\n    getItemDisabled?: StepsPropGetDisabled<ITEM>;\n    getItemCompleted?: StepsPropGetCompleted<ITEM>;\n    getItemSkipped?: StepsPropGetSkipped<ITEM>;\n    onChange: StepsPropOnChange<ITEM>;\n    className?: string;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: StepsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: StepsPropGetLabel<ITEM>;\n      });\n\nexport type StepsCompnent = <ITEM>(\n  props: StepsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAEA,MAAO,IAAMA,WAAU,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAnB,CAEP,MAAO,IAAMC,iBAA+B,CAAGD,UAAU,CAAC,CAAD,CAAlD"}

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

@@ -4,13 +4,13 @@ export declare const cnSwitch: import("@bem-react/classname").ClassNameFormatter
 export declare const COMPONENT_NAME: "Switch";
 export declare const Switch: React.ForwardRefExoticComponent<{
     checked: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "primary" | "ghost" | undefined;
     align?: "center" | "top" | undefined;
     disabled?: boolean | undefined;
     className?: string | undefined;
     label?: string | undefined;
-    onChange?: import("./types").SwitchPropOnChange | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
     name?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
@@ -21,4 +21,4 @@ export declare const Switch: React.ForwardRefExoticComponent<{
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement> | undefined;
     children?: undefined;
-} & Omit<React.HTMLAttributes<HTMLLabelElement>, "css" | "className" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "size" | "label" | "view" | "step" | "name" | "autoFocus" | "disabled" | "checked" | "readOnly" | "required" | "align" | "inputRef"> & React.RefAttributes<HTMLLabelElement>>;
+} & Omit<React.HTMLAttributes<HTMLLabelElement>, "label" | "view" | "name" | "className" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "disabled" | "checked" | "readOnly" | "required" | "size" | "step" | "align" | "css" | "inputRef"> & React.RefAttributes<HTMLLabelElement>>;

package/__internal__/src/components/Switch/Switch.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef"];import"./Switch.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{switchPropAlignDefault,switchPropSizeDefault,switchPropViewDefault}from"./types";export var cnSwitch=cn("Switch");export var COMPONENT_NAME="Switch";export var Switch=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=void 0!==e&&e,g=d.name,h=d.size,i=void 0===h?switchPropSizeDefault:h,j=d.view,k=void 0===j?switchPropViewDefault:j,l=d.align,m=void 0===l?switchPropAlignDefault:l,n=d.disabled,o=d.className,p=d.label,q=d.onChange,r=d.onFocus,s=d.onBlur,t=d.readOnly,u=d.required,v=d.step,w=d.tabIndex,x=d.inputRef,y=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},y,{className:cnSwitch({size:i,view:k,disabled:n,align:m},[o]),ref:useForkRef([c,b])}),React.createElement("input",{type:"checkbox",name:g,className:cnSwitch("Input",[cnMixFocus()]),checked:f,disabled:n,onChange:function handleChange(a){q&&q({e:a,checked:!f})},onFocus:r,onBlur:s,readOnly:t,required:u,step:v,tabIndex:w,ref:x}),p&&React.createElement("span",{className:cnSwitch("Label")},p))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef"];import"./Switch.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{switchPropAlignDefault,switchPropSizeDefault,switchPropViewDefault}from"./types";export var cnSwitch=cn("Switch");export var COMPONENT_NAME="Switch";export var Switch=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?switchPropSizeDefault:g,i=d.view,j=void 0===i?switchPropViewDefault:i,k=d.align,l=void 0===k?switchPropAlignDefault:k,m=d.disabled,n=d.className,o=d.label,p=d.onChange,q=d.onFocus,r=d.onBlur,s=d.readOnly,t=d.required,u=d.step,v=d.tabIndex,w=d.inputRef,x=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},x,{className:cnSwitch({size:h,view:j,disabled:m,align:l},[n]),ref:useForkRef([c,b])}),React.createElement("input",{type:"checkbox",name:f,className:cnSwitch("Input",[cnMixFocus()]),checked:void 0!==e&&e,disabled:m,onChange:p,onFocus:q,onBlur:r,readOnly:s,required:t,step:u,tabIndex:v,ref:w}),o&&React.createElement("span",{className:cnSwitch("Label")},o))});
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","switchPropAlignDefault","switchPropSizeDefault","switchPropViewDefault","cnSwitch","COMPONENT_NAME","Switch","forwardRef","props","ref","switchRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef","otherProps","handleChange","e"],"sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import './Switch.css';\n\nimport React, { ChangeEventHandler, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport {\n  switchPropAlignDefault,\n  SwitchProps,\n  switchPropSizeDefault,\n  switchPropViewDefault,\n} from './types';\n\nexport const cnSwitch = cn('Switch');\n\nexport const COMPONENT_NAME = 'Switch' as const;\n\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(\n  (props, ref) => {\n    const switchRef = useRef<HTMLLabelElement>(null);\n    const {\n      checked = false,\n      name,\n      size = switchPropSizeDefault,\n      view = switchPropViewDefault,\n      align = switchPropAlignDefault,\n      disabled,\n      className,\n      label,\n      onChange,\n      onFocus,\n      onBlur,\n      readOnly,\n      required,\n      step,\n      tabIndex,\n      inputRef,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, switchRef);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n      if (onChange) {\n        onChange({ e, checked: !checked });\n      }\n    };\n\n    return (\n      <label\n        {...otherProps}\n        className={cnSwitch({ size, view, disabled, align }, [className])}\n        ref={useForkRef([switchRef, ref])}\n      >\n        <input\n          type=\"checkbox\"\n          name={name}\n          className={cnSwitch('Input', [cnMixFocus()])}\n          checked={checked}\n          disabled={disabled}\n          onChange={handleChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          readOnly={readOnly}\n          required={required}\n          step={step}\n          tabIndex={tabIndex}\n          ref={inputRef}\n        />\n        {label && <span className={cnSwitch('Label')}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"mappings":"4PAAA,qBAEA,MAAOA,MAAP,EAAoCC,MAApC,KAAkD,OAAlD,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBACA,OAASC,eAAT,2CACA,OACEC,sBADF,CAGEC,qBAHF,CAIEC,qBAJF,eAOA,MAAO,IAAMC,SAAQ,CAAGL,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMM,eAAc,CAAG,QAAvB,CAEP,MAAO,IAAMC,OAAM,CAAGX,KAAK,CAACY,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAS,CAAGd,MAAM,CAAmB,IAAnB,CADV,GAoBVI,eAAe,CAACK,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CApBL,KAGZC,OAHY,CAGZA,CAHY,eAIZC,CAJY,GAIZA,IAJY,KAKZC,IALY,CAKZA,CALY,YAKLX,qBALK,OAMZY,IANY,CAMZA,CANY,YAMLX,qBANK,OAOZY,KAPY,CAOZA,CAPY,YAOJd,sBAPI,GAQZe,CARY,GAQZA,QARY,CASZC,CATY,GASZA,SATY,CAUZC,CAVY,GAUZA,KAVY,CAWZC,CAXY,GAWZA,QAXY,CAYZC,CAZY,GAYZA,OAZY,CAaZC,CAbY,GAaZA,MAbY,CAcZC,CAdY,GAcZA,QAdY,CAeZC,CAfY,GAeZA,QAfY,CAgBZC,CAhBY,GAgBZA,IAhBY,CAiBZC,CAjBY,GAiBZA,QAjBY,CAkBZC,CAlBY,GAkBZA,QAlBY,CAmBTC,CAnBS,uCA4Bd,MACE,8CACMA,CADN,EAEE,SAAS,CAAEvB,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBD,KAAK,CAALA,CAAxB,CAAD,CAAkC,CAACE,CAAD,CAAlC,CAFrB,CAGE,GAAG,CAAEpB,UAAU,CAAC,CAACa,CAAD,CAAYD,CAAZ,CAAD,CAHjB,GAKE,6BACE,IAAI,CAAC,UADP,CAEE,IAAI,CAAEG,CAFR,CAGE,SAAS,CAAER,QAAQ,CAAC,OAAD,CAAU,CAACN,UAAU,EAAX,CAAV,CAHrB,CAIE,OAAO,CAAEa,CAJX,CAKE,QAAQ,CAAEK,CALZ,CAME,QAAQ,CAlB6C,QAArDY,aAAqD,CAACC,CAAD,CAAO,CAC5DV,CAD4D,EAE9DA,CAAQ,CAAC,CAAEU,CAAC,CAADA,CAAF,CAAKlB,OAAO,CAAE,CAACA,CAAf,CAAD,CAEX,CAQG,CAOE,OAAO,CAAES,CAPX,CAQE,MAAM,CAAEC,CARV,CASE,QAAQ,CAAEC,CATZ,CAUE,QAAQ,CAAEC,CAVZ,CAWE,IAAI,CAAEC,CAXR,CAYE,QAAQ,CAAEC,CAZZ,CAaE,GAAG,CAAEC,CAbP,EALF,CAoBGR,CAAK,EAAI,4BAAM,SAAS,CAAEd,QAAQ,CAAC,OAAD,CAAzB,EAAqCc,CAArC,CApBZ,CAuBH,CArDmB,CAAf"}
+{"version":3,"file":"Switch.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","switchPropAlignDefault","switchPropSizeDefault","switchPropViewDefault","cnSwitch","COMPONENT_NAME","Switch","forwardRef","props","ref","switchRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef","otherProps"],"sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import './Switch.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport {\n  switchPropAlignDefault,\n  SwitchProps,\n  switchPropSizeDefault,\n  switchPropViewDefault,\n} from './types';\n\nexport const cnSwitch = cn('Switch');\n\nexport const COMPONENT_NAME = 'Switch' as const;\n\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(\n  (props, ref) => {\n    const switchRef = useRef<HTMLLabelElement>(null);\n    const {\n      checked = false,\n      name,\n      size = switchPropSizeDefault,\n      view = switchPropViewDefault,\n      align = switchPropAlignDefault,\n      disabled,\n      className,\n      label,\n      onChange,\n      onFocus,\n      onBlur,\n      readOnly,\n      required,\n      step,\n      tabIndex,\n      inputRef,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, switchRef);\n\n    return (\n      <label\n        {...otherProps}\n        className={cnSwitch({ size, view, disabled, align }, [className])}\n        ref={useForkRef([switchRef, ref])}\n      >\n        <input\n          type=\"checkbox\"\n          name={name}\n          className={cnSwitch('Input', [cnMixFocus()])}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          readOnly={readOnly}\n          required={required}\n          step={step}\n          tabIndex={tabIndex}\n          ref={inputRef}\n        />\n        {label && <span className={cnSwitch('Label')}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"mappings":"4PAAA,qBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBACA,OAASC,eAAT,2CACA,OACEC,sBADF,CAGEC,qBAHF,CAIEC,qBAJF,eAOA,MAAO,IAAMC,SAAQ,CAAGL,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMM,eAAc,CAAG,QAAvB,CAEP,MAAO,IAAMC,OAAM,CAAGX,KAAK,CAACY,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAS,CAAGd,MAAM,CAAmB,IAAnB,CADV,GAoBVI,eAAe,CAACK,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CApBL,KAGZC,OAHY,CAIZC,CAJY,GAIZA,IAJY,KAKZC,IALY,CAKZA,CALY,YAKLX,qBALK,OAMZY,IANY,CAMZA,CANY,YAMLX,qBANK,OAOZY,KAPY,CAOZA,CAPY,YAOJd,sBAPI,GAQZe,CARY,GAQZA,QARY,CASZC,CATY,GASZA,SATY,CAUZC,CAVY,GAUZA,KAVY,CAWZC,CAXY,GAWZA,QAXY,CAYZC,CAZY,GAYZA,OAZY,CAaZC,CAbY,GAaZA,MAbY,CAcZC,CAdY,GAcZA,QAdY,CAeZC,CAfY,GAeZA,QAfY,CAgBZC,CAhBY,GAgBZA,IAhBY,CAiBZC,CAjBY,GAiBZA,QAjBY,CAkBZC,CAlBY,GAkBZA,QAlBY,CAmBTC,CAnBS,uCAsBd,MACE,8CACMA,CADN,EAEE,SAAS,CAAEvB,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBD,KAAK,CAALA,CAAxB,CAAD,CAAkC,CAACE,CAAD,CAAlC,CAFrB,CAGE,GAAG,CAAEpB,UAAU,CAAC,CAACa,CAAD,CAAYD,CAAZ,CAAD,CAHjB,GAKE,6BACE,IAAI,CAAC,UADP,CAEE,IAAI,CAAEG,CAFR,CAGE,SAAS,CAAER,QAAQ,CAAC,OAAD,CAAU,CAACN,UAAU,EAAX,CAAV,CAHrB,CAIE,OAAO,cAJT,CAKE,QAAQ,CAAEkB,CALZ,CAME,QAAQ,CAAEG,CANZ,CAOE,OAAO,CAAEC,CAPX,CAQE,MAAM,CAAEC,CARV,CASE,QAAQ,CAAEC,CATZ,CAUE,QAAQ,CAAEC,CAVZ,CAWE,IAAI,CAAEC,CAXR,CAYE,QAAQ,CAAEC,CAZZ,CAaE,GAAG,CAAEC,CAbP,EALF,CAoBGR,CAAK,EAAI,4BAAM,SAAS,CAAEd,QAAQ,CAAC,OAAD,CAAzB,EAAqCc,CAArC,CApBZ,CAuBH,CA/CmB,CAAf"}

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

@@ -9,9 +9,8 @@ export declare const switchPropViewDefault: SwitchPropView;
 export declare const switchPropAlign: readonly ["center", "top"];
 export declare type SwitchPropAlign = typeof switchPropAlign[number];
 export declare const switchPropAlignDefault: SwitchPropAlign;
-export declare type SwitchPropOnChange = (object: {
+export declare type SwitchPropOnChange = (checked: boolean, params: {
     e: React.ChangeEvent<HTMLInputElement>;
-    checked: boolean;
 }) => void;
 export declare type SwitchProps = PropsWithHTMLAttributes<{
     checked: boolean | undefined;
@@ -21,7 +20,7 @@ export declare type SwitchProps = PropsWithHTMLAttributes<{
     disabled?: boolean;
     className?: string;
     label?: string;
-    onChange?: SwitchPropOnChange;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
     name?: string;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["switchPropSize","switchPropSizeDefault","switchPropView","switchPropViewDefault","switchPropAlign","switchPropAlignDefault"],"sources":["../../../../../src/components/Switch/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const switchPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type SwitchPropSize = typeof switchPropSize[number];\nexport const switchPropSizeDefault: SwitchPropSize = switchPropSize[0];\n\nexport const switchPropView = ['primary', 'ghost'] as const;\nexport type SwitchPropView = typeof switchPropView[number];\nexport const switchPropViewDefault: SwitchPropView = switchPropView[0];\n\nexport const switchPropAlign = ['center', 'top'] as const;\nexport type SwitchPropAlign = typeof switchPropAlign[number];\nexport const switchPropAlignDefault: SwitchPropAlign = switchPropAlign[0];\n\nexport type SwitchPropOnChange = (object: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  checked: boolean;\n}) => void;\n\nexport type SwitchProps = PropsWithHTMLAttributes<\n  {\n    checked: boolean | undefined;\n    size?: SwitchPropSize;\n    view?: SwitchPropView;\n    align?: SwitchPropAlign;\n    disabled?: boolean;\n    className?: string;\n    label?: string;\n    onChange?: SwitchPropOnChange;\n    name?: string;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    autoFocus?: boolean;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLInputElement>;\n    children?: never;\n  },\n  HTMLLabelElement\n>;\n"],"mappings":"AAEA,MAAO,IAAMA,eAAc,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,QAAD,CAAW,KAAX,CAAxB,CAEP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D"}
+{"version":3,"file":"types.js","names":["switchPropSize","switchPropSizeDefault","switchPropView","switchPropViewDefault","switchPropAlign","switchPropAlignDefault"],"sources":["../../../../../src/components/Switch/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const switchPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type SwitchPropSize = typeof switchPropSize[number];\nexport const switchPropSizeDefault: SwitchPropSize = switchPropSize[0];\n\nexport const switchPropView = ['primary', 'ghost'] as const;\nexport type SwitchPropView = typeof switchPropView[number];\nexport const switchPropViewDefault: SwitchPropView = switchPropView[0];\n\nexport const switchPropAlign = ['center', 'top'] as const;\nexport type SwitchPropAlign = typeof switchPropAlign[number];\nexport const switchPropAlignDefault: SwitchPropAlign = switchPropAlign[0];\n\nexport type SwitchPropOnChange = (\n  checked: boolean,\n  params: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type SwitchProps = PropsWithHTMLAttributes<\n  {\n    checked: boolean | undefined;\n    size?: SwitchPropSize;\n    view?: SwitchPropView;\n    align?: SwitchPropAlign;\n    disabled?: boolean;\n    className?: string;\n    label?: string;\n    onChange?: React.ChangeEventHandler<HTMLInputElement>;\n    name?: string;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    autoFocus?: boolean;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLInputElement>;\n    children?: never;\n  },\n  HTMLLabelElement\n>;\n"],"mappings":"AAEA,MAAO,IAAMA,eAAc,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,QAAD,CAAW,KAAX,CAAxB,CAEP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D"}

package/__internal__/src/components/SwitchGroup/SwitchGroup.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getItemLabel","getItemDisabled","onChange","name","direction","size","view","disabled","className"];import"./SwitchGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Switch,switchPropSizeDefault,switchPropViewDefault}from"../Switch";import{withDefaultGetters}from"./helpers";import{switchGroupDefaultDirection}from"./types";export var cnSwitchGroup=cn("SwitchGroup");var SwitchGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.value,e=void 0===d?null:d,f=c.items,g=c.getItemLabel,h=c.getItemDisabled,i=c.onChange,j=c.name,k=c.direction,l=void 0===k?switchGroupDefaultDirection:k,m=c.size,n=void 0===m?switchPropSizeDefault:m,o=c.view,p=void 0===o?switchPropViewDefault:o,q=c.disabled,r=c.className,s=_objectWithoutProperties(c,_excluded),t=useChoiceGroup({value:e,getKey:g,callBack:i,multiple:!0}),u=t.getOnChange,v=t.getChecked;return React.createElement("div",Object.assign({},s,{ref:b,className:cnSwitchGroup({direction:l,size:n,view:p},[r])}),f.map(function(a){return React.createElement(Switch,{key:g(a),label:g(a),size:n,view:p,name:j,disabled:void 0!==q&&q||(null===h||void 0===h?void 0:h(a)),checked:v(a),onChange:function(b){var c=b.e;return u(a)(c)},className:cnSwitchGroup("Item")})}))};export var SwitchGroup=forwardRef(SwitchGroupRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getItemLabel","getItemDisabled","onChange","name","direction","size","view","disabled","className"];import"./SwitchGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Switch,switchPropSizeDefault,switchPropViewDefault}from"../Switch";import{withDefaultGetters}from"./helpers";import{switchGroupDefaultDirection}from"./types";export var cnSwitchGroup=cn("SwitchGroup");var SwitchGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.value,e=void 0===d?null:d,f=c.items,g=c.getItemLabel,h=c.getItemDisabled,i=c.onChange,j=c.name,k=c.direction,l=void 0===k?switchGroupDefaultDirection:k,m=c.size,n=void 0===m?switchPropSizeDefault:m,o=c.view,p=void 0===o?switchPropViewDefault:o,q=c.disabled,r=c.className,s=_objectWithoutProperties(c,_excluded),t=useChoiceGroup({value:e,getKey:g,callBack:i,multiple:!0}),u=t.getOnChange,v=t.getChecked;return React.createElement("div",Object.assign({},s,{ref:b,className:cnSwitchGroup({direction:l,size:n,view:p},[r])}),f.map(function(a){return React.createElement(Switch,{key:g(a),label:g(a),size:n,view:p,name:j,disabled:void 0!==q&&q||(null===h||void 0===h?void 0:h(a)),checked:v(a),onChange:u(a),className:cnSwitchGroup("Item")})}))};export var SwitchGroup=forwardRef(SwitchGroupRender);export*from"./types";
 //# sourceMappingURL=SwitchGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchGroup.js","names":["React","forwardRef","useChoiceGroup","cn","Switch","switchPropSizeDefault","switchPropViewDefault","withDefaultGetters","switchGroupDefaultDirection","cnSwitchGroup","SwitchGroupRender","props","ref","value","items","getItemLabel","getItemDisabled","onChange","name","direction","size","view","disabled","className","otherProps","getKey","callBack","multiple","getOnChange","getChecked","map","item","e","SwitchGroup"],"sources":["../../../../../src/components/SwitchGroup/SwitchGroup.tsx"],"sourcesContent":["import './SwitchGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport {\n  Switch,\n  switchPropSizeDefault,\n  switchPropViewDefault,\n} from '../Switch';\nimport { withDefaultGetters } from './helpers';\nimport {\n  SwitchGroupComponent,\n  switchGroupDefaultDirection,\n  SwitchGroupProps,\n} from './types';\n\nexport const cnSwitchGroup = cn('SwitchGroup');\n\nconst SwitchGroupRender = (\n  props: SwitchGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    value = null,\n    items,\n    getItemLabel,\n    getItemDisabled,\n    onChange,\n    name,\n    direction = switchGroupDefaultDirection,\n    size = switchPropSizeDefault,\n    view = switchPropViewDefault,\n    disabled = false,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: true,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnSwitchGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => (\n        <Switch\n          key={getItemLabel(item)}\n          label={getItemLabel(item)}\n          size={size}\n          view={view}\n          name={name}\n          disabled={disabled || getItemDisabled?.(item)}\n          checked={getChecked(item)}\n          onChange={({ e }) => getOnChange(item)(e)}\n          className={cnSwitchGroup('Item')}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const SwitchGroup = forwardRef(\n  SwitchGroupRender,\n) as SwitchGroupComponent;\n\nexport * from './types';\n"],"mappings":"yNAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OACEC,MADF,CAEEC,qBAFF,CAGEC,qBAHF,iBAKA,OAASC,kBAAT,iBACA,OAEEC,2BAFF,eAMA,MAAO,IAAMC,cAAa,CAAGN,EAAE,CAAC,aAAD,CAAxB,CAEP,GAAMO,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAcCL,kBAAkB,CAACI,CAAD,CAdnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,IAFP,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,YAJC,CAKDC,CALC,GAKDA,eALC,CAMDC,CANC,GAMDA,QANC,CAODC,CAPC,GAODA,IAPC,KAQDC,SARC,CAQDA,CARC,YAQWX,2BARX,OASDY,IATC,CASDA,CATC,YASMf,qBATN,OAUDgB,IAVC,CAUDA,CAVC,YAUMf,qBAVN,OAWDgB,QAXC,CAYDC,CAZC,GAYDA,SAZC,CAaEC,CAbF,yCAgBiCtB,cAAc,CAAC,CACjDW,KAAK,CAALA,CADiD,CAEjDY,MAAM,CAAEV,CAFyC,CAGjDW,QAAQ,CAAET,CAHuC,CAIjDU,QAAQ,GAJyC,CAAD,CAhB/C,CAgBKC,CAhBL,GAgBKA,WAhBL,CAgBkBC,CAhBlB,GAgBkBA,UAhBlB,CAuBH,MACE,4CACML,CADN,EAEE,GAAG,CAAEZ,CAFP,CAGE,SAAS,CAAEH,aAAa,CAAC,CAAEU,SAAS,CAATA,CAAF,CAAaC,IAAI,CAAJA,CAAb,CAAmBC,IAAI,CAAJA,CAAnB,CAAD,CAA4B,CAACE,CAAD,CAA5B,CAH1B,GAKGT,CAAK,CAACgB,GAAN,CAAU,SAACC,CAAD,QACT,qBAAC,MAAD,EACE,GAAG,CAAEhB,CAAY,CAACgB,CAAD,CADnB,CAEE,KAAK,CAAEhB,CAAY,CAACgB,CAAD,CAFrB,CAGE,IAAI,CAAEX,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,IAAI,CAAEH,CALR,CAME,QAAQ,CAAE,uBAAYF,CAAZ,WAAYA,CAAZ,QAAYA,CAAe,CAAGe,CAAH,CAA3B,CANZ,CAOE,OAAO,CAAEF,CAAU,CAACE,CAAD,CAPrB,CAQE,QAAQ,CAAE,eAAGC,EAAH,GAAGA,CAAH,OAAWJ,EAAW,CAACG,CAAD,CAAX,CAAkBC,CAAlB,CAAX,CARZ,CASE,SAAS,CAAEvB,aAAa,CAAC,MAAD,CAT1B,EADS,CAAV,CALH,CAoBH,CA/CD,CAiDA,MAAO,IAAMwB,YAAW,CAAGhC,UAAU,CACnCS,iBADmC,CAA9B,CAIP"}
+{"version":3,"file":"SwitchGroup.js","names":["React","forwardRef","useChoiceGroup","cn","Switch","switchPropSizeDefault","switchPropViewDefault","withDefaultGetters","switchGroupDefaultDirection","cnSwitchGroup","SwitchGroupRender","props","ref","value","items","getItemLabel","getItemDisabled","onChange","name","direction","size","view","disabled","className","otherProps","getKey","callBack","multiple","getOnChange","getChecked","map","item","SwitchGroup"],"sources":["../../../../../src/components/SwitchGroup/SwitchGroup.tsx"],"sourcesContent":["import './SwitchGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport {\n  Switch,\n  switchPropSizeDefault,\n  switchPropViewDefault,\n} from '../Switch';\nimport { withDefaultGetters } from './helpers';\nimport {\n  SwitchGroupComponent,\n  switchGroupDefaultDirection,\n  SwitchGroupProps,\n} from './types';\n\nexport const cnSwitchGroup = cn('SwitchGroup');\n\nconst SwitchGroupRender = (\n  props: SwitchGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    value = null,\n    items,\n    getItemLabel,\n    getItemDisabled,\n    onChange,\n    name,\n    direction = switchGroupDefaultDirection,\n    size = switchPropSizeDefault,\n    view = switchPropViewDefault,\n    disabled = false,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: true,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnSwitchGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => (\n        <Switch\n          key={getItemLabel(item)}\n          label={getItemLabel(item)}\n          size={size}\n          view={view}\n          name={name}\n          disabled={disabled || getItemDisabled?.(item)}\n          checked={getChecked(item)}\n          onChange={getOnChange(item)}\n          className={cnSwitchGroup('Item')}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const SwitchGroup = forwardRef(\n  SwitchGroupRender,\n) as SwitchGroupComponent;\n\nexport * from './types';\n"],"mappings":"yNAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OACEC,MADF,CAEEC,qBAFF,CAGEC,qBAHF,iBAKA,OAASC,kBAAT,iBACA,OAEEC,2BAFF,eAMA,MAAO,IAAMC,cAAa,CAAGN,EAAE,CAAC,aAAD,CAAxB,CAEP,GAAMO,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAcCL,kBAAkB,CAACI,CAAD,CAdnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,IAFP,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,YAJC,CAKDC,CALC,GAKDA,eALC,CAMDC,CANC,GAMDA,QANC,CAODC,CAPC,GAODA,IAPC,KAQDC,SARC,CAQDA,CARC,YAQWX,2BARX,OASDY,IATC,CASDA,CATC,YASMf,qBATN,OAUDgB,IAVC,CAUDA,CAVC,YAUMf,qBAVN,OAWDgB,QAXC,CAYDC,CAZC,GAYDA,SAZC,CAaEC,CAbF,yCAgBiCtB,cAAc,CAAC,CACjDW,KAAK,CAALA,CADiD,CAEjDY,MAAM,CAAEV,CAFyC,CAGjDW,QAAQ,CAAET,CAHuC,CAIjDU,QAAQ,GAJyC,CAAD,CAhB/C,CAgBKC,CAhBL,GAgBKA,WAhBL,CAgBkBC,CAhBlB,GAgBkBA,UAhBlB,CAuBH,MACE,4CACML,CADN,EAEE,GAAG,CAAEZ,CAFP,CAGE,SAAS,CAAEH,aAAa,CAAC,CAAEU,SAAS,CAATA,CAAF,CAAaC,IAAI,CAAJA,CAAb,CAAmBC,IAAI,CAAJA,CAAnB,CAAD,CAA4B,CAACE,CAAD,CAA5B,CAH1B,GAKGT,CAAK,CAACgB,GAAN,CAAU,SAACC,CAAD,QACT,qBAAC,MAAD,EACE,GAAG,CAAEhB,CAAY,CAACgB,CAAD,CADnB,CAEE,KAAK,CAAEhB,CAAY,CAACgB,CAAD,CAFrB,CAGE,IAAI,CAAEX,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,IAAI,CAAEH,CALR,CAME,QAAQ,CAAE,uBAAYF,CAAZ,WAAYA,CAAZ,QAAYA,CAAe,CAAGe,CAAH,CAA3B,CANZ,CAOE,OAAO,CAAEF,CAAU,CAACE,CAAD,CAPrB,CAQE,QAAQ,CAAEH,CAAW,CAACG,CAAD,CARvB,CASE,SAAS,CAAEtB,aAAa,CAAC,MAAD,CAT1B,EADS,CAAV,CALH,CAoBH,CA/CD,CAiDA,MAAO,IAAMuB,YAAW,CAAG/B,UAAU,CACnCS,iBADmC,CAA9B,CAIP"}

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

@@ -5,16 +5,16 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     getItemDisabled: SwitchGroupPropGetItemDisabled<SwitchGroupDefaultItem>;
     value?: SwitchGroupDefaultItem[] | null | undefined;
     items: SwitchGroupDefaultItem[];
-    onChange: (props: {
-        e: import("react").ChangeEvent<HTMLInputElement>;
-        value: SwitchGroupDefaultItem[] | null;
-    }) => void;
+    onChange?: import("./types").SwitchGroupPropOnChange<SwitchGroupDefaultItem> | undefined;
     name: string;
     direction?: "row" | "column" | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "primary" | "ghost" | undefined;
     disabled?: boolean | undefined;
     className?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -28,11 +28,8 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     id?: string | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
@@ -56,7 +53,7 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -67,7 +64,7 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

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

@@ -10,15 +10,15 @@ export declare type SwitchGroupDirection = typeof switchGroupDirections[number];
 export declare const switchGroupDefaultDirection: SwitchGroupDirection;
 export declare type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
 export declare type SwitchGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type SwitchGroupPropOnChange<ITEM> = (value: ITEM[] | null, props: {
+    e: React.ChangeEvent<HTMLInputElement>;
+}) => void;
 export declare type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
     value?: ITEM[] | null;
     items: ITEM[];
     getItemLabel?: SwitchGroupPropGetItemLabel<ITEM>;
     getItemDisabled?: SwitchGroupPropGetItemDisabled<ITEM>;
-    onChange: (props: {
-        e: React.ChangeEvent<HTMLInputElement>;
-        value: ITEM[] | null;
-    }) => void;
+    onChange?: SwitchGroupPropOnChange<ITEM>;
     name: string;
     direction?: SwitchGroupDirection;
     size?: SwitchPropSize;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["switchGroupDirections","switchGroupDefaultDirection"],"sources":["../../../../../src/components/SwitchGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { SwitchPropSize, SwitchPropView } from '../Switch/types';\n\nexport type SwitchGroupDefaultItem = {\n  label: string;\n  disabled?: boolean;\n};\n\nexport const switchGroupDirections = ['column', 'row'] as const;\nexport type SwitchGroupDirection = typeof switchGroupDirections[number];\nexport const switchGroupDefaultDirection: SwitchGroupDirection =\n  switchGroupDirections[0];\n\nexport type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SwitchGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemLabel?: SwitchGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: SwitchGroupPropGetItemDisabled<ITEM>;\n      onChange: (props: {\n        e: React.ChangeEvent<HTMLInputElement>;\n        value: ITEM[] | null;\n      }) => void;\n      name: string;\n      direction?: SwitchGroupDirection;\n      size?: SwitchPropSize;\n      view?: SwitchPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: SwitchGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: SwitchGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type SwitchGroupComponent = <ITEM>(\n  props: SwitchGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAQA,MAAO,IAAMA,sBAAqB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA9B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,qBAAqB,CAAC,CAAD,CADhB"}
+{"version":3,"file":"types.js","names":["switchGroupDirections","switchGroupDefaultDirection"],"sources":["../../../../../src/components/SwitchGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { SwitchPropSize, SwitchPropView } from '../Switch/types';\n\nexport type SwitchGroupDefaultItem = {\n  label: string;\n  disabled?: boolean;\n};\n\nexport const switchGroupDirections = ['column', 'row'] as const;\nexport type SwitchGroupDirection = typeof switchGroupDirections[number];\nexport const switchGroupDefaultDirection: SwitchGroupDirection =\n  switchGroupDirections[0];\n\nexport type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SwitchGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type SwitchGroupPropOnChange<ITEM> = (\n  value: ITEM[] | null,\n  props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemLabel?: SwitchGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: SwitchGroupPropGetItemDisabled<ITEM>;\n      onChange?: SwitchGroupPropOnChange<ITEM>;\n      name: string;\n      direction?: SwitchGroupDirection;\n      size?: SwitchPropSize;\n      view?: SwitchPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: SwitchGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: SwitchGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type SwitchGroupComponent = <ITEM>(\n  props: SwitchGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAQA,MAAO,IAAMA,sBAAqB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA9B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,qBAAqB,CAAC,CAAD,CADhB"}

package/__internal__/src/components/Table/ChoiceGroupFilter/TableChoiceGroupFilter.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableChoiceGroupFilter.css";import React,{useMemo,useState}from"react";import{cn}from"../../../utils/bem";import{ChoiceGroup}from"../../ChoiceGroup/ChoiceGroup";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var defaultValue={name:"\u0412\u0441\u0435",value:void 0};export var TableChoiceGroupFilter=function(a){var b=a.onConfirm,c=a.items,d=void 0===c?[]:c,e=a.filterValue,f=a.title,g=a.onCancel,h=cn("TableChoiceGroupFilter"),i=useState(e||defaultValue),j=_slicedToArray(i,2),k=j[0],l=j[1],m=useMemo(function(){return[defaultValue].concat(_toConsumableArray(d))},[d]);return React.createElement(TableFilterContainer,{title:f,onCancel:g,onConfirm:function confirmHandler(){b(k)}},React.createElement(ChoiceGroup,{size:"s",items:m,getItemLabel:function getItemLabel(a){return a.name},name:"choiceGroup",onChange:function onChange(a){var b=a.value;l(b)},value:null!==k&&void 0!==k&&k.value?k:defaultValue,className:h()}))};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableChoiceGroupFilter.css";import React,{useMemo,useState}from"react";import{cn}from"../../../utils/bem";import{ChoiceGroup}from"../../ChoiceGroup/ChoiceGroup";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var defaultValue={name:"\u0412\u0441\u0435",value:void 0};export var TableChoiceGroupFilter=function(a){var b=a.onConfirm,c=a.items,d=void 0===c?[]:c,e=a.filterValue,f=a.title,g=a.onCancel,h=cn("TableChoiceGroupFilter"),i=useState(e||defaultValue),j=_slicedToArray(i,2),k=j[0],l=j[1],m=useMemo(function(){return[defaultValue].concat(_toConsumableArray(d))},[d]);return React.createElement(TableFilterContainer,{title:f,onCancel:g,onConfirm:function confirmHandler(){b(k)}},React.createElement(ChoiceGroup,{size:"s",items:m,getItemLabel:function getItemLabel(a){return a.name},name:"choiceGroup",onChange:l,value:null!==k&&void 0!==k&&k.value?k:defaultValue,className:h()}))};
 //# sourceMappingURL=TableChoiceGroupFilter.js.map

package/__internal__/src/components/Table/ChoiceGroupFilter/TableChoiceGroupFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableChoiceGroupFilter.js","names":["React","useMemo","useState","cn","ChoiceGroup","TableFilterContainer","defaultValue","name","value","TableChoiceGroupFilter","onConfirm","items","filterValue","title","onCancel","cnChoiceGroupFilter","setValue","choiceGroupItems","confirmHandler","item","onChange"],"sources":["../../../../../../src/components/Table/ChoiceGroupFilter/TableChoiceGroupFilter.tsx"],"sourcesContent":["import './TableChoiceGroupFilter.css';\n\nimport React, { useMemo, useState } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { ChoiceGroup } from '../../ChoiceGroup/ChoiceGroup';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\ntype Item = {\n  name: string;\n  value: string | undefined;\n};\n\nconst defaultValue: Item = { name: 'Все', value: undefined };\n\ntype Props = FilterComponentProps & {\n  items?: Item[];\n  title?: string;\n};\n\nexport const TableChoiceGroupFilter: React.FC<Props> = ({\n  onConfirm,\n  items = [],\n  filterValue,\n  title,\n  onCancel,\n}) => {\n  const cnChoiceGroupFilter = cn('TableChoiceGroupFilter');\n  const [value, setValue] = useState<Item | null>(\n    (filterValue as Item) || defaultValue,\n  );\n\n  const confirmHandler = () => {\n    onConfirm(value);\n  };\n\n  const choiceGroupItems = useMemo(() => [defaultValue, ...items], [items]);\n\n  const onChange = ({ value }: { value: Item }) => {\n    setValue(value);\n  };\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      <ChoiceGroup\n        size=\"s\"\n        items={choiceGroupItems}\n        getItemLabel={(item) => item.name}\n        name=\"choiceGroup\"\n        onChange={onChange}\n        value={value?.value ? value : defaultValue}\n        className={cnChoiceGroupFilter()}\n      />\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"0IAAA,qCAEA,MAAOA,MAAP,EAAgBC,OAAhB,CAAyBC,QAAzB,KAAyC,OAAzC,CAEA,OAASC,EAAT,0BACA,OAASC,WAAT,qCACA,OAASC,oBAAT,+CAQA,GAAMC,aAAkB,CAAG,CAAEC,IAAI,CAAE,oBAAR,CAAeC,KAAK,OAApB,CAA3B,CAOA,MAAO,IAAMC,uBAAuC,CAAG,WAMjD,IALJC,EAKI,GALJA,SAKI,KAJJC,KAII,CAJJA,CAII,YAJI,EAIJ,GAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,KAEI,CADJC,CACI,GADJA,QACI,CACEC,CAAmB,CAAGZ,EAAE,CAAC,wBAAD,CAD1B,GAEsBD,QAAQ,CAC/BU,CAAD,EAAyBN,YADO,CAF9B,uBAEGE,CAFH,MAEUQ,CAFV,MAUEC,CAAgB,CAAGhB,OAAO,CAAC,kBAAOK,YAAP,4BAAwBK,CAAxB,GAAD,CAAiC,CAACA,CAAD,CAAjC,CAV5B,CAgBJ,MACE,qBAAC,oBAAD,EACE,KAAK,CAAEE,CADT,CAEE,QAAQ,CAAEC,CAFZ,CAGE,SAAS,CAdU,QAAjBI,eAAiB,EAAM,CAC3BR,CAAS,CAACF,CAAD,CACV,CASC,EAKE,oBAAC,WAAD,EACE,IAAI,CAAC,GADP,CAEE,KAAK,CAAES,CAFT,CAGE,YAAY,CAAE,sBAACE,CAAD,QAAUA,EAAI,CAACZ,IAAf,CAHhB,CAIE,IAAI,CAAC,aAJP,CAKE,QAAQ,CAfG,QAAXa,SAAW,GAAgC,IAA7BZ,EAA6B,GAA7BA,KAA6B,CAC/CQ,CAAQ,CAACR,CAAD,CACT,CAQG,CAME,KAAK,CAAE,OAAAA,CAAK,WAALA,CAAA,EAAAA,CAAK,CAAEA,KAAP,CAAeA,CAAf,CAAuBF,YANhC,CAOE,SAAS,CAAES,CAAmB,EAPhC,EALF,CAgBH,CAvCM"}
+{"version":3,"file":"TableChoiceGroupFilter.js","names":["React","useMemo","useState","cn","ChoiceGroup","TableFilterContainer","defaultValue","name","value","TableChoiceGroupFilter","onConfirm","items","filterValue","title","onCancel","cnChoiceGroupFilter","setValue","choiceGroupItems","confirmHandler","item"],"sources":["../../../../../../src/components/Table/ChoiceGroupFilter/TableChoiceGroupFilter.tsx"],"sourcesContent":["import './TableChoiceGroupFilter.css';\n\nimport React, { useMemo, useState } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { ChoiceGroup } from '../../ChoiceGroup/ChoiceGroup';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\ntype Item = {\n  name: string;\n  value: string | undefined;\n};\n\nconst defaultValue: Item = { name: 'Все', value: undefined };\n\ntype Props = FilterComponentProps & {\n  items?: Item[];\n  title?: string;\n};\n\nexport const TableChoiceGroupFilter: React.FC<Props> = ({\n  onConfirm,\n  items = [],\n  filterValue,\n  title,\n  onCancel,\n}) => {\n  const cnChoiceGroupFilter = cn('TableChoiceGroupFilter');\n  const [value, setValue] = useState<Item | null>(\n    (filterValue as Item) || defaultValue,\n  );\n\n  const confirmHandler = () => {\n    onConfirm(value);\n  };\n\n  const choiceGroupItems = useMemo(() => [defaultValue, ...items], [items]);\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      <ChoiceGroup\n        size=\"s\"\n        items={choiceGroupItems}\n        getItemLabel={(item) => item.name}\n        name=\"choiceGroup\"\n        onChange={setValue}\n        value={value?.value ? value : defaultValue}\n        className={cnChoiceGroupFilter()}\n      />\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"0IAAA,qCAEA,MAAOA,MAAP,EAAgBC,OAAhB,CAAyBC,QAAzB,KAAyC,OAAzC,CAEA,OAASC,EAAT,0BACA,OAASC,WAAT,qCACA,OAASC,oBAAT,+CAQA,GAAMC,aAAkB,CAAG,CAAEC,IAAI,CAAE,oBAAR,CAAeC,KAAK,OAApB,CAA3B,CAOA,MAAO,IAAMC,uBAAuC,CAAG,WAMjD,IALJC,EAKI,GALJA,SAKI,KAJJC,KAII,CAJJA,CAII,YAJI,EAIJ,GAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,KAEI,CADJC,CACI,GADJA,QACI,CACEC,CAAmB,CAAGZ,EAAE,CAAC,wBAAD,CAD1B,GAEsBD,QAAQ,CAC/BU,CAAD,EAAyBN,YADO,CAF9B,uBAEGE,CAFH,MAEUQ,CAFV,MAUEC,CAAgB,CAAGhB,OAAO,CAAC,kBAAOK,YAAP,4BAAwBK,CAAxB,GAAD,CAAiC,CAACA,CAAD,CAAjC,CAV5B,CAYJ,MACE,qBAAC,oBAAD,EACE,KAAK,CAAEE,CADT,CAEE,QAAQ,CAAEC,CAFZ,CAGE,SAAS,CAVU,QAAjBI,eAAiB,EAAM,CAC3BR,CAAS,CAACF,CAAD,CACV,CAKC,EAKE,oBAAC,WAAD,EACE,IAAI,CAAC,GADP,CAEE,KAAK,CAAES,CAFT,CAGE,YAAY,CAAE,sBAACE,CAAD,QAAUA,EAAI,CAACZ,IAAf,CAHhB,CAIE,IAAI,CAAC,aAJP,CAKE,QAAQ,CAAES,CALZ,CAME,KAAK,CAAE,OAAAR,CAAK,WAALA,CAAA,EAAAA,CAAK,CAAEA,KAAP,CAAeA,CAAf,CAAuBF,YANhC,CAOE,SAAS,CAAES,CAAmB,EAPhC,EALF,CAgBH,CAnCM"}

package/__internal__/src/components/Table/FilterTooltip/TableFilterTooltip.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableFilterTooltip.css";import{IconFunnel}from"@consta/icons/IconFunnel";import React,{useRef,useState}from"react";import{Transition}from"react-transition-group";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Popover}from"../../Popover/Popover";import{Text}from"../../Text/Text";var cnTableFilterTooltip=cn("TableFilterTooltip");export var TableFilterTooltip=function(a){var b=a.field,c=a.isOpened,d=a.options,e=a.values,f=a.className,g=a.children,h=a.onChange,i=a.onToggle,j=useState("downRight"),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRef(null),o=useRef(null);return React.createElement(React.Fragment,null,React.createElement(Button,{type:"button",ref:n,size:"xs",iconSize:"s",view:"clear",onlyIcon:!0,onClick:i,className:cnTableFilterTooltip("Button",{isOpened:c},[f]),iconLeft:IconFunnel}),React.createElement(Transition,{in:c,unmountOnExit:!0,nodeRef:o,timeout:animateTimeout},function(a){return React.createElement(Popover,{anchorRef:n,possibleDirections:["downRight","downLeft"],direction:"downRight",offset:4,arrowOffset:12,ref:o,onSetDirection:m,onClickOutside:i,className:cnTableFilterTooltip("Popover",[cnMixPopoverAnimate({animate:a,direction:l})])},g||React.createElement("div",{className:cnTableFilterTooltip("Content")},React.createElement(Text,{as:"div",size:"xs",view:"primary",className:cnTableFilterTooltip("Title")},"\u0424\u0438\u043B\u044C\u0442\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u0443\u0441\u043B\u043E\u0432\u0438\u044E"),React.createElement("select",{className:cnTableFilterTooltip("Select"),value:_toConsumableArray(e),multiple:!0,onChange:function onChange(a){h(b,Array.from(a.target.selectedOptions).map(function(a){return a.value}))}},d.map(function(a){return React.createElement("option",{key:a.value,className:cnTableFilterTooltip("Option"),value:a.value,title:a.label},a.label)}))))}))};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableFilterTooltip.css";import{IconFunnel}from"@consta/icons/IconFunnel";import React,{useRef,useState}from"react";import{Transition}from"react-transition-group";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Popover}from"../../Popover/Popover";import{Text}from"../../Text/Text";var cnTableFilterTooltip=cn("TableFilterTooltip");export var TableFilterTooltip=function(a){var b=a.field,c=a.isOpened,d=a.options,e=a.values,f=a.className,g=a.children,h=a.onChange,i=a.onToggle,j=useState("downRight"),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRef(null),o=useRef(null);return React.createElement(React.Fragment,null,React.createElement(Button,{type:"button",ref:n,size:"xs",iconSize:"s",view:"clear",onlyIcon:!0,onClick:i,className:cnTableFilterTooltip("Button",{isOpened:c},[f]),iconLeft:IconFunnel}),React.createElement(Transition,{in:c,unmountOnExit:!0,nodeRef:o,timeout:animateTimeout},function(a){return React.createElement(Popover,{anchorRef:n,possibleDirections:["downRight","downLeft"],direction:"downRight",offset:4,arrowOffset:12,ref:o,onSetDirection:m,onClickOutside:i,className:cnTableFilterTooltip("Popover",[cnMixPopoverAnimate({animate:a,direction:l})])},g||React.createElement("div",{className:cnTableFilterTooltip("Content")},React.createElement(Text,{as:"div",size:"xs",view:"primary",lineHeight:"m",className:cnTableFilterTooltip("Title")},"\u0424\u0438\u043B\u044C\u0442\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u0443\u0441\u043B\u043E\u0432\u0438\u044E"),React.createElement("select",{className:cnTableFilterTooltip("Select"),value:_toConsumableArray(e),multiple:!0,onChange:function onChange(a){h(b,Array.from(a.target.selectedOptions).map(function(a){return a.value}))}},d.map(function(a){return React.createElement("option",{key:a.value,className:cnTableFilterTooltip("Option"),value:a.value,title:a.label},a.label)}))))}))};
 //# sourceMappingURL=TableFilterTooltip.js.map

package/__internal__/src/components/Table/FilterTooltip/TableFilterTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilterTooltip.js","names":["IconFunnel","React","useRef","useState","Transition","animateTimeout","cnMixPopoverAnimate","cn","Button","Popover","Text","cnTableFilterTooltip","TableFilterTooltip","field","isOpened","options","values","className","children","onChange","onToggle","direction","setDirection","buttonRef","popoverRef","animate","e","Array","from","target","selectedOptions","map","option","value","label"],"sources":["../../../../../../src/components/Table/FilterTooltip/TableFilterTooltip.tsx"],"sourcesContent":["import './TableFilterTooltip.css';\n\nimport { IconFunnel } from '@consta/icons/IconFunnel';\nimport React, { useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '../../../mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { Direction, Popover } from '../../Popover/Popover';\nimport { Text } from '../../Text/Text';\n\nconst cnTableFilterTooltip = cn('TableFilterTooltip');\n\ntype Values = string[];\n\ntype Props = {\n  options: Array<{\n    value: Values[number];\n    label: string;\n  }>;\n  values: Values;\n  field: string;\n  isOpened: boolean;\n  onChange: (field: string, values: Values) => void;\n  onToggle: () => void;\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const TableFilterTooltip: React.FC<Props> = ({\n  field,\n  isOpened,\n  options,\n  values,\n  className,\n  children,\n  onChange,\n  onToggle,\n}) => {\n  const [direction, setDirection] = useState<Direction>('downRight');\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <>\n      <Button\n        type=\"button\"\n        ref={buttonRef}\n        size=\"xs\"\n        iconSize=\"s\"\n        view=\"clear\"\n        onlyIcon\n        onClick={onToggle}\n        className={cnTableFilterTooltip('Button', { isOpened }, [className])}\n        iconLeft={IconFunnel}\n      />\n      <Transition\n        in={isOpened}\n        unmountOnExit\n        nodeRef={popoverRef}\n        timeout={animateTimeout}\n      >\n        {(animate) => (\n          <Popover\n            anchorRef={buttonRef}\n            possibleDirections={['downRight', 'downLeft']}\n            direction=\"downRight\"\n            offset={4}\n            arrowOffset={12}\n            ref={popoverRef}\n            onSetDirection={setDirection}\n            onClickOutside={onToggle}\n            className={cnTableFilterTooltip('Popover', [\n              cnMixPopoverAnimate({ animate, direction }),\n            ])}\n          >\n            {children || (\n              <div className={cnTableFilterTooltip('Content')}>\n                <Text\n                  as=\"div\"\n                  size=\"xs\"\n                  view=\"primary\"\n                  className={cnTableFilterTooltip('Title')}\n                >\n                  Фильтровать по условию\n                </Text>\n                <select\n                  className={cnTableFilterTooltip('Select')}\n                  value={[...values]}\n                  multiple\n                  onChange={(e): void => {\n                    onChange(\n                      field,\n                      Array.from(e.target.selectedOptions).map(\n                        (option) => option.value,\n                      ),\n                    );\n                  }}\n                >\n                  {options.map((option) => (\n                    <option\n                      key={option.value}\n                      className={cnTableFilterTooltip('Option')}\n                      value={option.value}\n                      title={option.label}\n                    >\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            )}\n          </Popover>\n        )}\n      </Transition>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TableFilterTooltip.js","names":["IconFunnel","React","useRef","useState","Transition","animateTimeout","cnMixPopoverAnimate","cn","Button","Popover","Text","cnTableFilterTooltip","TableFilterTooltip","field","isOpened","options","values","className","children","onChange","onToggle","direction","setDirection","buttonRef","popoverRef","animate","e","Array","from","target","selectedOptions","map","option","value","label"],"sources":["../../../../../../src/components/Table/FilterTooltip/TableFilterTooltip.tsx"],"sourcesContent":["import './TableFilterTooltip.css';\n\nimport { IconFunnel } from '@consta/icons/IconFunnel';\nimport React, { useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '../../../mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { Direction, Popover } from '../../Popover/Popover';\nimport { Text } from '../../Text/Text';\n\nconst cnTableFilterTooltip = cn('TableFilterTooltip');\n\ntype Values = string[];\n\ntype Props = {\n  options: Array<{\n    value: Values[number];\n    label: string;\n  }>;\n  values: Values;\n  field: string;\n  isOpened: boolean;\n  onChange: (field: string, values: Values) => void;\n  onToggle: () => void;\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const TableFilterTooltip: React.FC<Props> = ({\n  field,\n  isOpened,\n  options,\n  values,\n  className,\n  children,\n  onChange,\n  onToggle,\n}) => {\n  const [direction, setDirection] = useState<Direction>('downRight');\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <>\n      <Button\n        type=\"button\"\n        ref={buttonRef}\n        size=\"xs\"\n        iconSize=\"s\"\n        view=\"clear\"\n        onlyIcon\n        onClick={onToggle}\n        className={cnTableFilterTooltip('Button', { isOpened }, [className])}\n        iconLeft={IconFunnel}\n      />\n      <Transition\n        in={isOpened}\n        unmountOnExit\n        nodeRef={popoverRef}\n        timeout={animateTimeout}\n      >\n        {(animate) => (\n          <Popover\n            anchorRef={buttonRef}\n            possibleDirections={['downRight', 'downLeft']}\n            direction=\"downRight\"\n            offset={4}\n            arrowOffset={12}\n            ref={popoverRef}\n            onSetDirection={setDirection}\n            onClickOutside={onToggle}\n            className={cnTableFilterTooltip('Popover', [\n              cnMixPopoverAnimate({ animate, direction }),\n            ])}\n          >\n            {children || (\n              <div className={cnTableFilterTooltip('Content')}>\n                <Text\n                  as=\"div\"\n                  size=\"xs\"\n                  view=\"primary\"\n                  lineHeight=\"m\"\n                  className={cnTableFilterTooltip('Title')}\n                >\n                  Фильтровать по условию\n                </Text>\n                <select\n                  className={cnTableFilterTooltip('Select')}\n                  value={[...values]}\n                  multiple\n                  onChange={(e): void => {\n                    onChange(\n                      field,\n                      Array.from(e.target.selectedOptions).map(\n                        (option) => option.value,\n                      ),\n                    );\n                  }}\n                >\n                  {options.map((option) => (\n                    <option\n                      key={option.value}\n                      className={cnTableFilterTooltip('Option')}\n                      value={option.value}\n                      title={option.label}\n                    >\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            )}\n          </Popover>\n        )}\n      </Transition>\n    </>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/Table/NumberFilter/TableNumberFilter.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableNumberFilter.css";import React,{useRef,useState}from"react";import{cn}from"../../../utils/bem";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnNumberFilter=cn("TableNumberFilter");export var TableNumberFilter=function(a){var b=a.onConfirm,c=a.filterValue,d=a.title,e=a.onCancel,f=useState(null===c||void 0===c?void 0:c.min),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState(null===c||void 0===c?void 0:c.max),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRef(null);return React.createElement(TableFilterContainer,{title:d,onCancel:e,onConfirm:function confirmHandler(){b({min:h,max:l})}},React.createElement("div",{className:cnNumberFilter("Inputs")},React.createElement(TextField,{id:"\u043E\u0442",leftSide:"\u043E\u0442",value:h,onChange:function onChange(a){return i(a.value)},form:"defaultBrick",size:"m",autoFocus:!0,inputRef:n}),React.createElement(TextField,{leftSide:"\u0434\u043E",id:"\u0434\u043E",value:l,onChange:function onChange(a){return m(a.value)},form:"clearDefault",size:"m"})))};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableNumberFilter.css";import React,{useRef,useState}from"react";import{cn}from"../../../utils/bem";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnNumberFilter=cn("TableNumberFilter");export var TableNumberFilter=function(a){var b=a.onConfirm,c=a.filterValue,d=a.title,e=a.onCancel,f=useState(null===c||void 0===c?void 0:c.min),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState(null===c||void 0===c?void 0:c.max),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRef(null);return React.createElement(TableFilterContainer,{title:d,onCancel:e,onConfirm:function confirmHandler(){b({min:h,max:l})}},React.createElement("div",{className:cnNumberFilter("Inputs")},React.createElement(TextField,{id:"\u043E\u0442",leftSide:"\u043E\u0442",value:h,onChange:i,form:"defaultBrick",size:"m",autoFocus:!0,inputRef:n}),React.createElement(TextField,{leftSide:"\u0434\u043E",id:"\u0434\u043E",value:l,onChange:m,form:"clearDefault",size:"m"})))};
 //# sourceMappingURL=TableNumberFilter.js.map

package/__internal__/src/components/Table/NumberFilter/TableNumberFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableNumberFilter.js","names":["React","useRef","useState","cn","TextField","TableFilterContainer","cnNumberFilter","TableNumberFilter","onConfirm","filterValue","title","onCancel","min","minValue","setMinValue","max","maxValue","setMaxValue","textFieldRef","confirmHandler","e","value"],"sources":["../../../../../../src/components/Table/NumberFilter/TableNumberFilter.tsx"],"sourcesContent":["import './TableNumberFilter.css';\n\nimport React, { useRef, useState } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnNumberFilter = cn('TableNumberFilter');\n\ntype Item = {\n  min?: string;\n  max?: string;\n};\n\ntype TableNumberFilterProps = FilterComponentProps & {\n  title?: string;\n};\n\nexport const TableNumberFilter: React.FC<TableNumberFilterProps> = ({\n  onConfirm,\n  filterValue,\n  title,\n  onCancel,\n}) => {\n  const [minValue, setMinValue] = useState<string | undefined | null>(\n    (filterValue as Item)?.min,\n  );\n  const [maxValue, setMaxValue] = useState<string | undefined | null>(\n    (filterValue as Item)?.max,\n  );\n\n  const textFieldRef = useRef<HTMLInputElement>(null);\n\n  const confirmHandler = () => {\n    onConfirm({\n      min: minValue,\n      max: maxValue,\n    });\n  };\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      <div className={cnNumberFilter('Inputs')}>\n        <TextField\n          id=\"от\"\n          leftSide=\"от\"\n          value={minValue}\n          onChange={(e) => setMinValue(e.value)}\n          form=\"defaultBrick\"\n          size=\"m\"\n          autoFocus\n          inputRef={textFieldRef}\n        />\n        <TextField\n          leftSide=\"до\"\n          id=\"до\"\n          value={maxValue}\n          onChange={(e) => setMaxValue(e.value)}\n          form=\"clearDefault\"\n          size=\"m\"\n        />\n      </div>\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"iEAAA,gCAEA,MAAOA,MAAP,EAAgBC,MAAhB,CAAwBC,QAAxB,KAAwC,OAAxC,CAEA,OAASC,EAAT,0BACA,OAASC,SAAT,iCACA,OAASC,oBAAT,+CAGA,GAAMC,eAAc,CAAGH,EAAE,CAAC,mBAAD,CAAzB,CAWA,MAAO,IAAMI,kBAAmD,CAAG,WAK7D,IAJJC,EAII,GAJJA,SAII,CAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,KAEI,CADJC,CACI,GADJA,QACI,GAC4BT,QAAQ,QACrCO,CADqC,WACrCA,CADqC,QACrCA,CAAD,CAAuBG,GADe,CADpC,uBACGC,CADH,MACaC,CADb,QAI4BZ,QAAQ,QACrCO,CADqC,WACrCA,CADqC,QACrCA,CAAD,CAAuBM,GADe,CAJpC,uBAIGC,CAJH,MAIaC,CAJb,MAQEC,CAAY,CAAGjB,MAAM,CAAmB,IAAnB,CARvB,CAiBJ,MACE,qBAAC,oBAAD,EACE,KAAK,CAAES,CADT,CAEE,QAAQ,CAAEC,CAFZ,CAGE,SAAS,CAXU,QAAjBQ,eAAiB,EAAM,CAC3BX,CAAS,CAAC,CACRI,GAAG,CAAEC,CADG,CAERE,GAAG,CAAEC,CAFG,CAAD,CAIV,CAGC,EAKE,2BAAK,SAAS,CAAEV,cAAc,CAAC,QAAD,CAA9B,EACE,oBAAC,SAAD,EACE,EAAE,CAAC,cADL,CAEE,QAAQ,CAAC,cAFX,CAGE,KAAK,CAAEO,CAHT,CAIE,QAAQ,CAAE,kBAACO,CAAD,QAAON,EAAW,CAACM,CAAC,CAACC,KAAH,CAAlB,CAJZ,CAKE,IAAI,CAAC,cALP,CAME,IAAI,CAAC,GANP,CAOE,SAAS,GAPX,CAQE,QAAQ,CAAEH,CARZ,EADF,CAWE,oBAAC,SAAD,EACE,QAAQ,CAAC,cADX,CAEE,EAAE,CAAC,cAFL,CAGE,KAAK,CAAEF,CAHT,CAIE,QAAQ,CAAE,kBAACI,CAAD,QAAOH,EAAW,CAACG,CAAC,CAACC,KAAH,CAAlB,CAJZ,CAKE,IAAI,CAAC,cALP,CAME,IAAI,CAAC,GANP,EAXF,CALF,CA2BH,CAlDM"}
+{"version":3,"file":"TableNumberFilter.js","names":["React","useRef","useState","cn","TextField","TableFilterContainer","cnNumberFilter","TableNumberFilter","onConfirm","filterValue","title","onCancel","min","minValue","setMinValue","max","maxValue","setMaxValue","textFieldRef","confirmHandler"],"sources":["../../../../../../src/components/Table/NumberFilter/TableNumberFilter.tsx"],"sourcesContent":["import './TableNumberFilter.css';\n\nimport React, { useRef, useState } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnNumberFilter = cn('TableNumberFilter');\n\ntype Item = {\n  min?: string;\n  max?: string;\n};\n\ntype TableNumberFilterProps = FilterComponentProps & {\n  title?: string;\n};\n\nexport const TableNumberFilter: React.FC<TableNumberFilterProps> = ({\n  onConfirm,\n  filterValue,\n  title,\n  onCancel,\n}) => {\n  const [minValue, setMinValue] = useState<string | undefined | null>(\n    (filterValue as Item)?.min,\n  );\n  const [maxValue, setMaxValue] = useState<string | undefined | null>(\n    (filterValue as Item)?.max,\n  );\n\n  const textFieldRef = useRef<HTMLInputElement>(null);\n\n  const confirmHandler = () => {\n    onConfirm({\n      min: minValue,\n      max: maxValue,\n    });\n  };\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      <div className={cnNumberFilter('Inputs')}>\n        <TextField\n          id=\"от\"\n          leftSide=\"от\"\n          value={minValue}\n          onChange={setMinValue}\n          form=\"defaultBrick\"\n          size=\"m\"\n          autoFocus\n          inputRef={textFieldRef}\n        />\n        <TextField\n          leftSide=\"до\"\n          id=\"до\"\n          value={maxValue}\n          onChange={setMaxValue}\n          form=\"clearDefault\"\n          size=\"m\"\n        />\n      </div>\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"iEAAA,gCAEA,MAAOA,MAAP,EAAgBC,MAAhB,CAAwBC,QAAxB,KAAwC,OAAxC,CAEA,OAASC,EAAT,0BACA,OAASC,SAAT,iCACA,OAASC,oBAAT,+CAGA,GAAMC,eAAc,CAAGH,EAAE,CAAC,mBAAD,CAAzB,CAWA,MAAO,IAAMI,kBAAmD,CAAG,WAK7D,IAJJC,EAII,GAJJA,SAII,CAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,KAEI,CADJC,CACI,GADJA,QACI,GAC4BT,QAAQ,QACrCO,CADqC,WACrCA,CADqC,QACrCA,CAAD,CAAuBG,GADe,CADpC,uBACGC,CADH,MACaC,CADb,QAI4BZ,QAAQ,QACrCO,CADqC,WACrCA,CADqC,QACrCA,CAAD,CAAuBM,GADe,CAJpC,uBAIGC,CAJH,MAIaC,CAJb,MAQEC,CAAY,CAAGjB,MAAM,CAAmB,IAAnB,CARvB,CAiBJ,MACE,qBAAC,oBAAD,EACE,KAAK,CAAES,CADT,CAEE,QAAQ,CAAEC,CAFZ,CAGE,SAAS,CAXU,QAAjBQ,eAAiB,EAAM,CAC3BX,CAAS,CAAC,CACRI,GAAG,CAAEC,CADG,CAERE,GAAG,CAAEC,CAFG,CAAD,CAIV,CAGC,EAKE,2BAAK,SAAS,CAAEV,cAAc,CAAC,QAAD,CAA9B,EACE,oBAAC,SAAD,EACE,EAAE,CAAC,cADL,CAEE,QAAQ,CAAC,cAFX,CAGE,KAAK,CAAEO,CAHT,CAIE,QAAQ,CAAEC,CAJZ,CAKE,IAAI,CAAC,cALP,CAME,IAAI,CAAC,GANP,CAOE,SAAS,GAPX,CAQE,QAAQ,CAAEI,CARZ,EADF,CAWE,oBAAC,SAAD,EACE,QAAQ,CAAC,cADX,CAEE,EAAE,CAAC,cAFL,CAGE,KAAK,CAAEF,CAHT,CAIE,QAAQ,CAAEC,CAJZ,CAKE,IAAI,CAAC,cALP,CAME,IAAI,CAAC,GANP,EAXF,CALF,CA2BH,CAlDM"}

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

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["columns","rows","size","filters","isResizable","stickyHeader","stickyColumns","minColumnWidth","activeRow","verticalAlign","headerVerticalAlign","zebraStriped","borderBetweenRows","borderBetweenColumns","emptyRowsPlaceholder","defaultExpandAll","className","onRowHover","onRowClick","onRowCreate","onCellClick","getAdditionalClassName","rowCreateText","lazyLoad","onSortBy","onFiltersUpdated","getTagLabel","getCellWrap","isExpandedRowsByDefault"];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"./Table.css";import{IconSortDown}from"@consta/icons/IconSortDown";import{IconSortUp}from"@consta/icons/IconSortUp";import{IconUnsort}from"@consta/icons/IconUnsort";import React,{useEffect,useMemo}from"react";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{sortBy as sortByDefault,updateAt}from"../../utils/array";import{cn}from"../../utils/bem";import{setRef}from"../../utils/setRef";import{isNotNil,isString}from"../../utils/type-guards";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TableCell}from"./Cell/TableCell";import{fieldFiltersPresent,filterTableData,getSelectedFiltersList,isSelectedFiltersPresent,useSelectedFilters}from"./filtering";import{TableHeader}from"./Header/TableHeader";import{calulateColSpans,createSortingState,getColumnLeftOffset,getColumnsSize,getMergedArray,getNewSorting,Order,transformRows,useHeaderData,useLazyLoadData}from"./helpers";import{TableResizer}from"./Resizer/TableResizer";import{TableRowsCollapse}from"./RowsCollapse/TableRowsCollapse";import{TableSelectedOptionsList}from"./SelectedOptionsList/TableSelectedOptionsList";export{TableTextFilter}from"./TextFilter/TableTextFilter";export{TableFilterContainer}from"./FilterContainer/TableFilterContainer";export{TableNumberFilter}from"./NumberFilter/TableNumberFilter";export{TableChoiceGroupFilter}from"./ChoiceGroupFilter/TableChoiceGroupFilter";var cnTable=cn("Table");export var sizes=["s","m","l"];export var zebraStriped=["odd","even"];export var headerVerticalAligns=["center","bottom"];var createButtonSizeMap={s:"xs",m:"s",l:"m"},getColumnSortByField=function(a){return a.sortable&&a.sortByField||a.accessor},sortingData=function(a,b,c){if(c)return a;if(!b)return a;var d=sortByDefault(a,b.by,b.order,b.sortFn);return d.some(function(a){var b;return null===(b=a.rows)||void 0===b?void 0:b.length})?d.map(function(a){return a.rows?_objectSpread(_objectSpread({},a),{},{rows:sortingData(a.rows,b,c)}):a}):d},defaultEmptyRowsPlaceholder=React.createElement(Text,{as:"span",view:"primary",size:"s",lineHeight:"s"},"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"),InternalTable=function(a,b){var c,d,e,f,g=a.columns,h=a.rows,i=a.size,j=void 0===i?"l":i,k=a.filters,l=a.isResizable,m=void 0!==l&&l,n=a.stickyHeader,o=a.stickyColumns,p=void 0===o?0:o,q=a.minColumnWidth,r=void 0===q?150:q,s=a.activeRow,t=a.verticalAlign,u=void 0===t?"top":t,v=a.headerVerticalAlign,w=void 0===v?"center":v,x=a.zebraStriped,y=a.borderBetweenRows,z=a.borderBetweenColumns,A=void 0!==z&&z,B=a.emptyRowsPlaceholder,C=void 0===B?defaultEmptyRowsPlaceholder:B,D=a.defaultExpandAll,E=a.className,F=a.onRowHover,G=a.onRowClick,H=a.onRowCreate,I=a.onCellClick,J=a.getAdditionalClassName,K=a.rowCreateText,L=void 0===K?"+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443":K,M=a.lazyLoad,N=a.onSortBy,O=a.onFiltersUpdated,P=a.getTagLabel,Q=a.getCellWrap,R=a.isExpandedRowsByDefault,S=void 0!==R&&R,T=_objectWithoutProperties(a,_excluded),U=useHeaderData(g),V=U.headers,W=U.flattenedHeaders,X=U.lowHeaders,Y=U.headerRowsRefs,Z=U.headerRowsHeights,$=U.resizerTopOffsets,_=(null===(c=V[0][p-1])||void 0===c?void 0:c.position.gridIndex)+((null===(d=V[0][p-1])||void 0===d?void 0:d.position.colSpan)||1),aa=function(){return X.map(function(a){return a.width})},ba=React.useState(aa()),ca=_slicedToArray(ba,2),da=ca[0],ea=ca[1],fa=React.useMemo(function(){return k&&k.filter(function(a){return a.id&&a.field})},[k]);React.useEffect(function(){ea(aa())},[X.length]);var ga=React.useState([]),ha=_slicedToArray(ga,2),ia=ha[0],ja=ha[1],ka=React.useState(null),la=_slicedToArray(ka,2),ma=la[0],na=la[1],oa=React.useState(null),pa=_slicedToArray(oa,2),qa=pa[0],ra=pa[1],sa=React.useState({top:0,left:0}),ta=_slicedToArray(sa,2),ua=ta[0],va=ta[1],wa=React.useRef(null),xa=React.useRef({}),ya=React.useRef({}),za=useSelectedFilters(fa,O),Aa=za.selectedFilters,Ba=za.updateSelectedFilters,Ca=za.removeOneSelectedFilter,Da=za.removeAllSelectedFilters,Ea=React.useState([]),Fa=_slicedToArray(Ea,2),Ga=Fa[0],Ha=Fa[1];React.useEffect(function(){var a=g.find(function(a){return isString(a.order)&&Object.prototype.hasOwnProperty.call(Order,a.order)});if(a){var b=createSortingState(getColumnSortByField(a),a.order,a.sortFn);na(b)}},[g]),useComponentSize(wa);var Ia=(null===(e=wa.current)||void 0===e?void 0:e.clientHeight)||0,Ja=(null===(f=wa.current)||void 0===f?void 0:f.clientWidth)||0,Ka=0<ua.left,La=0<ua.top,Ma=s&&s.onChange,Na=function(a,b){ea(updateAt(da,a,b))},Oa=useMemo(function(){var a=Object.values(xa.current).filter(isNotNil),b=a.map(function(a){return a.getBoundingClientRect().width}),c=getMergedArray(b,da);return c.reduce(function(c,a){return(null!==c&&void 0!==c?c:0)+(null!==a&&void 0!==a?a:0)})},[da,m]);React.useLayoutEffect(function(){var a=Object.values(xa.current).filter(isNotNil);if(0!==a.length){var b=a.map(function(a){return a.getBoundingClientRect().width});if(ja(b),a[0].getBoundingClientRect().left!==a[a.length-1].getBoundingClientRect().left){var h=getMergedArray(b,da);if((null!==Oa&&void 0!==Oa?Oa:Ja)<Ja){for(var c,d=!1,e=g.length-1;0<e;e--)if(c=g[e].width,!(c&&0<c))return h[e]=void 0,void(d=!0);if(!d&&Oa){var f;h[h.length-1]=(null!==(f=h[h.length-1])&&void 0!==f?f:0)+Ja-Oa}}return ea(h)}return 0<Ja&&!m?ea(aa()):void 0}},[Ja,Oa]);var Pa=function(a){return getColumnSortByField(a)===(null===ma||void 0===ma?void 0:ma.by)},Qa=function(a,b){return b>=p?void 0:getColumnLeftOffset({columnIndex:a,resizedColumnWidths:da,initialColumnWidths:ia})},Ra=function(a){var b=a.id,c=a.e;s&&s.onChange&&s.onChange({id:s.id===b?void 0:b,e:c})},Sa=function(a){return function(b){return F&&F({id:a,e:b})}},Ta=function(a,b){return function(c){return H&&H({e:c,id:b,index:a})}},Ua=function(a,b){var c=Math.min(r,ia[a]),d=da[a]||ia[a],e=Math.max(c,d+b);Na(a,e);var f=wa.current;a===da.length-1&&0<b&&f&&f.scrollBy(b,0)},Va=getColumnLeftOffset({columnIndex:p,resizedColumnWidths:da,initialColumnWidths:ia}),Wa=function(a){return a.map(function(a){var b,c=a.position.gridIndex,d=da[c],e=ia[c],f=d||e,g=getColumnLeftOffset({columnIndex:c,resizedColumnWidths:da,initialColumnWidths:ia}),h=p>a.position.topHeaderGridIndex,i=p>c||Va+ua.left<g+f,j=0<((null===(b=Aa[a.accessor])||void 0===b?void 0:b.selected)||[]).length;return _objectSpread(_objectSpread({},a),{},{filterable:!!(fa&&fieldFiltersPresent(fa,a.accessor)),isSortingActive:Pa(a),isFilterActive:j,isResized:!!f&&f!==e,isSticky:h,showResizer:i,columnWidth:f,columnLeftOffset:g})})},Xa=Wa(W),Ya=React.useMemo(function(){return h.some(function(a){var b;return!(!(null!==(b=a.rows)&&void 0!==b)||!b.length)})},[h]),Za=sortingData(h,ma,N),$a=fa&&isSelectedFiltersPresent(Aa)?filterTableData({data:Za,filters:fa||[],selectedFilters:Aa}):Za,_a=M||{},ab=_a.maxVisibleRows,bb=void 0===ab?210:ab,cb=_a.scrollableEl,db=void 0===cb?wa.current:cb,eb=useLazyLoadData(bb,db,!!M),fb=eb.getSlicedRows,gb=eb.setBoundaryRef,hb=transformRows($a,Ga,S),ib=fb(hb),jb={"--table-grid-template-columns":getColumnsSize(da),"--table-width":"".concat(Ja,"px")},kb=Wa(X).some(function(a){return a.mergeCells}),lb=function(a){return function(){return Ga.includes(a)?void Ha(function(b){return b.filter(function(b){return b!==a})}):void Ha(function(b){return[].concat(_toConsumableArray(b),[a])})}},mb=function(a,b){var c,d=!(!(null!==(c=a.rows)&&void 0!==c)||!c.length)&&0===b,e={level:a.options.level,isExpandedByDefault:S};if(!d||S)return e;var f=Ga.includes(a.id),g=lb(a.id);return _objectSpread(_objectSpread({},e),{},{withCollapseButton:d,isExpanded:f,toggleCollapse:g})},nb=function(a,b,c){var d=[];return a.forEach(function(a){var e,f;if((a.defaultExpand||0<(null!==(e=null===(f=a.rows)||void 0===f?void 0:f.length)&&void 0!==e?e:0)&&c)&&d.push(a.id),a.rows){var g=nb(a.rows,b+1,c);d=[].concat(_toConsumableArray(d),_toConsumableArray(g)),0<g.length&&-1===d.indexOf(a.id)&&d.push(a.id)}}),[].concat(_toConsumableArray(0===b?Ga:[]),_toConsumableArray(d.filter(function(a){return-1===Ga.indexOf(a)})))};useEffect(function(){h&&Ha(nb(h,0,D))},[h,D]);var ob=function(a,b,c){var d=a.renderCell?a.renderCell(b):b[a.accessor];if(!Ya||0!==c)return d;var e=mb(b,c);return React.createElement(TableRowsCollapse,e,d)},pb=useMemo(function(){var a,b=ib.length,c=null!==(a=ib.slice(-1).pop())&&void 0!==a?a:{},d=c.id;return H?React.createElement("div",{className:cnTable(b?"CreatRowCell":"RowWithoutCells")},React.createElement(Button,{size:createButtonSizeMap[j],form:"brick",label:L,view:"clear",className:cnTable("CreateRowButton"),onClick:Ta(b,d),width:"full"})):null},[L,ib.length,H]),qb=function(a,b,c,d){var e,f=c.mergeCells,g=c.accessor,h=c.position,j=c.getComparisonValue,k=void 0===j?function(a){return a}:j,l=ib[b-1]&&k(ib[b-1][g]),m=k(a[g]),n={rowSpan:1,show:!1,style:{left:Qa(d,h.topHeaderGridIndex)}};if(f&&(ib[b-1]&&l!==m||0===b||l===m&&null!==(e=ib[b-1])&&void 0!==e&&e.rows)){if(!a.rows)for(var o,p=b;p<ib.length&&ib[p+1]&&(o=k(ib[p+1][g]),m===o&&!ib[p].rows);p++)n.rowSpan++;1<n.rowSpan&&(n.style["--row-span"]="span ".concat(n.rowSpan)),n.show=!0}return f||(n.show=!0),n},rb=function(a){null===I||void 0===I?void 0:I(a)};return React.createElement("div",Object.assign({},T,{ref:useForkRef([wa,b]),className:cnTable({size:j,isResizable:m,zebraStriped:x,withBorderBottom:!$a.length},[E]),style:jb,onScroll:function handleScroll(a){a.target instanceof HTMLElement&&a.target===wa.current&&va({top:a.target.scrollTop,left:a.target.scrollLeft})}}),Wa(X).map(function(a,b){return React.createElement(TableCell,{type:"resizer",key:b,ref:function(a){xa.current[b]=a},style:{left:Qa(b,b)},onContextMenu:function onContextMenu(a){return rb({e:a,type:"contextMenu",columnIdx:b,ref:{current:xa.current[b]}})},onClick:function onClick(a){return rb({e:a,type:"click",columnIdx:b,ref:{current:xa.current[b]}})},column:a,showVerticalShadow:Ka},m&&React.createElement(TableResizer,{height:Ia-$[b],top:$[b],isVisible:a.showResizer,onResize:function onResize(a){return Ua(b,a)},onDoubleClick:function onDoubleClick(){return Na(b,ia[b])}}))}),React.createElement(TableHeader,{isStickyHeader:void 0!==n&&n,headersWithMetaData:Xa,headerRowsHeights:Z,headerRowsRefs:Y,getStickyLeftOffset:Qa,stickyColumnsGrid:_,showVerticalCellShadow:Ka,headerVerticalAlign:w,getSortIcon:function getSortIcon(a){return Pa(a)&&("desc"===(null===ma||void 0===ma?void 0:ma.order)?IconSortDown:IconSortUp)||IconUnsort},handleSortClick:function handleSortClick(a){var b=getNewSorting(ma,getColumnSortByField(a),a.sortable&&(null===a||void 0===a?void 0:a.sortFn)||void 0),c=b?{sortingBy:b.by,sortOrder:b.order}:null;N&&N(c),na(b)},handleFilterTogglerClick:function handleFilterTogglerClick(a){return function(){ra(qa===a?null:a)}},handleCellClick:rb,handleTooltipSave:function handleTooltipSave(a,b,c){Ba(a,b,c)},filters:fa,visibleFilter:qa,selectedFilters:Aa,showHorizontalCellShadow:La,borderBetweenColumns:A}),fa&&isSelectedFiltersPresent(Aa)&&React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement(TableSelectedOptionsList,{values:getSelectedFiltersList({filters:fa,selectedFilters:Aa,columns:X}),getTagLabel:P,onRemove:function removeSelectedFilter(a){return function(b){Ca(a,b)}}(fa),onReset:function resetSelectedFilters(){fa&&fa.length&&Da(fa)}})),0<ib.length?ib.map(function(a,b){var c=0==(b+1)%2?"even":"odd",d=Wa(X),e=calulateColSpans(d,a);return React.createElement("div",{key:a.id,role:"presentation",className:cnTable("CellsRow",{nth:c,withMergedCells:kb}),onMouseEnter:Sa(a.id),onMouseLeave:Sa(void 0),onClick:function onClick(b){return G&&G({id:a.id,e:b})}},d.map(function(c,d){var f=qb(a,b,c,d),g=f.show,h=f.style,i=f.rowSpan,j=e[d],k=0<d?e.slice(0,d).reduce(function(c,a){return c+a})+1:1;if(g&&0<j){var l;return React.createElement(TableCell,{type:"content",key:c.accessor,ref:function(c){ya.current["".concat(d,"-").concat(a.id)]=c,setRef(gb(d,b),c)},style:_objectSpread(_objectSpread({},h),{},(l={},_defineProperty(l,"--table-cell-col-start",k),_defineProperty(l,"--table-cell-col-end",k+j),l)),wrapperClassName:cnTable("ContentCell",{isActive:!!s&&s.id===a.id,isDarkned:!!s&&s.id!==void 0&&s.id!==a.id,isMerged:c.mergeCells&&1<i}),className:null===J||void 0===J?void 0:J({column:c,row:a,isActive:!!s&&s.id===a.id}),wrap:null===Q||void 0===Q?void 0:Q(a),onContextMenu:function onContextMenu(b){return rb({e:b,type:"contextMenu",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},onClick:function onClick(b){Ra({id:a.id,e:b}),rb({e:b,type:"click",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},column:c,verticalAlign:u,isClickable:!!Ma,showVerticalShadow:Ka&&(null===c||void 0===c?void 0:c.position.gridIndex)+((null===c||void 0===c?void 0:c.position.colSpan)||1)===_,isBorderTop:0<b&&void 0!==y&&y,isBorderLeft:0<d&&A},ob(c,a,d))}return null}))}):React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement("div",{className:cnTable("EmptyCell")},function renderEmptyRowsPlaceholder(a){return"string"==typeof a?React.createElement(Text,{size:"s"},a):a}(C))),pb)};export var Table=React.forwardRef(InternalTable);
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["columns","rows","size","filters","isResizable","stickyHeader","stickyColumns","minColumnWidth","activeRow","verticalAlign","headerVerticalAlign","zebraStriped","borderBetweenRows","borderBetweenColumns","emptyRowsPlaceholder","defaultExpandAll","className","onRowHover","onRowClick","onRowCreate","onCellClick","getAdditionalClassName","rowCreateText","lazyLoad","onSortBy","onFiltersUpdated","getTagLabel","getCellWrap","isExpandedRowsByDefault"];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"./Table.css";import{IconSortDown}from"@consta/icons/IconSortDown";import{IconSortUp}from"@consta/icons/IconSortUp";import{IconUnsort}from"@consta/icons/IconUnsort";import React,{useEffect,useMemo}from"react";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{sortBy as sortByDefault,updateAt}from"../../utils/array";import{cn}from"../../utils/bem";import{setRef}from"../../utils/setRef";import{isNotNil,isString}from"../../utils/type-guards";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TableCell}from"./Cell/TableCell";import{fieldFiltersPresent,filterTableData,getSelectedFiltersList,isSelectedFiltersPresent,useSelectedFilters}from"./filtering";import{TableHeader}from"./Header/TableHeader";import{calulateColSpans,createSortingState,getColumnLeftOffset,getColumnsSize,getMergedArray,getNewSorting,Order,transformRows,useHeaderData,useLazyLoadData}from"./helpers";import{TableResizer}from"./Resizer/TableResizer";import{TableRowsCollapse}from"./RowsCollapse/TableRowsCollapse";import{TableSelectedOptionsList}from"./SelectedOptionsList/TableSelectedOptionsList";export{TableTextFilter}from"./TextFilter/TableTextFilter";export{TableFilterContainer}from"./FilterContainer/TableFilterContainer";export{TableNumberFilter}from"./NumberFilter/TableNumberFilter";export{TableChoiceGroupFilter}from"./ChoiceGroupFilter/TableChoiceGroupFilter";var cnTable=cn("Table");export var sizes=["s","m","l"];export var zebraStriped=["odd","even"];export var headerVerticalAligns=["center","bottom"];var createButtonSizeMap={s:"xs",m:"s",l:"m"},getColumnSortByField=function(a){return a.sortable&&a.sortByField||a.accessor},sortingData=function(a,b,c){if(c)return a;if(!b)return a;var d=sortByDefault(a,b.by,b.order,b.sortFn);return d.some(function(a){var b;return null===(b=a.rows)||void 0===b?void 0:b.length})?d.map(function(a){return a.rows?_objectSpread(_objectSpread({},a),{},{rows:sortingData(a.rows,b,c)}):a}):d},defaultEmptyRowsPlaceholder=React.createElement(Text,{as:"span",view:"primary",size:"s",lineHeight:"s"},"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"),InternalTable=function(a,b){var c,d,e,f,g=a.columns,h=a.rows,i=a.size,j=void 0===i?"l":i,k=a.filters,l=a.isResizable,m=void 0!==l&&l,n=a.stickyHeader,o=a.stickyColumns,p=void 0===o?0:o,q=a.minColumnWidth,r=void 0===q?150:q,s=a.activeRow,t=a.verticalAlign,u=void 0===t?"top":t,v=a.headerVerticalAlign,w=void 0===v?"center":v,x=a.zebraStriped,y=a.borderBetweenRows,z=a.borderBetweenColumns,A=void 0!==z&&z,B=a.emptyRowsPlaceholder,C=void 0===B?defaultEmptyRowsPlaceholder:B,D=a.defaultExpandAll,E=a.className,F=a.onRowHover,G=a.onRowClick,H=a.onRowCreate,I=a.onCellClick,J=a.getAdditionalClassName,K=a.rowCreateText,L=void 0===K?"+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443":K,M=a.lazyLoad,N=a.onSortBy,O=a.onFiltersUpdated,P=a.getTagLabel,Q=a.getCellWrap,R=a.isExpandedRowsByDefault,S=void 0!==R&&R,T=_objectWithoutProperties(a,_excluded),U=useHeaderData(g),V=U.headers,W=U.flattenedHeaders,X=U.lowHeaders,Y=U.headerRowsRefs,Z=U.headerRowsHeights,$=U.resizerTopOffsets,_=(null===(c=V[0][p-1])||void 0===c?void 0:c.position.gridIndex)+((null===(d=V[0][p-1])||void 0===d?void 0:d.position.colSpan)||1),aa=function(){return X.map(function(a){return a.width})},ba=React.useState(aa()),ca=_slicedToArray(ba,2),da=ca[0],ea=ca[1],fa=React.useMemo(function(){return k&&k.filter(function(a){return a.id&&a.field})},[k]);React.useEffect(function(){ea(aa())},[X.length]);var ga=React.useState([]),ha=_slicedToArray(ga,2),ia=ha[0],ja=ha[1],ka=React.useState(null),la=_slicedToArray(ka,2),ma=la[0],na=la[1],oa=React.useState(null),pa=_slicedToArray(oa,2),qa=pa[0],ra=pa[1],sa=React.useState({top:0,left:0}),ta=_slicedToArray(sa,2),ua=ta[0],va=ta[1],wa=React.useRef(null),xa=React.useRef({}),ya=React.useRef({}),za=useSelectedFilters(fa,O),Aa=za.selectedFilters,Ba=za.updateSelectedFilters,Ca=za.removeOneSelectedFilter,Da=za.removeAllSelectedFilters,Ea=React.useState([]),Fa=_slicedToArray(Ea,2),Ga=Fa[0],Ha=Fa[1];React.useEffect(function(){var a=g.find(function(a){return isString(a.order)&&Object.prototype.hasOwnProperty.call(Order,a.order)});if(a){var b=createSortingState(getColumnSortByField(a),a.order,a.sortFn);na(b)}},[g]),useComponentSize(wa);var Ia=(null===(e=wa.current)||void 0===e?void 0:e.clientHeight)||0,Ja=(null===(f=wa.current)||void 0===f?void 0:f.clientWidth)||0,Ka=0<ua.left,La=0<ua.top,Ma=s&&s.onChange,Na=function(a,b){ea(updateAt(da,a,b))},Oa=useMemo(function(){var a=Object.values(xa.current).filter(isNotNil),b=a.map(function(a){return a.getBoundingClientRect().width}),c=getMergedArray(b,da);return c.reduce(function(c,a){return(null!==c&&void 0!==c?c:0)+(null!==a&&void 0!==a?a:0)})},[da,m]);React.useLayoutEffect(function(){var a=Object.values(xa.current).filter(isNotNil);if(0!==a.length){var b=a.map(function(a){return a.getBoundingClientRect().width});if(ja(b),a[0].getBoundingClientRect().left!==a[a.length-1].getBoundingClientRect().left){var h=getMergedArray(b,da);if((null!==Oa&&void 0!==Oa?Oa:Ja)<Ja){for(var c,d=!1,e=g.length-1;0<e;e--)if(c=g[e].width,!(c&&0<c))return h[e]=void 0,void(d=!0);if(!d&&Oa){var f;h[h.length-1]=(null!==(f=h[h.length-1])&&void 0!==f?f:0)+Ja-Oa}}return ea(h)}return 0<Ja&&!m?ea(aa()):void 0}},[Ja,Oa]);var Pa=function(a){return getColumnSortByField(a)===(null===ma||void 0===ma?void 0:ma.by)},Qa=function(a,b){return b>=p?void 0:getColumnLeftOffset({columnIndex:a,resizedColumnWidths:da,initialColumnWidths:ia})},Ra=function(a){var b=a.id,c=a.e;s&&s.onChange&&s.onChange({id:s.id===b?void 0:b,e:c})},Sa=function(a){return function(b){return F&&F({id:a,e:b})}},Ta=function(a,b){return function(c){return H&&H({e:c,id:b,index:a})}},Ua=function(a,b){var c=Math.min(r,ia[a]),d=da[a]||ia[a],e=Math.max(c,d+b);Na(a,e);var f=wa.current;a===da.length-1&&0<b&&f&&f.scrollBy(b,0)},Va=getColumnLeftOffset({columnIndex:p,resizedColumnWidths:da,initialColumnWidths:ia}),Wa=function(a){return a.map(function(a){var b,c=a.position.gridIndex,d=da[c],e=ia[c],f=d||e,g=getColumnLeftOffset({columnIndex:c,resizedColumnWidths:da,initialColumnWidths:ia}),h=p>a.position.topHeaderGridIndex,i=p>c||Va+ua.left<g+f,j=0<((null===(b=Aa[a.accessor])||void 0===b?void 0:b.selected)||[]).length;return _objectSpread(_objectSpread({},a),{},{filterable:!!(fa&&fieldFiltersPresent(fa,a.accessor)),isSortingActive:Pa(a),isFilterActive:j,isResized:!!f&&f!==e,isSticky:h,showResizer:i,columnWidth:f,columnLeftOffset:g})})},Xa=Wa(W),Ya=React.useMemo(function(){return h.some(function(a){var b;return!(!(null!==(b=a.rows)&&void 0!==b)||!b.length)})},[h]),Za=sortingData(h,ma,N),$a=fa&&isSelectedFiltersPresent(Aa)?filterTableData({data:Za,filters:fa||[],selectedFilters:Aa}):Za,_a=M||{},ab=_a.maxVisibleRows,bb=void 0===ab?210:ab,cb=_a.scrollableEl,db=void 0===cb?wa.current:cb,eb=useLazyLoadData(bb,db,!!M),fb=eb.getSlicedRows,gb=eb.setBoundaryRef,hb=transformRows($a,Ga,S),ib=fb(hb),jb={"--table-grid-template-columns":getColumnsSize(da),"--table-width":"".concat(Ja,"px")},kb=Wa(X).some(function(a){return a.mergeCells}),lb=function(a){return function(){return Ga.includes(a)?void Ha(function(b){return b.filter(function(b){return b!==a})}):void Ha(function(b){return[].concat(_toConsumableArray(b),[a])})}},mb=function(a,b){var c,d=!(!(null!==(c=a.rows)&&void 0!==c)||!c.length)&&0===b,e={level:a.options.level,isExpandedByDefault:S};if(!d||S)return e;var f=Ga.includes(a.id),g=lb(a.id);return _objectSpread(_objectSpread({},e),{},{withCollapseButton:d,isExpanded:f,toggleCollapse:g})},nb=function(a,b,c){var d=[];return a.forEach(function(a){var e,f;if((a.defaultExpand||0<(null!==(e=null===(f=a.rows)||void 0===f?void 0:f.length)&&void 0!==e?e:0)&&c)&&d.push(a.id),a.rows){var g=nb(a.rows,b+1,c);d=[].concat(_toConsumableArray(d),_toConsumableArray(g)),0<g.length&&-1===d.indexOf(a.id)&&d.push(a.id)}}),[].concat(_toConsumableArray(0===b?Ga:[]),_toConsumableArray(d.filter(function(a){return-1===Ga.indexOf(a)})))};useEffect(function(){h&&Ha(nb(h,0,D))},[h,D]);var ob=function(a,b,c){var d=a.renderCell?a.renderCell(b):b[a.accessor];if(!Ya||0!==c)return d;var e=mb(b,c);return React.createElement(TableRowsCollapse,e,d)},pb=useMemo(function(){var a,b=ib.length,c=null!==(a=ib.slice(-1).pop())&&void 0!==a?a:{},d=c.id;return H?React.createElement("div",{className:cnTable(b?"CreatRowCell":"RowWithoutCells")},React.createElement(Button,{size:createButtonSizeMap[j],form:"brick",label:L,view:"clear",className:cnTable("CreateRowButton"),onClick:Ta(b,d),width:"full"})):null},[L,ib.length,H]),qb=function(a,b,c,d){var e,f=c.mergeCells,g=c.accessor,h=c.position,j=c.getComparisonValue,k=void 0===j?function(a){return a}:j,l=ib[b-1]&&k(ib[b-1][g]),m=k(a[g]),n={rowSpan:1,show:!1,style:{left:Qa(d,h.topHeaderGridIndex)}};if(f&&(ib[b-1]&&l!==m||0===b||l===m&&null!==(e=ib[b-1])&&void 0!==e&&e.rows)){if(!a.rows)for(var o,p=b;p<ib.length&&ib[p+1]&&(o=k(ib[p+1][g]),m===o&&!ib[p].rows);p++)n.rowSpan++;1<n.rowSpan&&(n.style["--row-span"]="span ".concat(n.rowSpan)),n.show=!0}return f||(n.show=!0),n},rb=function(a){null===I||void 0===I?void 0:I(a)};return React.createElement("div",Object.assign({},T,{ref:useForkRef([wa,b]),className:cnTable({size:j,isResizable:m,zebraStriped:x,withBorderBottom:!$a.length},[E,cnMixScrollBar()]),style:jb,onScroll:function handleScroll(a){a.target instanceof HTMLElement&&a.target===wa.current&&va({top:a.target.scrollTop,left:a.target.scrollLeft})}}),Wa(X).map(function(a,b){return React.createElement(TableCell,{type:"resizer",key:b,ref:function(a){xa.current[b]=a},style:{left:Qa(b,b)},onContextMenu:function onContextMenu(a){return rb({e:a,type:"contextMenu",columnIdx:b,ref:{current:xa.current[b]}})},onClick:function onClick(a){return rb({e:a,type:"click",columnIdx:b,ref:{current:xa.current[b]}})},column:a,showVerticalShadow:Ka},m&&React.createElement(TableResizer,{height:Ia-$[b],top:$[b],isVisible:a.showResizer,onResize:function onResize(a){return Ua(b,a)},onDoubleClick:function onDoubleClick(){return Na(b,ia[b])}}))}),React.createElement(TableHeader,{isStickyHeader:void 0!==n&&n,headersWithMetaData:Xa,headerRowsHeights:Z,headerRowsRefs:Y,getStickyLeftOffset:Qa,stickyColumnsGrid:_,showVerticalCellShadow:Ka,headerVerticalAlign:w,getSortIcon:function getSortIcon(a){return Pa(a)&&("desc"===(null===ma||void 0===ma?void 0:ma.order)?IconSortDown:IconSortUp)||IconUnsort},handleSortClick:function handleSortClick(a){var b=getNewSorting(ma,getColumnSortByField(a),a.sortable&&(null===a||void 0===a?void 0:a.sortFn)||void 0),c=b?{sortingBy:b.by,sortOrder:b.order}:null;N&&N(c),na(b)},handleFilterTogglerClick:function handleFilterTogglerClick(a){return function(){ra(qa===a?null:a)}},handleCellClick:rb,handleTooltipSave:function handleTooltipSave(a,b,c){Ba(a,b,c)},filters:fa,visibleFilter:qa,selectedFilters:Aa,showHorizontalCellShadow:La,borderBetweenColumns:A}),fa&&isSelectedFiltersPresent(Aa)&&React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement(TableSelectedOptionsList,{values:getSelectedFiltersList({filters:fa,selectedFilters:Aa,columns:X}),getTagLabel:P,onRemove:function removeSelectedFilter(a){return function(b){Ca(a,b)}}(fa),onReset:function resetSelectedFilters(){fa&&fa.length&&Da(fa)}})),0<ib.length?ib.map(function(a,b){var c=0==(b+1)%2?"even":"odd",d=Wa(X),e=calulateColSpans(d,a);return React.createElement("div",{key:a.id,role:"presentation",className:cnTable("CellsRow",{nth:c,withMergedCells:kb}),onMouseEnter:Sa(a.id),onMouseLeave:Sa(void 0),onClick:function onClick(b){return G&&G({id:a.id,e:b})}},d.map(function(c,d){var f=qb(a,b,c,d),g=f.show,h=f.style,i=f.rowSpan,j=e[d],k=0<d?e.slice(0,d).reduce(function(c,a){return c+a})+1:1;if(g&&0<j){var l;return React.createElement(TableCell,{type:"content",key:c.accessor,ref:function(c){ya.current["".concat(d,"-").concat(a.id)]=c,setRef(gb(d,b),c)},style:_objectSpread(_objectSpread({},h),{},(l={},_defineProperty(l,"--table-cell-col-start",k),_defineProperty(l,"--table-cell-col-end",k+j),l)),wrapperClassName:cnTable("ContentCell",{isActive:!!s&&s.id===a.id,isDarkned:!!s&&s.id!==void 0&&s.id!==a.id,isMerged:c.mergeCells&&1<i}),className:null===J||void 0===J?void 0:J({column:c,row:a,isActive:!!s&&s.id===a.id}),wrap:null===Q||void 0===Q?void 0:Q(a),onContextMenu:function onContextMenu(b){return rb({e:b,type:"contextMenu",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},onClick:function onClick(b){Ra({id:a.id,e:b}),rb({e:b,type:"click",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},column:c,verticalAlign:u,isClickable:!!Ma,showVerticalShadow:Ka&&(null===c||void 0===c?void 0:c.position.gridIndex)+((null===c||void 0===c?void 0:c.position.colSpan)||1)===_,isBorderTop:0<b&&void 0!==y&&y,isBorderLeft:0<d&&A},ob(c,a,d))}return null}))}):React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement("div",{className:cnTable("EmptyCell")},function renderEmptyRowsPlaceholder(a){return"string"==typeof a?React.createElement(Text,{size:"s",view:"primary",lineHeight:"m"},a):a}(C))),pb)};export var Table=React.forwardRef(InternalTable);
 //# sourceMappingURL=Table.js.map