@consta/uikit 4.6.2 → 4.6.4

package/__internal__/src/components/DragNDropField/DragNDropFieldContent/DragNDropFieldContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragNDropFieldContent.js","names":["React","IconAttach","cn","Button","Text","getText","formatFileRequirements","cnDragNDropFieldContent","DragNDropFieldContent","accept","maxSize","minSize","multiple","openFileDialog","locale","disabled","requirements","fileText","files","file"],"sources":["../../../../../../src/components/DragNDropField/DragNDropFieldContent/DragNDropFieldContent.tsx"],"sourcesContent":["import './DragNDropFieldContent.css';\n\nimport React from 'react';\n\nimport { IconAttach } from '../../../icons/IconAttach/IconAttach';\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\nimport { DragNDropFieldChildrenRenderProp } from '../DragNDropField';\nimport { getText } from '../locale';\nimport { formatFileRequirements } from './formatFileRequirements';\n\nconst cnDragNDropFieldContent = cn('DragNDropFieldContent');\n\nexport const DragNDropFieldContent: DragNDropFieldChildrenRenderProp = ({\n  accept,\n  maxSize,\n  minSize,\n  multiple,\n  openFileDialog,\n  locale,\n  disabled,\n}) => {\n  const requirements = formatFileRequirements(accept, maxSize, minSize, locale);\n  const fileText = multiple ? locale.files : locale.file;\n\n  return (\n    <>\n      <Text\n        className={cnDragNDropFieldContent('Text', { disabled })}\n        view=\"secondary\"\n        size=\"s\"\n        lineHeight=\"s\"\n        align=\"center\"\n      >\n        {getText(locale['call-to-action'], { fileText })}\n        {requirements && (\n          <>\n            <br />\n            {requirements}\n          </>\n        )}\n      </Text>\n      <Button\n        className={cnDragNDropFieldContent('Button')}\n        label={getText(locale['action-button'], { fileText })}\n        iconLeft={IconAttach}\n        view=\"ghost\"\n        size=\"s\"\n        onClick={openFileDialog}\n        disabled={disabled}\n      />\n    </>\n  );\n};\n"],"mappings":"AAAA,oCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BACA,OAASC,MAAT,2BACA,OAASC,IAAT,uBAEA,OAASC,OAAT,iBACA,OAASC,sBAAT,gCAEA,GAAMC,wBAAuB,CAAGL,EAAE,CAAC,uBAAD,CAAlC,CAEA,MAAO,IAAMM,sBAAuD,CAAG,WAQjE,IAPJC,EAOI,GAPJA,MAOI,CANJC,CAMI,GANJA,OAMI,CALJC,CAKI,GALJA,OAKI,CAJJC,CAII,GAJJA,QAII,CAHJC,CAGI,GAHJA,cAGI,CAFJC,CAEI,GAFJA,MAEI,CADJC,CACI,GADJA,QACI,CACEC,CAAY,CAAGV,sBAAsB,CAACG,CAAD,CAASC,CAAT,CAAkBC,CAAlB,CAA2BG,CAA3B,CADvC,CAEEG,CAAQ,CAAGL,CAAQ,CAAGE,CAAM,CAACI,KAAV,CAAkBJ,CAAM,CAACK,IAF9C,CAIJ,MACE,yCACE,oBAAC,IAAD,EACE,SAAS,CAAEZ,uBAAuB,CAAC,MAAD,CAAS,CAAEQ,QAAQ,CAARA,CAAF,CAAT,CADpC,CAEE,IAAI,CAAC,WAFP,CAGE,IAAI,CAAC,GAHP,CAIE,UAAU,CAAC,GAJb,CAKE,KAAK,CAAC,QALR,EAOGV,OAAO,CAACS,CAAM,CAAC,gBAAD,CAAP,CAA2B,CAAEG,QAAQ,CAARA,CAAF,CAA3B,CAPV,CAQGD,CAAY,EACX,wCACE,8BADF,CAEGA,CAFH,CATJ,CADF,CAgBE,oBAAC,MAAD,EACE,SAAS,CAAET,uBAAuB,CAAC,QAAD,CADpC,CAEE,KAAK,CAAEF,OAAO,CAACS,CAAM,CAAC,eAAD,CAAP,CAA0B,CAAEG,QAAQ,CAARA,CAAF,CAA1B,CAFhB,CAGE,QAAQ,CAAEhB,UAHZ,CAIE,IAAI,CAAC,OAJP,CAKE,IAAI,CAAC,GALP,CAME,OAAO,CAAEY,CANX,CAOE,QAAQ,CAAEE,CAPZ,EAhBF,CA2BH,CAxCM"}
+{"version":3,"file":"DragNDropFieldContent.js","names":["IconAttach","React","cn","Button","Text","getText","formatFileRequirements","cnDragNDropFieldContent","DragNDropFieldContent","accept","maxSize","minSize","multiple","openFileDialog","locale","disabled","requirements","fileText","files","file"],"sources":["../../../../../../src/components/DragNDropField/DragNDropFieldContent/DragNDropFieldContent.tsx"],"sourcesContent":["import './DragNDropFieldContent.css';\n\nimport { IconAttach } from '@consta/icons/IconAttach';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\nimport { DragNDropFieldChildrenRenderProp } from '../DragNDropField';\nimport { getText } from '../locale';\nimport { formatFileRequirements } from './formatFileRequirements';\n\nconst cnDragNDropFieldContent = cn('DragNDropFieldContent');\n\nexport const DragNDropFieldContent: DragNDropFieldChildrenRenderProp = ({\n  accept,\n  maxSize,\n  minSize,\n  multiple,\n  openFileDialog,\n  locale,\n  disabled,\n}) => {\n  const requirements = formatFileRequirements(accept, maxSize, minSize, locale);\n  const fileText = multiple ? locale.files : locale.file;\n\n  return (\n    <>\n      <Text\n        className={cnDragNDropFieldContent('Text', { disabled })}\n        view=\"secondary\"\n        size=\"s\"\n        lineHeight=\"s\"\n        align=\"center\"\n      >\n        {getText(locale['call-to-action'], { fileText })}\n        {requirements && (\n          <>\n            <br />\n            {requirements}\n          </>\n        )}\n      </Text>\n      <Button\n        className={cnDragNDropFieldContent('Button')}\n        label={getText(locale['action-button'], { fileText })}\n        iconLeft={IconAttach}\n        view=\"ghost\"\n        size=\"s\"\n        onClick={openFileDialog}\n        disabled={disabled}\n      />\n    </>\n  );\n};\n"],"mappings":"AAAA,oCAEA,OAASA,UAAT,KAA2B,0BAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,MAAT,2BACA,OAASC,IAAT,uBAEA,OAASC,OAAT,iBACA,OAASC,sBAAT,gCAEA,GAAMC,wBAAuB,CAAGL,EAAE,CAAC,uBAAD,CAAlC,CAEA,MAAO,IAAMM,sBAAuD,CAAG,WAQjE,IAPJC,EAOI,GAPJA,MAOI,CANJC,CAMI,GANJA,OAMI,CALJC,CAKI,GALJA,OAKI,CAJJC,CAII,GAJJA,QAII,CAHJC,CAGI,GAHJA,cAGI,CAFJC,CAEI,GAFJA,MAEI,CADJC,CACI,GADJA,QACI,CACEC,CAAY,CAAGV,sBAAsB,CAACG,CAAD,CAASC,CAAT,CAAkBC,CAAlB,CAA2BG,CAA3B,CADvC,CAEEG,CAAQ,CAAGL,CAAQ,CAAGE,CAAM,CAACI,KAAV,CAAkBJ,CAAM,CAACK,IAF9C,CAIJ,MACE,yCACE,oBAAC,IAAD,EACE,SAAS,CAAEZ,uBAAuB,CAAC,MAAD,CAAS,CAAEQ,QAAQ,CAARA,CAAF,CAAT,CADpC,CAEE,IAAI,CAAC,WAFP,CAGE,IAAI,CAAC,GAHP,CAIE,UAAU,CAAC,GAJb,CAKE,KAAK,CAAC,QALR,EAOGV,OAAO,CAACS,CAAM,CAAC,gBAAD,CAAP,CAA2B,CAAEG,QAAQ,CAARA,CAAF,CAA3B,CAPV,CAQGD,CAAY,EACX,wCACE,8BADF,CAEGA,CAFH,CATJ,CADF,CAgBE,oBAAC,MAAD,EACE,SAAS,CAAET,uBAAuB,CAAC,QAAD,CADpC,CAEE,KAAK,CAAEF,OAAO,CAACS,CAAM,CAAC,eAAD,CAAP,CAA0B,CAAEG,QAAQ,CAARA,CAAF,CAA1B,CAFhB,CAGE,QAAQ,CAAEjB,UAHZ,CAIE,IAAI,CAAC,OAJP,CAKE,IAAI,CAAC,GALP,CAME,OAAO,CAAEa,CANX,CAOE,QAAQ,CAAEE,CAPZ,EAhBF,CA2BH,CAxCM"}

package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { EventInterceptorHandler } from '../EventInterceptor';
 export declare const useCheckboxEventsHandler: <P extends {
     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;
@@ -23,7 +23,7 @@ export declare const useCheckboxEventsHandler: <P extends {
     inputId?: string | undefined;
 } & Omit<React.HTMLAttributes<HTMLLabelElement>, "css" | keyof {
     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;

package/__internal__/src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.d.ts

@@ -1,5 +1,5 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
 import { AutoCompete } from '../../../utils/types/AutoComplete';
 import { TextFieldPropForm, TextFieldPropId, TextFieldPropName, TextFieldPropOnChange, TextFieldPropSize, TextFieldPropStatus, TextFieldPropValue, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
 import { EventInterceptorHandler } from '../EventInterceptor';
@@ -46,11 +46,11 @@ export declare const useTextFieldEventsHandler: <P extends {
     type?: string | undefined;
     disabled?: boolean | undefined;
     maxLength?: number | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
-    state?: "alert" | "success" | "warning" | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
+    state?: "alert" | "warning" | "success" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
     width?: "default" | "full" | undefined;
     onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
@@ -70,7 +70,7 @@ export declare const useTextFieldEventsHandler: <P extends {
     inputContainerRef?: React.Ref<HTMLDivElement> | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     children?: undefined;
     label?: string | undefined;
     caption?: string | undefined;
@@ -82,7 +82,7 @@ export declare const useTextFieldEventsHandler: <P extends {
     onKeyUp?: React.KeyboardEventHandler<Element> | undefined;
     onKeyUpCapture?: React.KeyboardEventHandler<Element> | undefined;
     onKeyDown?: React.KeyboardEventHandler<Element> | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "disabled" | "view" | "size" | "form" | "status" | "step" | "caption" | "label" | "max" | "min" | "name" | "type" | "width" | "autoFocus" | "value" | "autoComplete" | "maxLength" | "readOnly" | "required" | "cols" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "state" | "incrementButtons" | "leftSide" | "rightSide" | "withClearButton" | "inputContainerRef" | "iconSize"> & {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "className" | "id" | "max" | "min" | "name" | "type" | "width" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "placeholder" | "autoFocus" | "disabled" | "value" | "autoComplete" | "maxLength" | "readOnly" | "required" | "size" | "step" | "cols" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "state" | "incrementButtons" | "leftSide" | "rightSide" | "withClearButton" | "inputContainerRef" | "iconSize"> & {
     rows?: undefined;
     minRows?: undefined;
     maxRows?: undefined;

package/__internal__/src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldEventsHandler.js","names":["React","useTextFieldEventsHandler","props","handler","ref","useState","inputChanged","setInputChanged","newProps","useEffect","value","onFocus","onfocusArgs","onBlur","component","event","options","placeholder","pageURL","window","location","href","DOMRef","current","onBlurArgs"],"sources":["../../../../../../src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { AutoCompete } from '../../../utils/types/AutoComplete';\nimport {\n  TextField,\n  TextFieldPropForm,\n  TextFieldPropId,\n  TextFieldPropName,\n  TextFieldPropOnChange,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropValue,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport { EventInterceptorHandler } from '../EventInterceptor';\n\nexport type Props = {\n  className?: string;\n  value?: TextFieldPropValue;\n  onChange?: TextFieldPropOnChange;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n  type?: string;\n  disabled?: boolean;\n  cols?: number;\n  maxLength?: number;\n  size?: TextFieldPropSize;\n  view?: TextFieldPropView;\n  form?: TextFieldPropForm;\n  state?: TextFieldPropStatus;\n  width?: TextFieldPropWidth;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  autoFocus?: boolean;\n  placeholder?: string;\n  leftSide?: string | IconComponent;\n  rightSide?: string | IconComponent;\n  autoComplete?: AutoCompete;\n  max?: number | string;\n  min?: number | string;\n  readOnly?: boolean;\n  required?: boolean;\n  step?: number | string;\n  tabIndex?: number;\n  inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n  ariaLabel?: string;\n  iconSize?: IconPropSize;\n  children?: never;\n};\n\ntype TextFieldProps = Parameters<typeof TextField>[0];\n\nexport const useTextFieldEventsHandler = <P extends TextFieldProps>(\n  props: P,\n  handler: EventInterceptorHandler,\n  ref: React.RefObject<HTMLDivElement>,\n): P => {\n  const [inputChanged, setInputChanged] = React.useState<boolean>(false);\n  const newProps: P = { ...props };\n\n  React.useEffect(() => {\n    setInputChanged(true);\n  }, [newProps.value]);\n\n  newProps.onFocus = (...onfocusArgs) => {\n    setInputChanged(false);\n\n    return props.onFocus?.(...onfocusArgs);\n  };\n\n  newProps.onBlur = (...onBlurArgs) => {\n    const value = {\n      component: 'TextField' as const,\n      event: 'change',\n      options: {\n        placeholder: newProps.placeholder,\n        pageURL: window.location.href,\n        DOMRef: ref.current,\n        value: newProps.value,\n        props: newProps,\n      },\n    };\n    if (inputChanged) {\n      handler!(value);\n    }\n\n    return props.onBlur?.(...onBlurArgs);\n  };\n\n  return newProps;\n};\n"],"mappings":"suBAAA,MAAOA,MAAP,KAAkB,OAAlB,CAsDA,MAAO,IAAMC,0BAAyB,CAAG,SACvCC,CADuC,CAEvCC,CAFuC,CAGvCC,CAHuC,CAIjC,OACkCJ,KAAK,CAACK,QAAN,IADlC,uBACCC,CADD,MACeC,CADf,MAEAC,CAAW,kBAAQN,CAAR,CAFX,CAiCN,MA7BAF,MAAK,CAACS,SAAN,CAAgB,UAAM,CACpBF,CAAe,IAChB,CAFD,CAEG,CAACC,CAAQ,CAACE,KAAV,CAFH,CA6BA,CAzBAF,CAAQ,CAACG,OAAT,CAAmB,UAAoB,OACrCJ,CAAe,IADsB,4BAAhBK,CAAgB,sBAAhBA,CAAgB,iBAGrC,iBAAOV,CAAK,CAACS,OAAb,qBAAO,gBAAAT,CAAK,QAAL,CAAmBU,CAAnB,EACR,CAqBD,CAnBAJ,CAAQ,CAACK,MAAT,CAAkB,UAAmB,OAC7BH,CAAK,CAAG,CACZI,SAAS,CAAE,WADC,CAEZC,KAAK,CAAE,QAFK,CAGZC,OAAO,CAAE,CACPC,WAAW,CAAET,CAAQ,CAACS,WADf,CAEPC,OAAO,CAAEC,MAAM,CAACC,QAAP,CAAgBC,IAFlB,CAGPC,MAAM,CAAElB,CAAG,CAACmB,OAHL,CAIPb,KAAK,CAAEF,CAAQ,CAACE,KAJT,CAKPR,KAAK,CAAEM,CALA,CAHG,CADqB,CAY/BF,CAZ+B,EAajCH,CAAO,CAAEO,CAAF,CAb0B,4BAAfc,CAAe,sBAAfA,CAAe,iBAgBnC,iBAAOtB,CAAK,CAACW,MAAb,qBAAO,gBAAAX,CAAK,QAAL,CAAkBsB,CAAlB,EACR,CAED,CAAOhB,CACR,CAtCM"}
+{"version":3,"file":"useTextFieldEventsHandler.js","names":["React","useTextFieldEventsHandler","props","handler","ref","useState","inputChanged","setInputChanged","newProps","useEffect","value","onFocus","onfocusArgs","onBlur","component","event","options","placeholder","pageURL","window","location","href","DOMRef","current","onBlurArgs"],"sources":["../../../../../../src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.tsx"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../../utils/types/AutoComplete';\nimport {\n  TextField,\n  TextFieldPropForm,\n  TextFieldPropId,\n  TextFieldPropName,\n  TextFieldPropOnChange,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropValue,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport { EventInterceptorHandler } from '../EventInterceptor';\n\nexport type Props = {\n  className?: string;\n  value?: TextFieldPropValue;\n  onChange?: TextFieldPropOnChange;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n  type?: string;\n  disabled?: boolean;\n  cols?: number;\n  maxLength?: number;\n  size?: TextFieldPropSize;\n  view?: TextFieldPropView;\n  form?: TextFieldPropForm;\n  state?: TextFieldPropStatus;\n  width?: TextFieldPropWidth;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  autoFocus?: boolean;\n  placeholder?: string;\n  leftSide?: string | IconComponent;\n  rightSide?: string | IconComponent;\n  autoComplete?: AutoCompete;\n  max?: number | string;\n  min?: number | string;\n  readOnly?: boolean;\n  required?: boolean;\n  step?: number | string;\n  tabIndex?: number;\n  inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n  ariaLabel?: string;\n  iconSize?: IconPropSize;\n  children?: never;\n};\n\ntype TextFieldProps = Parameters<typeof TextField>[0];\n\nexport const useTextFieldEventsHandler = <P extends TextFieldProps>(\n  props: P,\n  handler: EventInterceptorHandler,\n  ref: React.RefObject<HTMLDivElement>,\n): P => {\n  const [inputChanged, setInputChanged] = React.useState<boolean>(false);\n  const newProps: P = { ...props };\n\n  React.useEffect(() => {\n    setInputChanged(true);\n  }, [newProps.value]);\n\n  newProps.onFocus = (...onfocusArgs) => {\n    setInputChanged(false);\n\n    return props.onFocus?.(...onfocusArgs);\n  };\n\n  newProps.onBlur = (...onBlurArgs) => {\n    const value = {\n      component: 'TextField' as const,\n      event: 'change',\n      options: {\n        placeholder: newProps.placeholder,\n        pageURL: window.location.href,\n        DOMRef: ref.current,\n        value: newProps.value,\n        props: newProps,\n      },\n    };\n    if (inputChanged) {\n      handler!(value);\n    }\n\n    return props.onBlur?.(...onBlurArgs);\n  };\n\n  return newProps;\n};\n"],"mappings":"suBACA,MAAOA,MAAP,KAAkB,OAAlB,CAqDA,MAAO,IAAMC,0BAAyB,CAAG,SACvCC,CADuC,CAEvCC,CAFuC,CAGvCC,CAHuC,CAIjC,OACkCJ,KAAK,CAACK,QAAN,IADlC,uBACCC,CADD,MACeC,CADf,MAEAC,CAAW,kBAAQN,CAAR,CAFX,CAiCN,MA7BAF,MAAK,CAACS,SAAN,CAAgB,UAAM,CACpBF,CAAe,IAChB,CAFD,CAEG,CAACC,CAAQ,CAACE,KAAV,CAFH,CA6BA,CAzBAF,CAAQ,CAACG,OAAT,CAAmB,UAAoB,OACrCJ,CAAe,IADsB,4BAAhBK,CAAgB,sBAAhBA,CAAgB,iBAGrC,iBAAOV,CAAK,CAACS,OAAb,qBAAO,gBAAAT,CAAK,QAAL,CAAmBU,CAAnB,EACR,CAqBD,CAnBAJ,CAAQ,CAACK,MAAT,CAAkB,UAAmB,OAC7BH,CAAK,CAAG,CACZI,SAAS,CAAE,WADC,CAEZC,KAAK,CAAE,QAFK,CAGZC,OAAO,CAAE,CACPC,WAAW,CAAET,CAAQ,CAACS,WADf,CAEPC,OAAO,CAAEC,MAAM,CAACC,QAAP,CAAgBC,IAFlB,CAGPC,MAAM,CAAElB,CAAG,CAACmB,OAHL,CAIPb,KAAK,CAAEF,CAAQ,CAACE,KAJT,CAKPR,KAAK,CAAEM,CALA,CAHG,CADqB,CAY/BF,CAZ+B,EAajCH,CAAO,CAAEO,CAAF,CAb0B,4BAAfc,CAAe,sBAAfA,CAAe,iBAgBnC,iBAAOtB,CAAK,CAACW,MAAb,qBAAO,gBAAAX,CAAK,QAAL,CAAkBsB,CAAlB,EACR,CAED,CAAOhB,CACR,CAtCM"}

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

@@ -5,6 +5,6 @@ export declare const FieldGroup: React.ForwardRefExoticComponent<{
     children: FieldGroupPropChildren;
     form?: FieldGroupPropForm | undefined;
     size?: FieldGroupPropSize | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "size" | "form"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "form" | "children" | "size" | "css"> & React.RefAttributes<HTMLDivElement>>;
 export * from './types';
 export * from './getForm';

package/__internal__/src/components/Header/Login/HeaderLogin.d.ts

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

package/__internal__/src/components/Header/SearchBar/HeaderSearchBar.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","label","className","value","onSearch","onChange"];import"./HeaderSearchBar.css";import React from"react";import{IconSearch}from"../../../icons/IconSearch/IconSearch";import{cn}from"../../../utils/bem";import{TextField}from"../../TextField/TextField";export var cnHeaderSearchBar=cn("HeaderSearchBar");export var HeaderSearchBar=function(a){var b=a.placeholder,c=a.label,d=a.className,f=a.value,g=a.onSearch,h=a.onChange,i=_objectWithoutProperties(a,_excluded);return React.createElement("form",Object.assign({},i,{onSubmit:function handleSearch(a){a.preventDefault(),g&&g({e:a,value:f||null})},className:cnHeaderSearchBar(null,[d])}),c&&React.createElement("label",{className:cnHeaderSearchBar("Label"),htmlFor:cnHeaderSearchBar("Label")},c),React.createElement(TextField,{className:cnHeaderSearchBar("Input"),name:cnHeaderSearchBar("Input"),placeholder:b,size:"m",width:"full",value:f,onChange:h,leftSide:IconSearch}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","label","className","value","onSearch","onChange"];import"./HeaderSearchBar.css";import{IconSearchStroked}from"@consta/icons/IconSearchStroked";import React from"react";import{cn}from"../../../utils/bem";import{TextField}from"../../TextField/TextField";export var cnHeaderSearchBar=cn("HeaderSearchBar");export var HeaderSearchBar=function(a){var b=a.placeholder,c=a.label,d=a.className,f=a.value,g=a.onSearch,h=a.onChange,i=_objectWithoutProperties(a,_excluded);return React.createElement("form",Object.assign({},i,{onSubmit:function handleSearch(a){a.preventDefault(),g&&g({e:a,value:f||null})},className:cnHeaderSearchBar(null,[d])}),c&&React.createElement("label",{className:cnHeaderSearchBar("Label"),htmlFor:cnHeaderSearchBar("Label")},c),React.createElement(TextField,{className:cnHeaderSearchBar("Input"),name:cnHeaderSearchBar("Input"),placeholder:b,size:"m",width:"full",value:f,onChange:h,leftSide:IconSearchStroked}))};
 //# sourceMappingURL=HeaderSearchBar.js.map

package/__internal__/src/components/Header/SearchBar/HeaderSearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSearchBar.js","names":["React","IconSearch","cn","TextField","cnHeaderSearchBar","HeaderSearchBar","placeholder","label","className","value","onSearch","onChange","otherProps","handleSearch","e","preventDefault"],"sources":["../../../../../../src/components/Header/SearchBar/HeaderSearchBar.tsx"],"sourcesContent":["import './HeaderSearchBar.css';\n\nimport React, { FormEventHandler } from 'react';\n\nimport { IconSearch } from '../../../icons/IconSearch/IconSearch';\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport {\n  TextField,\n  TextFieldPropOnChange,\n  TextFieldPropValue,\n} from '../../TextField/TextField';\n\nexport const cnHeaderSearchBar = cn('HeaderSearchBar');\n\nexport type SearchBarPropValue = TextFieldPropValue;\nexport type SearchBarPropOnChange = TextFieldPropOnChange;\nexport type SearchBarPropOnSearch = (arg: SearchBarOnSearchArguments) => void;\n\nexport type SearchBarOnSearchArguments = {\n  e: React.FormEvent;\n  value: SearchBarPropValue;\n};\n\ntype SearchBarProps = PropsWithJsxAttributes<\n  {\n    placeholder?: string;\n    label?: string;\n    value?: SearchBarPropValue;\n    onSearch?: SearchBarPropOnSearch;\n    onChange?: SearchBarPropOnChange;\n    children?: never;\n  },\n  'form'\n>;\n\nexport const HeaderSearchBar: React.FC<SearchBarProps> = ({\n  placeholder,\n  label,\n  className,\n  value,\n  onSearch,\n  onChange,\n  ...otherProps\n}) => {\n  const handleSearch: FormEventHandler = (e) => {\n    e.preventDefault();\n    onSearch && onSearch({ e, value: value || null });\n  };\n\n  return (\n    <form\n      {...otherProps}\n      onSubmit={handleSearch}\n      className={cnHeaderSearchBar(null, [className])}\n    >\n      {label && (\n        <label\n          className={cnHeaderSearchBar('Label')}\n          htmlFor={cnHeaderSearchBar('Label')}\n        >\n          {label}\n        </label>\n      )}\n      <TextField\n        className={cnHeaderSearchBar('Input')}\n        name={cnHeaderSearchBar('Input')}\n        placeholder={placeholder}\n        size=\"m\"\n        width=\"full\"\n        value={value}\n        onChange={onChange}\n        leftSide={IconSearch}\n      />\n    </form>\n  );\n};\n"],"mappings":"qKAAA,8BAEA,MAAOA,MAAP,KAAwC,OAAxC,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BAEA,OACEC,SADF,iCAMA,MAAO,IAAMC,kBAAiB,CAAGF,EAAE,CAAC,iBAAD,CAA5B,CAuBP,MAAO,IAAMG,gBAAyC,CAAG,WAQnD,IAPJC,EAOI,GAPJA,WAOI,CANJC,CAMI,GANJA,KAMI,CALJC,CAKI,GALJA,SAKI,CAJJC,CAII,GAJJA,KAII,CAHJC,CAGI,GAHJA,QAGI,CAFJC,CAEI,GAFJA,QAEI,CADDC,CACC,uCAMJ,MACE,6CACMA,CADN,EAEE,QAAQ,CAR2B,QAAjCC,aAAiC,CAACC,CAAD,CAAO,CAC5CA,CAAC,CAACC,cAAF,EAD4C,CAE5CL,CAAQ,EAAIA,CAAQ,CAAC,CAAEI,CAAC,CAADA,CAAF,CAAKL,KAAK,CAAEA,CAAK,EAAI,IAArB,CAAD,CACrB,CAGC,CAGE,SAAS,CAAEL,iBAAiB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAH9B,GAKGD,CAAK,EACJ,6BACE,SAAS,CAAEH,iBAAiB,CAAC,OAAD,CAD9B,CAEE,OAAO,CAAEA,iBAAiB,CAAC,OAAD,CAF5B,EAIGG,CAJH,CANJ,CAaE,oBAAC,SAAD,EACE,SAAS,CAAEH,iBAAiB,CAAC,OAAD,CAD9B,CAEE,IAAI,CAAEA,iBAAiB,CAAC,OAAD,CAFzB,CAGE,WAAW,CAAEE,CAHf,CAIE,IAAI,CAAC,GAJP,CAKE,KAAK,CAAC,MALR,CAME,KAAK,CAAEG,CANT,CAOE,QAAQ,CAAEE,CAPZ,CAQE,QAAQ,CAAEV,UARZ,EAbF,CAyBH,CAxCM"}
+{"version":3,"file":"HeaderSearchBar.js","names":["IconSearchStroked","React","cn","TextField","cnHeaderSearchBar","HeaderSearchBar","placeholder","label","className","value","onSearch","onChange","otherProps","handleSearch","e","preventDefault"],"sources":["../../../../../../src/components/Header/SearchBar/HeaderSearchBar.tsx"],"sourcesContent":["import './HeaderSearchBar.css';\n\nimport { IconSearchStroked } from '@consta/icons/IconSearchStroked';\nimport React, { FormEventHandler } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport {\n  TextField,\n  TextFieldPropOnChange,\n  TextFieldPropValue,\n} from '../../TextField/TextField';\n\nexport const cnHeaderSearchBar = cn('HeaderSearchBar');\n\nexport type SearchBarPropValue = TextFieldPropValue;\nexport type SearchBarPropOnChange = TextFieldPropOnChange;\nexport type SearchBarPropOnSearch = (arg: SearchBarOnSearchArguments) => void;\n\nexport type SearchBarOnSearchArguments = {\n  e: React.FormEvent;\n  value: SearchBarPropValue;\n};\n\ntype SearchBarProps = PropsWithJsxAttributes<\n  {\n    placeholder?: string;\n    label?: string;\n    value?: SearchBarPropValue;\n    onSearch?: SearchBarPropOnSearch;\n    onChange?: SearchBarPropOnChange;\n    children?: never;\n  },\n  'form'\n>;\n\nexport const HeaderSearchBar: React.FC<SearchBarProps> = ({\n  placeholder,\n  label,\n  className,\n  value,\n  onSearch,\n  onChange,\n  ...otherProps\n}) => {\n  const handleSearch: FormEventHandler = (e) => {\n    e.preventDefault();\n    onSearch && onSearch({ e, value: value || null });\n  };\n\n  return (\n    <form\n      {...otherProps}\n      onSubmit={handleSearch}\n      className={cnHeaderSearchBar(null, [className])}\n    >\n      {label && (\n        <label\n          className={cnHeaderSearchBar('Label')}\n          htmlFor={cnHeaderSearchBar('Label')}\n        >\n          {label}\n        </label>\n      )}\n      <TextField\n        className={cnHeaderSearchBar('Input')}\n        name={cnHeaderSearchBar('Input')}\n        placeholder={placeholder}\n        size=\"m\"\n        width=\"full\"\n        value={value}\n        onChange={onChange}\n        leftSide={IconSearchStroked}\n      />\n    </form>\n  );\n};\n"],"mappings":"qKAAA,8BAEA,OAASA,iBAAT,KAAkC,iCAAlC,CACA,MAAOC,MAAP,KAAwC,OAAxC,CAEA,OAASC,EAAT,0BAEA,OACEC,SADF,iCAMA,MAAO,IAAMC,kBAAiB,CAAGF,EAAE,CAAC,iBAAD,CAA5B,CAuBP,MAAO,IAAMG,gBAAyC,CAAG,WAQnD,IAPJC,EAOI,GAPJA,WAOI,CANJC,CAMI,GANJA,KAMI,CALJC,CAKI,GALJA,SAKI,CAJJC,CAII,GAJJA,KAII,CAHJC,CAGI,GAHJA,QAGI,CAFJC,CAEI,GAFJA,QAEI,CADDC,CACC,uCAMJ,MACE,6CACMA,CADN,EAEE,QAAQ,CAR2B,QAAjCC,aAAiC,CAACC,CAAD,CAAO,CAC5CA,CAAC,CAACC,cAAF,EAD4C,CAE5CL,CAAQ,EAAIA,CAAQ,CAAC,CAAEI,CAAC,CAADA,CAAF,CAAKL,KAAK,CAAEA,CAAK,EAAI,IAArB,CAAD,CACrB,CAGC,CAGE,SAAS,CAAEL,iBAAiB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAH9B,GAKGD,CAAK,EACJ,6BACE,SAAS,CAAEH,iBAAiB,CAAC,OAAD,CAD9B,CAEE,OAAO,CAAEA,iBAAiB,CAAC,OAAD,CAF5B,EAIGG,CAJH,CANJ,CAaE,oBAAC,SAAD,EACE,SAAS,CAAEH,iBAAiB,CAAC,OAAD,CAD9B,CAEE,IAAI,CAAEA,iBAAiB,CAAC,OAAD,CAFzB,CAGE,WAAW,CAAEE,CAHf,CAIE,IAAI,CAAC,GAJP,CAKE,KAAK,CAAC,MALR,CAME,KAAK,CAAEG,CANT,CAOE,QAAQ,CAAEE,CAPZ,CAQE,QAAQ,CAAEX,iBARZ,EAbF,CAyBH,CAxCM"}

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

@@ -1,6 +1,6 @@
 import './Informer.css';
+import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const informerPropView: readonly ["filled", "bordered"];
 export declare type InformerPropView = typeof informerPropView[number];

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

@@ -1 +1 @@
-{"version":3,"file":"Informer.js","names":["classnames","React","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","icon","label","title","children","otherProps","Icon","themeClassNames","className","color","accent","withIcon"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React from 'react';\n\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'alert',\n  'warning',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon,\n      label,\n      title,\n      children,\n      ...otherProps\n    } = props;\n    const Icon = icon;\n    const withIcon = !!icon;\n    const { themeClassNames } = useTheme();\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n            status,\n            withIcon,\n          },\n          [className],\n        )}\n        ref={ref}\n      >\n        {Icon && <Icon className={cnInformer('Icon')} size=\"s\" />}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text className={cnInformer('Title')} weight=\"bold\" size={size}>\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text className={cnInformer('Label')} size={size}>\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"8JAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAGA,OAASC,EAAT,uBAEA,OAASC,IAAT,oBACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,QAAD,CAAW,UAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,mBAAkB,CAAG,CAChC,SADgC,CAEhC,QAFgC,CAGhC,OAHgC,CAIhC,OAJgC,CAKhC,SALgC,CAA3B,CAQP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAaP,MAAO,IAAME,WAAU,CAAGT,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMU,SAAQ,CAAGX,KAAK,CAACY,UAAN,CACtB,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAUVD,CAVU,CAEZE,IAFY,CAEZA,CAFY,YAELV,uBAFK,KAUVQ,CAVU,CAGZG,MAHY,CAGZA,CAHY,YAGHT,yBAHG,KAUVM,CAVU,CAIZI,IAJY,CAIZA,CAJY,YAILR,uBAJK,GAKZS,CALY,CAUVL,CAVU,CAKZK,IALY,CAMZC,CANY,CAUVN,CAVU,CAMZM,KANY,CAOZC,CAPY,CAUVP,CAVU,CAOZO,KAPY,CAQZC,CARY,CAUVR,CAVU,CAQZQ,QARY,CASTC,CATS,0BAUVT,CAVU,YAWRU,CAAI,CAAGL,CAXC,GAacf,QAAQ,EAbtB,CAaNqB,CAbM,GAaNA,eAbM,CAcRC,CAAS,CACF,QAAX,GAAAT,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIhB,UAAU,CAACc,CAAK,CAACY,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEId,CAAK,CAACY,SAjBE,CAmBd,MACE,4CACMH,CADN,EAEE,SAAS,CAAEZ,UAAU,CACnB,CACEK,IAAI,CAAJA,CADF,CAEEC,MAAM,CAANA,CAFF,CAGEY,QAAQ,CAdC,CAAC,CAACV,CAWb,CADmB,CAMnB,CAACO,CAAD,CANmB,CAFvB,CAUE,GAAG,CAAEX,CAVP,GAYGS,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEb,UAAU,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAC,GAA1C,EAZX,CAaE,2BAAK,SAAS,CAAEA,UAAU,CAAC,SAAD,CAA1B,EACGU,CAAK,EACJ,oBAAC,IAAD,EAAM,SAAS,CAAEV,UAAU,CAAC,OAAD,CAA3B,CAAsC,MAAM,CAAC,MAA7C,CAAoD,IAAI,CAAEO,CAA1D,EACGG,CADH,CAFJ,CAMGD,CAAK,CACJ,oBAAC,IAAD,EAAM,SAAS,CAAET,UAAU,CAAC,OAAD,CAA3B,CAAsC,IAAI,CAAEO,CAA5C,EACGE,CADH,CADI,CAKJE,CAXJ,CAbF,CA6BH,CAlDqB,CAAjB"}
+{"version":3,"file":"Informer.js","names":["classnames","React","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","icon","label","title","children","otherProps","Icon","themeClassNames","className","color","accent","withIcon"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'alert',\n  'warning',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon,\n      label,\n      title,\n      children,\n      ...otherProps\n    } = props;\n    const Icon = icon;\n    const withIcon = !!icon;\n    const { themeClassNames } = useTheme();\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n            status,\n            withIcon,\n          },\n          [className],\n        )}\n        ref={ref}\n      >\n        {Icon && <Icon className={cnInformer('Icon')} size=\"s\" />}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text className={cnInformer('Title')} weight=\"bold\" size={size}>\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text className={cnInformer('Label')} size={size}>\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"8JAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBAEA,OAASC,IAAT,oBACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,QAAD,CAAW,UAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,mBAAkB,CAAG,CAChC,SADgC,CAEhC,QAFgC,CAGhC,OAHgC,CAIhC,OAJgC,CAKhC,SALgC,CAA3B,CAQP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAaP,MAAO,IAAME,WAAU,CAAGT,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMU,SAAQ,CAAGX,KAAK,CAACY,UAAN,CACtB,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAUVD,CAVU,CAEZE,IAFY,CAEZA,CAFY,YAELV,uBAFK,KAUVQ,CAVU,CAGZG,MAHY,CAGZA,CAHY,YAGHT,yBAHG,KAUVM,CAVU,CAIZI,IAJY,CAIZA,CAJY,YAILR,uBAJK,GAKZS,CALY,CAUVL,CAVU,CAKZK,IALY,CAMZC,CANY,CAUVN,CAVU,CAMZM,KANY,CAOZC,CAPY,CAUVP,CAVU,CAOZO,KAPY,CAQZC,CARY,CAUVR,CAVU,CAQZQ,QARY,CASTC,CATS,0BAUVT,CAVU,YAWRU,CAAI,CAAGL,CAXC,GAacf,QAAQ,EAbtB,CAaNqB,CAbM,GAaNA,eAbM,CAcRC,CAAS,CACF,QAAX,GAAAT,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIhB,UAAU,CAACc,CAAK,CAACY,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEId,CAAK,CAACY,SAjBE,CAmBd,MACE,4CACMH,CADN,EAEE,SAAS,CAAEZ,UAAU,CACnB,CACEK,IAAI,CAAJA,CADF,CAEEC,MAAM,CAANA,CAFF,CAGEY,QAAQ,CAdC,CAAC,CAACV,CAWb,CADmB,CAMnB,CAACO,CAAD,CANmB,CAFvB,CAUE,GAAG,CAAEX,CAVP,GAYGS,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEb,UAAU,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAC,GAA1C,EAZX,CAaE,2BAAK,SAAS,CAAEA,UAAU,CAAC,SAAD,CAA1B,EACGU,CAAK,EACJ,oBAAC,IAAD,EAAM,SAAS,CAAEV,UAAU,CAAC,OAAD,CAA3B,CAAsC,MAAM,CAAC,MAA7C,CAAoD,IAAI,CAAEO,CAA1D,EACGG,CADH,CAFJ,CAMGD,CAAK,CACJ,oBAAC,IAAD,EAAM,SAAS,CAAET,UAAU,CAAC,OAAD,CAA3B,CAAsC,IAAI,CAAEO,CAA5C,EACGE,CADH,CADI,CAKJE,CAXJ,CAbF,CA6BH,CAlDqB,CAAjB"}

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

@@ -0,0 +1,104 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+import { RenderItemProps } from '../SelectComponents/types';
+export declare const listPropForm: readonly ["default", "brick", "round"];
+export declare type ListPropForm = typeof listPropForm[number];
+export declare const defaultListPropForm: "default";
+export declare const listPropSize: readonly ["m", "xs", "s", "l"];
+export declare type ListPropSize = typeof listPropSize[number];
+export declare const defaultListPropSize: "m";
+export declare type DefaultListGroup = {
+    id: string | number;
+    label: string;
+    rightSide?: React.ReactNode;
+};
+export declare type DefaultListItem = {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+    groupId?: string | number;
+    leftSide?: React.ReactNode;
+    leftIcon?: IconComponent;
+    rightSide?: React.ReactNode;
+    rightIcon?: IconComponent;
+};
+export declare type ListPropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export declare type ListPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {
+    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
+    e: React.SyntheticEvent;
+}) => void;
+export declare type ListPropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type ListPropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type ListPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type ListPropGetItemGroupId<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type ListPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type ListPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type ListPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type ListPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;
+export declare type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string;
+export declare type ListPropGetGroupRightSide<GROUP> = (item: GROUP) => React.ReactNode | undefined;
+export declare type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    form?: ListPropForm;
+    multiple?: MULTIPLE;
+    value?: ListPropValue<ITEM, MULTIPLE>;
+    onChange?: ListPropOnChange<ITEM, MULTIPLE>;
+    items: ITEM[];
+    getItemKey?: ListPropGetItemKey<ITEM>;
+    getItemLabel?: ListPropGetItemLabel<ITEM>;
+    getItemDisabled?: ListPropGetItemDisabled<ITEM>;
+    getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;
+    getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;
+    getItemRightSide?: ListPropGetItemRightSide<ITEM>;
+    getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;
+    getItemGroupKey?: ListPropGetItemGroupId<ITEM>;
+    renderItem?: ListPropRenderItem<ITEM>;
+    groups?: GROUP[];
+    getGroupKey?: ListPropGetGroupKey<GROUP>;
+    getGroupLabel?: ListPropGetGroupLabel<GROUP>;
+    getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;
+    isLoading?: boolean;
+    disabled?: boolean;
+}, HTMLDivElement> & (ITEM extends {
+    label: DefaultListItem['label'];
+} ? {} : {
+    getItemLabel: ListPropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: DefaultListItem['id'];
+} ? {} : {
+    getItemKey: ListPropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: DefaultListGroup['label'];
+} ? {} : {
+    getGroupLabel: ListPropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: DefaultListGroup['id'];
+} ? {} : {
+    getGroupKey: ListPropGetGroupKey<GROUP>;
+});
+export declare type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup, MULTIPLE extends boolean = false>(props: ListProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
+export declare type ListItemProps = PropsWithHTMLAttributesAndRef<Omit<DefaultListItem, 'id' | 'groupId'> & {
+    active?: boolean;
+    hovered?: boolean;
+    multiple?: boolean;
+    size?: ListPropSize;
+    indent?: 'normal' | 'increased';
+}, HTMLDivElement>;
+export declare type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    label?: string;
+    rightSide?: React.ReactNode;
+}, HTMLDivElement>;
+export declare type ListAddItemProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    label?: React.ReactNode;
+    indent?: 'normal' | 'increased';
+    disabled?: boolean;
+}, HTMLDivElement>;
+export declare type ListWrapperProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    form?: ListPropForm;
+}, HTMLDivElement>;

package/__internal__/src/components/ListCanary/types.js

@@ -0,0 +1,2 @@
+export var listPropForm=["default","brick","round"];export var defaultListPropForm=listPropForm[0];export var listPropSize=["m","xs","s","l"];export var defaultListPropSize=listPropSize[0];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["listPropForm","defaultListPropForm","listPropSize","defaultListPropSize"],"sources":["../../../../../src/components/ListCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { RenderItemProps } from '../SelectComponents/types';\n\nexport const listPropForm = ['default', 'brick', 'round'] as const;\nexport type ListPropForm = typeof listPropForm[number];\nexport const defaultListPropForm = listPropForm[0];\n\nexport const listPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ListPropSize = typeof listPropSize[number];\nexport const defaultListPropSize = listPropSize[0];\n\nexport type DefaultListGroup = {\n  id: string | number;\n  label: string;\n  rightSide?: React.ReactNode;\n};\n\nexport type DefaultListItem = {\n  id: string | number;\n  label: string;\n  disabled?: boolean;\n  groupId?: string | number;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n};\n\nexport type ListPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type ListPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n  e: React.SyntheticEvent;\n}) => void;\n\nexport type ListPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\n// ITEMS\nexport type ListPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type ListPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type ListPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ListPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ListPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ListPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ListPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\n// GROUPS\nexport type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;\nexport type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string;\nexport type ListPropGetGroupRightSide<GROUP> = (\n  item: GROUP,\n) => React.ReactNode | undefined;\n\nexport type ListProps<\n  ITEM = DefaultListItem,\n  GROUP = DefaultListGroup,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    form?: ListPropForm;\n    multiple?: MULTIPLE;\n    value?: ListPropValue<ITEM, MULTIPLE>;\n    onChange?: ListPropOnChange<ITEM, MULTIPLE>;\n    items: ITEM[];\n    getItemKey?: ListPropGetItemKey<ITEM>;\n    getItemLabel?: ListPropGetItemLabel<ITEM>;\n    getItemDisabled?: ListPropGetItemDisabled<ITEM>;\n    getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;\n    getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;\n    getItemRightSide?: ListPropGetItemRightSide<ITEM>;\n    getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;\n    getItemGroupKey?: ListPropGetItemGroupId<ITEM>;\n    renderItem?: ListPropRenderItem<ITEM>;\n    groups?: GROUP[];\n    getGroupKey?: ListPropGetGroupKey<GROUP>;\n    getGroupLabel?: ListPropGetGroupLabel<GROUP>;\n    getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;\n    isLoading?: boolean;\n    disabled?: boolean;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultListItem['label'] }\n    ? {}\n    : { getItemLabel: ListPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: DefaultListItem['id'] }\n    ? {}\n    : { getItemKey: ListPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: DefaultListGroup['label'] }\n    ? {}\n    : { getGroupLabel: ListPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: DefaultListGroup['id'] }\n    ? {}\n    : { getGroupKey: ListPropGetGroupKey<GROUP> });\n\nexport type ListComponent = <\n  ITEM = DefaultListItem,\n  GROUP = DefaultListGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: ListProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement | null;\n\nexport type ListItemProps = PropsWithHTMLAttributesAndRef<\n  Omit<DefaultListItem, 'id' | 'groupId'> & {\n    active?: boolean;\n    hovered?: boolean;\n    multiple?: boolean;\n    size?: ListPropSize;\n    indent?: 'normal' | 'increased';\n  },\n  HTMLDivElement\n>;\n\nexport type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label?: string;\n    rightSide?: React.ReactNode;\n  },\n  HTMLDivElement\n>;\n\nexport type ListAddItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label?: React.ReactNode;\n    indent?: 'normal' | 'increased';\n    disabled?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ListWrapperProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    form?: ListPropForm;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AAOA,MAAO,IAAMA,aAAY,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC,CAEP,MAAO,IAAME,aAAY,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC"}

package/__internal__/src/components/Pagination/Pagination.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";var _excluded=["currentPage","totalPages","onChange","getLabel","form","size","type","position","minified","hotkeys","containerEventListener","className"];import"./Pagination.css";import React from"react";import{IconBackward}from"../../icons/IconBackward/IconBackward";import{IconForward}from"../../icons/IconForward/IconForward";import{cn}from"../../utils/bem";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TextField}from"../TextField/TextField";import{getPaginationInfo}from"./helpers";export var paginationForms=["default","round","brick"];export var paginationDefaultForm="default";export var paginationSizes=["xs","s","m","l"];export var paginationDefaultSize="m";export var paginationTypes=["default","input"];export var paginationDefaultType="default";export var paginationPositions=["left","center","right"];export var paginationDefaultPosition="center";var getDefaultLabel=function(a){return"\u0438\u0437 ".concat(a)};export var cnPagination=cn("Pagination");export var Pagination=React.forwardRef(function(a,b){var c=a.currentPage,d=void 0===c?0:c,e=a.totalPages,f=void 0===e?0:e,g=a.onChange,h=a.getLabel,i=void 0===h?getDefaultLabel:h,j=a.form,k=void 0===j?paginationDefaultForm:j,l=a.size,m=void 0===l?paginationDefaultSize:l,n=a.type,o=void 0===n?paginationDefaultType:n,p=a.position,q=void 0===p?paginationDefaultPosition:p,r=a.minified,s=void 0!==r&&r,t=a.hotkeys,u=void 0===t?{nextPage:{label:"Alt \u2192",values:["Alt","ArrowRight"]},prevPage:{label:"\u2190 Alt",values:["Alt","ArrowLeft"]}}:t,v=a.containerEventListener,w=void 0===v?window:v,x=a.className,y=_objectWithoutProperties(a,_excluded),z=d+1,A=getPaginationInfo(z,f),B=A.prevPage,C=A.nextPage,D=A.isStartDots,E=A.isEndDots,F=A.pages,G=A.isEmpty,H=React.useState([]),I=_slicedToArray(H,2),J=I[0],K=I[1],L=function(a){a&&a!==z&&g&&g(a-1)},M=function(a){return function(b){b.preventDefault(),L(a)}},N=function(a){var b=a.key;K(function(a){return a.filter(function(a){return a!==b})})},O=function(a){var b=a.key;if(u.nextPage.values.includes(b)||u.prevPage.values.includes(b)){var c=[].concat(_toConsumableArray(J),[b]);u.nextPage.values.every(function(a){return c.includes(a)})?L(C):u.prevPage.values.every(function(a){return c.includes(a)})&&L(B),K(c)}};React.useEffect(function(){return w.addEventListener("keydown",O),w.addEventListener("keyup",N),function(){w.removeEventListener("keydown",O),w.removeEventListener("keyup",N)}});var P="var(--control-height-".concat(m,")");return f?!G&&React.createElement("nav",Object.assign({className:cnPagination({form:k,size:m,position:s?paginationDefaultPosition:q},[x]),ref:b},y),(1<z||s)&&React.createElement("div",{className:cnPagination("PrevPage")},React.createElement(Button,{className:cnPagination("ItemLeft",{minified:s,show:1<z}),label:"\u041D\u0430\u0437\u0430\u0434",iconLeft:IconBackward,view:"ghost",form:k,size:m,onClick:M(B)}),!s&&React.createElement(Text,{className:cnPagination("TipLeft"),size:"xs",view:"ghost"},u.prevPage.label)),o===paginationDefaultType?React.createElement("div",{className:cnPagination("Pages")},D&&React.createElement(Button,{className:cnPagination("Item",{isActive:1===z}),style:{width:P},label:"1",title:"1",view:"ghost",form:k,size:m,onClick:M(1)}),D&&React.createElement(Text,{size:m,view:"linkMinor",className:cnPagination("More"),style:{width:P}},"..."),F.map(function(a){return React.createElement(Button,{key:a,className:cnPagination("Item",{isActive:z===a}),style:{width:P},label:a,title:"".concat(a),view:"ghost",form:k,size:m,onClick:M(a)})}),E&&React.createElement(Text,{size:m,view:"linkMinor",className:cnPagination("More"),style:{width:P}},"..."),E&&React.createElement(Button,{className:cnPagination("Item",{isActive:z===f}),style:{width:P},label:f,title:"".concat(f),view:"ghost",form:k,size:m,onClick:M(f)})):React.createElement("div",{className:cnPagination("Pages")},React.createElement(TextField,{className:cnPagination("Input"),form:k,size:m,value:z.toString(),onChange:function handleChange(a){var b=a.value,c=+b;c>f||Number.isNaN(c)||g&&g(c-1)}}),React.createElement(Text,{size:m,view:"linkMinor",className:cnPagination("Total")},i(f))),(z<f||s)&&React.createElement("div",{className:cnPagination("NextPage")},React.createElement(Button,{className:cnPagination("ItemRight",{minified:s,show:z<f}),label:"\u0412\u043F\u0435\u0440\u0451\u0434",iconRight:IconForward,view:"ghost",form:k,size:m,onClick:M(C)}),!s&&React.createElement(Text,{className:cnPagination("TipRight"),size:"xs",view:"ghost"},u.nextPage.label)))||null:null});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["currentPage","totalPages","onChange","getLabel","form","size","type","position","minified","hotkeys","containerEventListener","className"];import"./Pagination.css";import{IconBackward}from"@consta/icons/IconBackward";import{IconForward}from"@consta/icons/IconForward";import React from"react";import{cn}from"../../utils/bem";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TextField}from"../TextField/TextField";import{getPaginationInfo}from"./helpers";export var paginationForms=["default","round","brick"];export var paginationDefaultForm="default";export var paginationSizes=["xs","s","m","l"];export var paginationDefaultSize="m";export var paginationTypes=["default","input"];export var paginationDefaultType="default";export var paginationPositions=["left","center","right"];export var paginationDefaultPosition="center";var getDefaultLabel=function(a){return"\u0438\u0437 ".concat(a)};export var cnPagination=cn("Pagination");export var Pagination=React.forwardRef(function(a,b){var c=a.currentPage,d=void 0===c?0:c,e=a.totalPages,f=void 0===e?0:e,g=a.onChange,h=a.getLabel,i=void 0===h?getDefaultLabel:h,j=a.form,k=void 0===j?paginationDefaultForm:j,l=a.size,m=void 0===l?paginationDefaultSize:l,n=a.type,o=void 0===n?paginationDefaultType:n,p=a.position,q=void 0===p?paginationDefaultPosition:p,r=a.minified,s=void 0!==r&&r,t=a.hotkeys,u=void 0===t?{nextPage:{label:"Alt \u2192",values:["Alt","ArrowRight"]},prevPage:{label:"\u2190 Alt",values:["Alt","ArrowLeft"]}}:t,v=a.containerEventListener,w=void 0===v?window:v,x=a.className,y=_objectWithoutProperties(a,_excluded),z=d+1,A=getPaginationInfo(z,f),B=A.prevPage,C=A.nextPage,D=A.isStartDots,E=A.isEndDots,F=A.pages,G=A.isEmpty,H=React.useState([]),I=_slicedToArray(H,2),J=I[0],K=I[1],L=function(a){a&&a!==z&&g&&g(a-1)},M=function(a){return function(b){b.preventDefault(),L(a)}},N=function(a){var b=a.key;K(function(a){return a.filter(function(a){return a!==b})})},O=function(a){var b=a.key;if(u.nextPage.values.includes(b)||u.prevPage.values.includes(b)){var c=[].concat(_toConsumableArray(J),[b]);u.nextPage.values.every(function(a){return c.includes(a)})?L(C):u.prevPage.values.every(function(a){return c.includes(a)})&&L(B),K(c)}};React.useEffect(function(){return w.addEventListener("keydown",O),w.addEventListener("keyup",N),function(){w.removeEventListener("keydown",O),w.removeEventListener("keyup",N)}});var P="var(--control-height-".concat(m,")");return f?!G&&React.createElement("nav",Object.assign({className:cnPagination({form:k,size:m,position:s?paginationDefaultPosition:q},[x]),ref:b},y),(1<z||s)&&React.createElement("div",{className:cnPagination("PrevPage")},React.createElement(Button,{className:cnPagination("ItemLeft",{minified:s,show:1<z}),label:"\u041D\u0430\u0437\u0430\u0434",iconLeft:IconBackward,view:"ghost",form:k,size:m,onClick:M(B)}),!s&&React.createElement(Text,{className:cnPagination("TipLeft"),size:"xs",view:"ghost"},u.prevPage.label)),o===paginationDefaultType?React.createElement("div",{className:cnPagination("Pages")},D&&React.createElement(Button,{className:cnPagination("Item",{isActive:1===z}),style:{width:P},label:"1",title:"1",view:"ghost",form:k,size:m,onClick:M(1)}),D&&React.createElement(Text,{size:m,view:"linkMinor",className:cnPagination("More"),style:{width:P}},"..."),F.map(function(a){return React.createElement(Button,{key:a,className:cnPagination("Item",{isActive:z===a}),style:{width:P},label:a,title:"".concat(a),view:"ghost",form:k,size:m,onClick:M(a)})}),E&&React.createElement(Text,{size:m,view:"linkMinor",className:cnPagination("More"),style:{width:P}},"..."),E&&React.createElement(Button,{className:cnPagination("Item",{isActive:z===f}),style:{width:P},label:f,title:"".concat(f),view:"ghost",form:k,size:m,onClick:M(f)})):React.createElement("div",{className:cnPagination("Pages")},React.createElement(TextField,{className:cnPagination("Input"),form:k,size:m,value:z.toString(),onChange:function handleChange(a){var b=a.value,c=+b;c>f||Number.isNaN(c)||g&&g(c-1)}}),React.createElement(Text,{size:m,view:"linkMinor",className:cnPagination("Total")},i(f))),(z<f||s)&&React.createElement("div",{className:cnPagination("NextPage")},React.createElement(Button,{className:cnPagination("ItemRight",{minified:s,show:z<f}),label:"\u0412\u043F\u0435\u0440\u0451\u0434",iconRight:IconForward,view:"ghost",form:k,size:m,onClick:M(C)}),!s&&React.createElement(Text,{className:cnPagination("TipRight"),size:"xs",view:"ghost"},u.nextPage.label)))||null:null});
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","IconBackward","IconForward","cn","Button","Text","TextField","getPaginationInfo","paginationForms","paginationDefaultForm","paginationSizes","paginationDefaultSize","paginationTypes","paginationDefaultType","paginationPositions","paginationDefaultPosition","getDefaultLabel","totalPages","cnPagination","Pagination","forwardRef","props","ref","currentPage","onChange","getLabel","form","size","type","position","minified","hotkeys","nextPage","label","values","prevPage","containerEventListener","window","className","otherProps","currPage","isStartDots","isEndDots","pages","isEmpty","useState","keys","setKeys","changePage","page","handleClick","e","preventDefault","keyUpListener","event","key","prevState","filter","hotKey","keyDownListener","includes","newKeys","every","useEffect","addEventListener","removeEventListener","itemWidth","show","isActive","width","map","toString","handleChange","args","value","pageNumber","Number","isNaN"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React from 'react';\n\nimport { IconBackward } from '../../icons/IconBackward/IconBackward';\nimport { IconForward } from '../../icons/IconForward/IconForward';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../Button/Button';\nimport { Text } from '../Text/Text';\nimport { TextField, TextFieldOnChangeArguments } from '../TextField/TextField';\nimport { getPaginationInfo } from './helpers';\n\nexport const paginationForms = ['default', 'round', 'brick'] as const;\nexport type PaginationPropForm = typeof paginationForms[number];\nexport const paginationDefaultForm: PaginationPropForm = 'default';\n\nexport const paginationSizes = ['xs', 's', 'm', 'l'] as const;\nexport type PaginationPropSize = typeof paginationSizes[number];\nexport const paginationDefaultSize: PaginationPropSize = 'm';\n\nexport const paginationTypes = ['default', 'input'] as const;\nexport type PaginationPropType = typeof paginationTypes[number];\nexport const paginationDefaultType: PaginationPropType = 'default';\n\nexport const paginationPositions = ['left', 'center', 'right'] as const;\nexport type PaginationPropPosition = typeof paginationPositions[number];\nexport const paginationDefaultPosition: PaginationPropPosition = 'center';\n\nconst getDefaultLabel = (totalPages: number): string => `из ${totalPages}`;\n\nexport const cnPagination = cn('Pagination');\n\ntype HotKey = {\n  label: string;\n  values: string[];\n};\n\nexport type HotKeys = {\n  nextPage: HotKey;\n  prevPage: HotKey;\n};\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  onChange: (pageNumber: number) => void;\n  getLabel?: (totalPages: number) => string;\n  form?: PaginationPropForm;\n  size?: PaginationPropSize;\n  type?: PaginationPropType;\n  hotkeys?: HotKeys;\n  containerEventListener?: HTMLElement | Window;\n  className?: string;\n} & (\n  | {\n      minified?: true;\n      position?: never;\n    }\n  | {\n      minified?: false;\n      position?: PaginationPropPosition;\n    }\n);\n\ntype Pagination = (\n  props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport const Pagination: Pagination = React.forwardRef((props, ref) => {\n  const {\n    currentPage = 0,\n    totalPages = 0,\n    onChange,\n    getLabel = getDefaultLabel,\n    form = paginationDefaultForm,\n    size = paginationDefaultSize,\n    type = paginationDefaultType,\n    position = paginationDefaultPosition,\n    minified = false,\n    hotkeys = {\n      nextPage: {\n        label: 'Alt →',\n        values: ['Alt', 'ArrowRight'],\n      },\n      prevPage: {\n        label: '← Alt',\n        values: ['Alt', 'ArrowLeft'],\n      },\n    },\n    containerEventListener = window,\n    className,\n    ...otherProps\n  } = props;\n\n  const currPage = currentPage + 1;\n  const { prevPage, nextPage, isStartDots, isEndDots, pages, isEmpty } =\n    getPaginationInfo(currPage, totalPages);\n  const [keys, setKeys] = React.useState<string[]>([]);\n\n  const changePage = (page: number | null) => {\n    if (page && page !== currPage && onChange) {\n      onChange(page - 1);\n    }\n  };\n\n  const handleClick = (page: number | null) => (e: React.MouseEvent) => {\n    e.preventDefault();\n    changePage(page);\n  };\n\n  const handleChange = (args: TextFieldOnChangeArguments) => {\n    const { value } = args;\n    const pageNumber = Number(value);\n\n    if (pageNumber > totalPages || Number.isNaN(pageNumber)) return;\n\n    if (onChange) {\n      onChange(pageNumber - 1);\n    }\n  };\n\n  const keyUpListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    setKeys((prevState) => prevState.filter((hotKey) => hotKey !== key));\n  };\n\n  const keyDownListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    if (\n      hotkeys.nextPage.values.includes(key) ||\n      hotkeys.prevPage.values.includes(key)\n    ) {\n      const newKeys = [...keys, key];\n      if (hotkeys.nextPage.values.every((hotKey) => newKeys.includes(hotKey))) {\n        changePage(nextPage);\n      } else if (\n        hotkeys.prevPage.values.every((hotKey) => newKeys.includes(hotKey))\n      ) {\n        changePage(prevPage);\n      }\n      setKeys(newKeys);\n    }\n  };\n\n  React.useEffect(() => {\n    containerEventListener.addEventListener('keydown', keyDownListener);\n    containerEventListener.addEventListener('keyup', keyUpListener);\n    return () => {\n      containerEventListener.removeEventListener('keydown', keyDownListener);\n      containerEventListener.removeEventListener('keyup', keyUpListener);\n    };\n  });\n\n  const itemWidth = `var(--control-height-${size})`;\n\n  if (!totalPages) return null;\n\n  return (\n    (!isEmpty && (\n      <nav\n        className={cnPagination(\n          {\n            form,\n            size,\n            position: minified ? paginationDefaultPosition : position,\n          },\n          [className],\n        )}\n        ref={ref}\n        {...otherProps}\n      >\n        {(currPage > 1 || minified) && (\n          <div className={cnPagination('PrevPage')}>\n            <Button\n              className={cnPagination('ItemLeft', {\n                minified,\n                show: currPage > 1,\n              })}\n              label=\"Назад\"\n              iconLeft={IconBackward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(prevPage)}\n            />\n            {!minified && (\n              <Text className={cnPagination('TipLeft')} size=\"xs\" view=\"ghost\">\n                {hotkeys.prevPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n        {type === paginationDefaultType ? (\n          <div className={cnPagination('Pages')}>\n            {isStartDots && (\n              <Button\n                className={cnPagination('Item', { isActive: currPage === 1 })}\n                style={{ width: itemWidth }}\n                label=\"1\"\n                title=\"1\"\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(1)}\n              />\n            )}\n            {isStartDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n              >\n                ...\n              </Text>\n            )}\n            {pages.map((page) => (\n              <Button\n                key={page}\n                className={cnPagination('Item', {\n                  isActive: currPage === page,\n                })}\n                style={{ width: itemWidth }}\n                label={page}\n                title={`${page}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(page)}\n              />\n            ))}\n            {isEndDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n              >\n                ...\n              </Text>\n            )}\n            {isEndDots && (\n              <Button\n                className={cnPagination('Item', {\n                  isActive: currPage === totalPages,\n                })}\n                style={{ width: itemWidth }}\n                label={totalPages}\n                title={`${totalPages}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(totalPages)}\n              />\n            )}\n          </div>\n        ) : (\n          <div className={cnPagination('Pages')}>\n            <TextField\n              className={cnPagination('Input')}\n              form={form}\n              size={size}\n              value={currPage.toString()}\n              onChange={handleChange}\n            />\n            <Text\n              size={size}\n              view=\"linkMinor\"\n              className={cnPagination('Total')}\n            >\n              {getLabel(totalPages)}\n            </Text>\n          </div>\n        )}\n        {(currPage < totalPages || minified) && (\n          <div className={cnPagination('NextPage')}>\n            <Button\n              className={cnPagination('ItemRight', {\n                minified,\n                show: currPage < totalPages,\n              })}\n              label=\"Вперёд\"\n              iconRight={IconForward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(nextPage)}\n            />\n            {!minified && (\n              <Text className={cnPagination('TipRight')} size=\"xs\" view=\"ghost\">\n                {hotkeys.nextPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n      </nav>\n    )) ||\n    null\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["IconBackward","IconForward","React","cn","Button","Text","TextField","getPaginationInfo","paginationForms","paginationDefaultForm","paginationSizes","paginationDefaultSize","paginationTypes","paginationDefaultType","paginationPositions","paginationDefaultPosition","getDefaultLabel","totalPages","cnPagination","Pagination","forwardRef","props","ref","currentPage","onChange","getLabel","form","size","type","position","minified","hotkeys","nextPage","label","values","prevPage","containerEventListener","window","className","otherProps","currPage","isStartDots","isEndDots","pages","isEmpty","useState","keys","setKeys","changePage","page","handleClick","e","preventDefault","keyUpListener","event","key","prevState","filter","hotKey","keyDownListener","includes","newKeys","every","useEffect","addEventListener","removeEventListener","itemWidth","show","isActive","width","map","toString","handleChange","args","value","pageNumber","Number","isNaN"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport { IconBackward } from '@consta/icons/IconBackward';\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../Button/Button';\nimport { Text } from '../Text/Text';\nimport { TextField, TextFieldOnChangeArguments } from '../TextField/TextField';\nimport { getPaginationInfo } from './helpers';\n\nexport const paginationForms = ['default', 'round', 'brick'] as const;\nexport type PaginationPropForm = typeof paginationForms[number];\nexport const paginationDefaultForm: PaginationPropForm = 'default';\n\nexport const paginationSizes = ['xs', 's', 'm', 'l'] as const;\nexport type PaginationPropSize = typeof paginationSizes[number];\nexport const paginationDefaultSize: PaginationPropSize = 'm';\n\nexport const paginationTypes = ['default', 'input'] as const;\nexport type PaginationPropType = typeof paginationTypes[number];\nexport const paginationDefaultType: PaginationPropType = 'default';\n\nexport const paginationPositions = ['left', 'center', 'right'] as const;\nexport type PaginationPropPosition = typeof paginationPositions[number];\nexport const paginationDefaultPosition: PaginationPropPosition = 'center';\n\nconst getDefaultLabel = (totalPages: number): string => `из ${totalPages}`;\n\nexport const cnPagination = cn('Pagination');\n\ntype HotKey = {\n  label: string;\n  values: string[];\n};\n\nexport type HotKeys = {\n  nextPage: HotKey;\n  prevPage: HotKey;\n};\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  onChange: (pageNumber: number) => void;\n  getLabel?: (totalPages: number) => string;\n  form?: PaginationPropForm;\n  size?: PaginationPropSize;\n  type?: PaginationPropType;\n  hotkeys?: HotKeys;\n  containerEventListener?: HTMLElement | Window;\n  className?: string;\n} & (\n  | {\n      minified?: true;\n      position?: never;\n    }\n  | {\n      minified?: false;\n      position?: PaginationPropPosition;\n    }\n);\n\ntype Pagination = (\n  props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport const Pagination: Pagination = React.forwardRef((props, ref) => {\n  const {\n    currentPage = 0,\n    totalPages = 0,\n    onChange,\n    getLabel = getDefaultLabel,\n    form = paginationDefaultForm,\n    size = paginationDefaultSize,\n    type = paginationDefaultType,\n    position = paginationDefaultPosition,\n    minified = false,\n    hotkeys = {\n      nextPage: {\n        label: 'Alt →',\n        values: ['Alt', 'ArrowRight'],\n      },\n      prevPage: {\n        label: '← Alt',\n        values: ['Alt', 'ArrowLeft'],\n      },\n    },\n    containerEventListener = window,\n    className,\n    ...otherProps\n  } = props;\n\n  const currPage = currentPage + 1;\n  const { prevPage, nextPage, isStartDots, isEndDots, pages, isEmpty } =\n    getPaginationInfo(currPage, totalPages);\n  const [keys, setKeys] = React.useState<string[]>([]);\n\n  const changePage = (page: number | null) => {\n    if (page && page !== currPage && onChange) {\n      onChange(page - 1);\n    }\n  };\n\n  const handleClick = (page: number | null) => (e: React.MouseEvent) => {\n    e.preventDefault();\n    changePage(page);\n  };\n\n  const handleChange = (args: TextFieldOnChangeArguments) => {\n    const { value } = args;\n    const pageNumber = Number(value);\n\n    if (pageNumber > totalPages || Number.isNaN(pageNumber)) return;\n\n    if (onChange) {\n      onChange(pageNumber - 1);\n    }\n  };\n\n  const keyUpListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    setKeys((prevState) => prevState.filter((hotKey) => hotKey !== key));\n  };\n\n  const keyDownListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    if (\n      hotkeys.nextPage.values.includes(key) ||\n      hotkeys.prevPage.values.includes(key)\n    ) {\n      const newKeys = [...keys, key];\n      if (hotkeys.nextPage.values.every((hotKey) => newKeys.includes(hotKey))) {\n        changePage(nextPage);\n      } else if (\n        hotkeys.prevPage.values.every((hotKey) => newKeys.includes(hotKey))\n      ) {\n        changePage(prevPage);\n      }\n      setKeys(newKeys);\n    }\n  };\n\n  React.useEffect(() => {\n    containerEventListener.addEventListener('keydown', keyDownListener);\n    containerEventListener.addEventListener('keyup', keyUpListener);\n    return () => {\n      containerEventListener.removeEventListener('keydown', keyDownListener);\n      containerEventListener.removeEventListener('keyup', keyUpListener);\n    };\n  });\n\n  const itemWidth = `var(--control-height-${size})`;\n\n  if (!totalPages) return null;\n\n  return (\n    (!isEmpty && (\n      <nav\n        className={cnPagination(\n          {\n            form,\n            size,\n            position: minified ? paginationDefaultPosition : position,\n          },\n          [className],\n        )}\n        ref={ref}\n        {...otherProps}\n      >\n        {(currPage > 1 || minified) && (\n          <div className={cnPagination('PrevPage')}>\n            <Button\n              className={cnPagination('ItemLeft', {\n                minified,\n                show: currPage > 1,\n              })}\n              label=\"Назад\"\n              iconLeft={IconBackward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(prevPage)}\n            />\n            {!minified && (\n              <Text className={cnPagination('TipLeft')} size=\"xs\" view=\"ghost\">\n                {hotkeys.prevPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n        {type === paginationDefaultType ? (\n          <div className={cnPagination('Pages')}>\n            {isStartDots && (\n              <Button\n                className={cnPagination('Item', { isActive: currPage === 1 })}\n                style={{ width: itemWidth }}\n                label=\"1\"\n                title=\"1\"\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(1)}\n              />\n            )}\n            {isStartDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n              >\n                ...\n              </Text>\n            )}\n            {pages.map((page) => (\n              <Button\n                key={page}\n                className={cnPagination('Item', {\n                  isActive: currPage === page,\n                })}\n                style={{ width: itemWidth }}\n                label={page}\n                title={`${page}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(page)}\n              />\n            ))}\n            {isEndDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n              >\n                ...\n              </Text>\n            )}\n            {isEndDots && (\n              <Button\n                className={cnPagination('Item', {\n                  isActive: currPage === totalPages,\n                })}\n                style={{ width: itemWidth }}\n                label={totalPages}\n                title={`${totalPages}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(totalPages)}\n              />\n            )}\n          </div>\n        ) : (\n          <div className={cnPagination('Pages')}>\n            <TextField\n              className={cnPagination('Input')}\n              form={form}\n              size={size}\n              value={currPage.toString()}\n              onChange={handleChange}\n            />\n            <Text\n              size={size}\n              view=\"linkMinor\"\n              className={cnPagination('Total')}\n            >\n              {getLabel(totalPages)}\n            </Text>\n          </div>\n        )}\n        {(currPage < totalPages || minified) && (\n          <div className={cnPagination('NextPage')}>\n            <Button\n              className={cnPagination('ItemRight', {\n                minified,\n                show: currPage < totalPages,\n              })}\n              label=\"Вперёд\"\n              iconRight={IconForward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(nextPage)}\n            />\n            {!minified && (\n              <Text className={cnPagination('TipRight')} size=\"xs\" view=\"ghost\">\n                {hotkeys.nextPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n      </nav>\n    )) ||\n    null\n  );\n});\n"],"mappings":"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"}

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

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

package/__internal__/src/components/ProgressLine/ProgressLine.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","value","style","steps","getItemLabel"];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"./ProgressLine.css";import React,{forwardRef,useMemo,useRef}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cn}from"../../utils/bem";import{isNotNil}from"../../utils/type-guards";import{Text}from"../Text/Text";import{calculateLinePositions,generateMask,getProgress,withDefaultGetters}from"./helpers";var cnProgressLine=cn("ProgressLine"),ProgressLineRender=function(a,b){var c,d=withDefaultGetters(a),e=d.size,f=void 0===e?"m":e,g=d.value,h=d.style,i=d.steps,j=d.getItemLabel,k=_objectWithoutProperties(d,_excluded),l=useRef(null),m=useComponentSize(l),n=m.width,o=useMemo(function(){var a,b=calculateLinePositions(null!==(a=null===i||void 0===i?void 0:i.length)&&void 0!==a?a:0,n);return[b,generateMask(b)]},[n,i]),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMemo(function(){var a,b={mode:isNotNil(g)?"determinate":"indeterminate",activeIndex:isNotNil(g)?Math.min(g,null!==(a=null===i||void 0===i?void 0:i.length)&&void 0!==a?a:0):-1};return i&&(b.mode="step",(null!==g&&void 0!==g?g:0)>=i.length&&(b.activeIndex=i.length-1)),b},[i,g]),t=s.mode,u=s.activeIndex,v=_objectSpread(_objectSpread({},k),{},{ref:useForkRef([b,l]),className:cnProgressLine({size:f,mode:t}),style:_objectSpread(_objectSpread({},h),{},(c={},_defineProperty(c,"--progress-line-value","".concat(getProgress(null!==g&&void 0!==g?g:0))),_defineProperty(c,"--progress-line-steps",null===i||void 0===i?void 0:i.length),_defineProperty(c,"--progress-line-background-active-width","".concat(null!==q&&void 0!==q&&q[u]?q[u].x+q[u].width:0,"px")),_defineProperty(c,"--progress-line-mask",r),c))});return React.createElement("div",v,i&&React.createElement("div",{className:cnProgressLine("Steps")},null===i||void 0===i?void 0:i.map(function(a,b){var c=j(a);return React.createElement("div",{key:cnProgressLine("Step",{index:b}),className:cnProgressLine("Step")},isNotNil(c)&&React.createElement(Text,{className:cnProgressLine("Label"),size:"2xs",lineHeight:"xs",view:"secondary",align:"center"},c))})))};export var ProgressLine=forwardRef(ProgressLineRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","value","style","className","steps","getItemLabel"];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"./ProgressLine.css";import React,{forwardRef,useMemo,useRef}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cn}from"../../utils/bem";import{isNotNil}from"../../utils/type-guards";import{Text}from"../Text/Text";import{calculateLinePositions,generateMask,getProgress,withDefaultGetters}from"./helpers";var cnProgressLine=cn("ProgressLine"),ProgressLineRender=function(a,b){var c,d=withDefaultGetters(a),e=d.size,f=void 0===e?"m":e,g=d.value,h=d.style,i=d.className,j=d.steps,k=d.getItemLabel,l=_objectWithoutProperties(d,_excluded),m=useRef(null),n=useComponentSize(m),o=n.width,p=useMemo(function(){var a,b=calculateLinePositions(null!==(a=null===j||void 0===j?void 0:j.length)&&void 0!==a?a:0,o);return[b,generateMask(b)]},[o,j]),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useMemo(function(){var a,b={mode:isNotNil(g)?"determinate":"indeterminate",activeIndex:isNotNil(g)?Math.min(g,null!==(a=null===j||void 0===j?void 0:j.length)&&void 0!==a?a:0):-1};return j&&(b.mode="step",(null!==g&&void 0!==g?g:0)>=j.length&&(b.activeIndex=j.length-1)),b},[j,g]),u=t.mode,v=t.activeIndex,w=_objectSpread(_objectSpread({},l),{},{ref:useForkRef([b,m]),className:cnProgressLine({size:f,mode:u},[i]),style:_objectSpread(_objectSpread({},h),{},(c={},_defineProperty(c,"--progress-line-value","".concat(getProgress(null!==g&&void 0!==g?g:0))),_defineProperty(c,"--progress-line-steps",null===j||void 0===j?void 0:j.length),_defineProperty(c,"--progress-line-background-active-width","".concat(null!==r&&void 0!==r&&r[v]?r[v].x+r[v].width:0,"px")),_defineProperty(c,"--progress-line-mask",s),c))});return React.createElement("div",w,j&&React.createElement("div",{className:cnProgressLine("Steps")},null===j||void 0===j?void 0:j.map(function(a,b){var c=k(a);return React.createElement("div",{key:cnProgressLine("Step",{index:b}),className:cnProgressLine("Step")},isNotNil(c)&&React.createElement(Text,{className:cnProgressLine("Label"),size:"2xs",lineHeight:"xs",view:"secondary",align:"center"},c))})))};export var ProgressLine=forwardRef(ProgressLineRender);
 //# sourceMappingURL=ProgressLine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressLine.js","names":["React","forwardRef","useMemo","useRef","useComponentSize","useForkRef","cn","isNotNil","Text","calculateLinePositions","generateMask","getProgress","withDefaultGetters","cnProgressLine","ProgressLineRender","props","ref","size","value","style","steps","getItemLabel","otherProps","containerRef","containerWidth","width","lines","length","mask","data","mode","activeIndex","Math","min","containerProps","className","x","map","item","index","label","ProgressLine"],"sources":["../../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import './ProgressLine.css';\n\nimport React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { cn } from '../../utils/bem';\nimport { isNotNil } from '../../utils/type-guards';\nimport { Text } from '../Text/Text';\nimport {\n  calculateLinePositions,\n  generateMask,\n  getProgress,\n  withDefaultGetters,\n} from './helpers';\nimport { ProgressLineComponent, ProgressLineProps } from './types';\n\nconst cnProgressLine = cn('ProgressLine');\n\nconst ProgressLineRender = (\n  props: ProgressLineProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = 'm',\n    value,\n    style,\n    steps,\n    getItemLabel,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const { width: containerWidth } = useComponentSize(containerRef);\n\n  const [lines, mask] = useMemo(() => {\n    const lines = calculateLinePositions(steps?.length ?? 0, containerWidth);\n\n    return [lines, generateMask(lines)];\n  }, [containerWidth, steps]);\n\n  const { mode, activeIndex } = useMemo(() => {\n    const data = {\n      mode: isNotNil(value) ? 'determinate' : 'indeterminate',\n      activeIndex: isNotNil(value) ? Math.min(value, steps?.length ?? 0) : -1,\n    };\n    if (steps) {\n      data.mode = 'step';\n      if ((value ?? 0) >= steps.length) {\n        data.activeIndex = steps.length - 1;\n      }\n    }\n    return data;\n  }, [steps, value]);\n\n  const containerProps = {\n    ...otherProps,\n    ref: useForkRef([ref, containerRef]),\n    className: cnProgressLine({\n      size,\n      mode,\n    }),\n    style: {\n      ...style,\n      ['--progress-line-value' as string]: `${getProgress(value ?? 0)}`,\n      ['--progress-line-steps' as string]: steps?.length,\n      ['--progress-line-background-active-width' as string]: `${\n        lines?.[activeIndex]\n          ? lines[activeIndex].x + lines[activeIndex].width\n          : 0\n      }px`,\n      ['--progress-line-mask' as string]: mask,\n    },\n  };\n\n  return (\n    <div {...containerProps}>\n      {steps && (\n        <div className={cnProgressLine('Steps')}>\n          {steps?.map((item, index) => {\n            const label = getItemLabel(item);\n            return (\n              <div\n                key={cnProgressLine('Step', { index })}\n                className={cnProgressLine('Step')}\n              >\n                {isNotNil(label) && (\n                  <Text\n                    className={cnProgressLine('Label')}\n                    size=\"2xs\"\n                    lineHeight=\"xs\"\n                    view=\"secondary\"\n                    align=\"center\"\n                  >\n                    {label}\n                  </Text>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const ProgressLine = forwardRef(\n  ProgressLineRender,\n) as ProgressLineComponent;\n"],"mappings":"y3BAAA,2BAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,KAAmD,OAAnD,CAEA,OAASC,gBAAT,oCACA,OAASC,UAAT,8BAEA,OAASC,EAAT,uBACA,OAASC,QAAT,+BACA,OAASC,IAAT,oBACA,OACEC,sBADF,CAEEC,YAFF,CAGEC,WAHF,CAIEC,kBAJF,iB,GAQMC,eAAc,CAAGP,EAAE,CAAC,cAAD,C,CAEnBQ,kBAAkB,CAAG,SACzBC,CADyB,CAEzBC,CAFyB,CAGtB,SAQCJ,kBAAkB,CAACG,CAAD,CARnB,KAEDE,IAFC,CAEDA,CAFC,YAEM,GAFN,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,KAJC,CAKDC,CALC,GAKDA,KALC,CAMDC,CANC,GAMDA,YANC,CAOEC,CAPF,uCAUGC,CAAY,CAAGpB,MAAM,CAAiB,IAAjB,CAVxB,GAY+BC,gBAAgB,CAACmB,CAAD,CAZ/C,CAYYC,CAZZ,GAYKC,KAZL,GAcmBvB,OAAO,CAAC,UAAM,OAC5BwB,CAAK,CAAGjB,sBAAsB,kBAACW,CAAD,WAACA,CAAD,QAACA,CAAK,CAAEO,MAAR,gBAAkB,CAAlB,CAAqBH,CAArB,CADF,CAGlC,MAAO,CAACE,CAAD,CAAQhB,YAAY,CAACgB,CAAD,CAApB,CACR,CAJ4B,CAI1B,CAACF,CAAD,CAAiBJ,CAAjB,CAJ0B,CAd1B,uBAcIM,CAdJ,MAcWE,CAdX,QAoB2B1B,OAAO,CAAC,UAAM,OACpC2B,CAAI,CAAG,CACXC,IAAI,CAAEvB,QAAQ,CAACW,CAAD,CAAR,CAAkB,aAAlB,CAAkC,eAD7B,CAEXa,WAAW,CAAExB,QAAQ,CAACW,CAAD,CAAR,CAAkBc,IAAI,CAACC,GAAL,CAASf,CAAT,kBAAgBE,CAAhB,WAAgBA,CAAhB,QAAgBA,CAAK,CAAEO,MAAvB,gBAAiC,CAAjC,CAAlB,CAAwD,CAAC,CAF3D,CAD6B,CAW1C,MANIP,EAMJ,GALES,CAAI,CAACC,IAAL,CAAY,MAKd,CAJM,QAACZ,CAAD,WAACA,CAAD,CAACA,CAAD,CAAU,CAAV,GAAgBE,CAAK,CAACO,MAI5B,GAHIE,CAAI,CAACE,WAAL,CAAmBX,CAAK,CAACO,MAAN,CAAe,CAGtC,GAAOE,CACR,CAZoC,CAYlC,CAACT,CAAD,CAAQF,CAAR,CAZkC,CApBlC,CAoBKY,CApBL,GAoBKA,IApBL,CAoBWC,CApBX,GAoBWA,WApBX,CAkCGG,CAAc,gCACfZ,CADe,MAElBN,GAAG,CAAEX,UAAU,CAAC,CAACW,CAAD,CAAMO,CAAN,CAAD,CAFG,CAGlBY,SAAS,CAAEtB,cAAc,CAAC,CACxBI,IAAI,CAAJA,CADwB,CAExBa,IAAI,CAAJA,CAFwB,CAAD,CAHP,CAOlBX,KAAK,gCACAA,CADA,6BAEF,uBAFE,WAEqCR,WAAW,QAACO,CAAD,WAACA,CAAD,CAACA,CAAD,CAAU,CAAV,CAFhD,qBAGF,uBAHE,QAGkCE,CAHlC,WAGkCA,CAHlC,QAGkCA,CAAK,CAAEO,MAHzC,oBAIF,yCAJE,WAKD,OAAAD,CAAK,WAALA,CAAA,EAAAA,CAAK,CAAGK,CAAH,CAAL,CACIL,CAAK,CAACK,CAAD,CAAL,CAAmBK,CAAnB,CAAuBV,CAAK,CAACK,CAAD,CAAL,CAAmBN,KAD9C,CAEI,CAPH,0BASF,sBATE,CASiCG,CATjC,KAPa,EAlCjB,CAsDH,MACE,2BAASM,CAAT,CACGd,CAAK,EACJ,2BAAK,SAAS,CAAEP,cAAc,CAAC,OAAD,CAA9B,SACGO,CADH,WACGA,CADH,QACGA,CAAK,CAAEiB,GAAP,CAAW,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAC3B,GAAMC,EAAK,CAAGnB,CAAY,CAACiB,CAAD,CAA1B,CACA,MACE,4BACE,GAAG,CAAEzB,cAAc,CAAC,MAAD,CAAS,CAAE0B,KAAK,CAALA,CAAF,CAAT,CADrB,CAEE,SAAS,CAAE1B,cAAc,CAAC,MAAD,CAF3B,EAIGN,QAAQ,CAACiC,CAAD,CAAR,EACC,oBAAC,IAAD,EACE,SAAS,CAAE3B,cAAc,CAAC,OAAD,CAD3B,CAEE,IAAI,CAAC,KAFP,CAGE,UAAU,CAAC,IAHb,CAIE,IAAI,CAAC,WAJP,CAKE,KAAK,CAAC,QALR,EAOG2B,CAPH,CALJ,CAiBH,CApBA,CADH,CAFJ,CA4BH,C,CAED,MAAO,IAAMC,aAAY,CAAGxC,UAAU,CACpCa,kBADoC,CAA/B"}
+{"version":3,"file":"ProgressLine.js","names":["React","forwardRef","useMemo","useRef","useComponentSize","useForkRef","cn","isNotNil","Text","calculateLinePositions","generateMask","getProgress","withDefaultGetters","cnProgressLine","ProgressLineRender","props","ref","size","value","style","className","steps","getItemLabel","otherProps","containerRef","containerWidth","width","lines","length","mask","data","mode","activeIndex","Math","min","containerProps","x","map","item","index","label","ProgressLine"],"sources":["../../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import './ProgressLine.css';\n\nimport React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { cn } from '../../utils/bem';\nimport { isNotNil } from '../../utils/type-guards';\nimport { Text } from '../Text/Text';\nimport {\n  calculateLinePositions,\n  generateMask,\n  getProgress,\n  withDefaultGetters,\n} from './helpers';\nimport { ProgressLineComponent, ProgressLineProps } from './types';\n\nconst cnProgressLine = cn('ProgressLine');\n\nconst ProgressLineRender = (\n  props: ProgressLineProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = 'm',\n    value,\n    style,\n    className,\n    steps,\n    getItemLabel,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const { width: containerWidth } = useComponentSize(containerRef);\n\n  const [lines, mask] = useMemo(() => {\n    const lines = calculateLinePositions(steps?.length ?? 0, containerWidth);\n\n    return [lines, generateMask(lines)];\n  }, [containerWidth, steps]);\n\n  const { mode, activeIndex } = useMemo(() => {\n    const data = {\n      mode: isNotNil(value) ? 'determinate' : 'indeterminate',\n      activeIndex: isNotNil(value) ? Math.min(value, steps?.length ?? 0) : -1,\n    };\n    if (steps) {\n      data.mode = 'step';\n      if ((value ?? 0) >= steps.length) {\n        data.activeIndex = steps.length - 1;\n      }\n    }\n    return data;\n  }, [steps, value]);\n\n  const containerProps = {\n    ...otherProps,\n    ref: useForkRef([ref, containerRef]),\n    className: cnProgressLine(\n      {\n        size,\n        mode,\n      },\n      [className],\n    ),\n    style: {\n      ...style,\n      ['--progress-line-value' as string]: `${getProgress(value ?? 0)}`,\n      ['--progress-line-steps' as string]: steps?.length,\n      ['--progress-line-background-active-width' as string]: `${\n        lines?.[activeIndex]\n          ? lines[activeIndex].x + lines[activeIndex].width\n          : 0\n      }px`,\n      ['--progress-line-mask' as string]: mask,\n    },\n  };\n\n  return (\n    <div {...containerProps}>\n      {steps && (\n        <div className={cnProgressLine('Steps')}>\n          {steps?.map((item, index) => {\n            const label = getItemLabel(item);\n            return (\n              <div\n                key={cnProgressLine('Step', { index })}\n                className={cnProgressLine('Step')}\n              >\n                {isNotNil(label) && (\n                  <Text\n                    className={cnProgressLine('Label')}\n                    size=\"2xs\"\n                    lineHeight=\"xs\"\n                    view=\"secondary\"\n                    align=\"center\"\n                  >\n                    {label}\n                  </Text>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const ProgressLine = forwardRef(\n  ProgressLineRender,\n) as ProgressLineComponent;\n"],"mappings":"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"}