@consta/uikit 4.32.0 → 4.33.1

package/AttachmentCanary/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/AttachmentCanary";

package/AttachmentCanary/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/AttachmentCanary";

package/PaginationCanary/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/PaginationCanary";

package/PaginationCanary/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/PaginationCanary";

package/__internal__/src/components/AttachmentCanary/Attachment.css

@@ -0,0 +1 @@
+.canary--Attachment{background:var(--color-control-bg-clear);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:row;padding:var(--space-xs);text-decoration:none;transition:background-color .2s ease;width:100%}.canary--Attachment-File{flex:none;margin-right:var(--space-xs);transition:opacity .2s}.canary--Attachment-File_error{opacity:.4}.canary--Attachment-Button{flex:none;opacity:0;transition:opacity .2s ease}.canary--Attachment-Content{word-wrap:break-word;flex:1;overflow:hidden}.canary--Attachment-Content>.Text:not(:first-child){margin-top:var(--space-2xs)}.canary--Attachment-Content:not(:last-child){margin-right:var(--space-xs)}.canary--Attachment_withAction{cursor:pointer}.canary--Attachment_withAction:hover{background:var(--color-control-bg-clear-hover)}.canary--Attachment_withOnButtonAction:hover .canary--Attachment_withOnButtonAction-Button{opacity:1}.canary--Attachment_withOnButtonAction:hover{background:var(--color-control-bg-clear-hover)}.canary--Attachment_withOnButtonAction:hover .Attachment-Button{opacity:1}

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

@@ -0,0 +1,5 @@
+import './Attachment.css';
+import { AttachmentProps } from './types';
+declare const cnAttachment: import("@bem-react/classname").ClassNameFormatter;
+declare const Attachment: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<AttachmentProps, "div">;
+export { Attachment, cnAttachment };

package/__internal__/src/components/AttachmentCanary/AttachmentCanary.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","as","fileExtension","withPictogram","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","size","onClick","withAction","buttonTitle"];import"./Attachment.css";import React from"react";import{Button}from"../Button";import{File}from"../File";import{Text}from"../Text";import{cnCanary}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{attachmentPropSizeDefault}from"./types";var cnAttachment=cnCanary("Attachment"),fileSizeMap={xs:"s",s:"s",m:"m"},textSizeMap={xs:"xs",s:"s",m:"s"},descriptionSizeMap={xs:"xs",s:"xs",m:"s"},Attachment=forwardRefWithAs(function(a,b){var c=a.className,d=a.as,e=void 0===d?"div":d,f=a.fileExtension,g=a.withPictogram,h=a.loading,i=a.fileName,j=a.buttonIcon,k=a.onButtonClick,l=a.errorText,m=a.loadingText,n=void 0===m?"Loading":m,o=a.loadingProgress,p=a.fileDescription,q=a.size,r=void 0===q?attachmentPropSizeDefault:q,s=a.onClick,t=a.withAction,u=a.buttonTitle,v=_objectWithoutProperties(a,_excluded),w=!!k;return React.createElement(e,Object.assign({},v,{onClick:s,className:cnAttachment({withAction:t||!!s,withOnButtonAction:w,size:r},[c]),ref:b}),g&&React.createElement(File,{className:cnAttachment("File",{error:!!l}),extension:f,loading:h,loadingWithProgressSpin:!0,loadingProgress:o,size:fileSizeMap[r]}),React.createElement("div",{className:cnAttachment("Content")},i&&React.createElement(Text,{className:cnAttachment("FileName"),size:textSizeMap[r],view:"primary",lineHeight:"xs"},i),p&&!h&&React.createElement(Text,{className:cnAttachment("FileDescription"),size:descriptionSizeMap[r],lineHeight:"xs",view:"ghost"},p),n&&h&&React.createElement(Text,{className:cnAttachment("LoadingText"),size:descriptionSizeMap[r],lineHeight:"xs",view:"ghost"},o?"".concat(n," ").concat(o,"%"):"".concat(n,"...")),l&&React.createElement(Text,{className:cnAttachment("ErrorText"),size:descriptionSizeMap[r],lineHeight:"xs",view:"alert"},l)),w&&React.createElement(Button,{className:cnAttachment("Button"),as:"span",onlyIcon:!0,iconLeft:j,onClick:k,title:u,size:"xs",view:"clear"}))});export{Attachment,cnAttachment};
+//# sourceMappingURL=AttachmentCanary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentCanary.js","names":["React","Button","File","Text","cnCanary","forwardRefWithAs","attachmentPropSizeDefault","cnAttachment","fileSizeMap","xs","s","m","textSizeMap","descriptionSizeMap","Attachment","props","ref","className","as","fileExtension","withPictogram","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","size","onClick","withActionProp","withAction","buttonTitle","otherProps","withOnButtonAction","error"],"sources":["../../../../../src/components/AttachmentCanary/AttachmentCanary.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { Button } from '##/components/Button';\nimport { File } from '##/components/File';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { FileIconPropSize } from '##/fileIcons/FileIcon/FileIcon';\nimport { cnCanary } from '##/utils/bem';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport {\n  AttachmentProps,\n  AttachmentPropSize,\n  attachmentPropSizeDefault,\n} from './types';\n\nconst cnAttachment = cnCanary('Attachment');\n\nconst fileSizeMap: Record<AttachmentPropSize, FileIconPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n};\n\nconst textSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n};\n\nconst descriptionSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n};\n\nconst Attachment = forwardRefWithAs<AttachmentProps>((props, ref) => {\n  const {\n    className,\n    as = 'div',\n    fileExtension,\n    withPictogram,\n    loading,\n    fileName,\n    buttonIcon,\n    onButtonClick,\n    errorText,\n    loadingText = 'Loading',\n    loadingProgress,\n    fileDescription,\n    size = attachmentPropSizeDefault,\n    onClick,\n    withAction: withActionProp,\n    buttonTitle,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const withAction = withActionProp || Boolean(onClick);\n  const withOnButtonAction = Boolean(onButtonClick);\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick}\n      className={cnAttachment({ withAction, withOnButtonAction, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {withPictogram && (\n        <File\n          className={cnAttachment('File', { error: Boolean(errorText) })}\n          extension={fileExtension}\n          loading={loading}\n          loadingWithProgressSpin\n          loadingProgress={loadingProgress}\n          size={fileSizeMap[size]}\n        />\n      )}\n      <div className={cnAttachment('Content')}>\n        {fileName && (\n          <Text\n            className={cnAttachment('FileName')}\n            size={textSizeMap[size]}\n            view=\"primary\"\n            lineHeight=\"xs\"\n          >\n            {fileName}\n          </Text>\n        )}\n        {fileDescription && !loading && (\n          <Text\n            className={cnAttachment('FileDescription')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {fileDescription}\n          </Text>\n        )}\n        {loadingText && loading && (\n          <Text\n            className={cnAttachment('LoadingText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {loadingProgress\n              ? `${loadingText} ${loadingProgress}%`\n              : `${loadingText}...`}\n          </Text>\n        )}\n        {errorText && (\n          <Text\n            className={cnAttachment('ErrorText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"alert\"\n          >\n            {errorText}\n          </Text>\n        )}\n      </div>\n      {withOnButtonAction && (\n        <Button\n          className={cnAttachment('Button')}\n          as=\"span\"\n          onlyIcon\n          iconLeft={buttonIcon}\n          onClick={onButtonClick}\n          title={buttonTitle}\n          size=\"xs\"\n          view=\"clear\"\n        />\n      )}\n    </Tag>\n  );\n});\n\nexport { Attachment, cnAttachment };\n"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+export declare const attachmentPropSize: readonly ["s", "xs", "m"];
+export declare type AttachmentPropSize = typeof attachmentPropSize[number];
+export declare const attachmentPropSizeDefault: AttachmentPropSize;
+export declare type AttachmentProps = {
+    fileExtension?: string;
+    withPictogram?: boolean;
+    loading?: boolean;
+    fileName?: string;
+    fileDescription?: string;
+    loadingProgress?: number;
+    errorText?: string;
+    size?: AttachmentPropSize;
+    loadingText?: string;
+    onButtonClick?: React.EventHandler<React.MouseEvent>;
+    buttonIcon?: IconComponent;
+    buttonTitle?: string;
+    withAction?: boolean;
+    className?: string;
+    children?: never;
+};

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

@@ -0,0 +1,2 @@
+export var attachmentPropSize=["s","xs","m"];export var attachmentPropSizeDefault=attachmentPropSize[0];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["attachmentPropSize","attachmentPropSizeDefault"],"sources":["../../../../../src/components/AttachmentCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nexport const attachmentPropSize = ['s', 'xs', 'm'] as const;\nexport type AttachmentPropSize = typeof attachmentPropSize[number];\nexport const attachmentPropSizeDefault: AttachmentPropSize =\n  attachmentPropSize[0];\n\nexport type AttachmentProps = {\n  fileExtension?: string;\n  withPictogram?: boolean;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\n  size?: AttachmentPropSize;\n  loadingText?: string;\n  onButtonClick?: React.EventHandler<React.MouseEvent>;\n  buttonIcon?: IconComponent;\n  buttonTitle?: string;\n  withAction?: boolean;\n  className?: string;\n  children?: never;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

package/__internal__/src/components/CheckboxGroup/CheckboxGroup.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getItemKey","getItemLabel","getItemDisabled","getItemAttributes","onChange","name","direction","size","view","disabled","className","getItemRef"],_excluded2=["className"];import"./CheckboxGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Checkbox}from"../Checkbox/Checkbox";import{withDefaultGetters}from"./helper";import{checkboxGroupDefaultDirection,checkboxGroupDefaultSize,checkboxGroupDefaultView}from"./types";export var cnCheckboxGroup=cn("CheckboxGroup");var CheckboxGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.value,e=void 0===d?null:d,f=c.items,g=c.getItemKey,h=c.getItemLabel,i=c.getItemDisabled,j=c.getItemAttributes,k=c.onChange,l=c.name,m=c.direction,n=void 0===m?checkboxGroupDefaultDirection:m,o=c.size,p=void 0===o?checkboxGroupDefaultSize:o,q=c.view,r=void 0===q?checkboxGroupDefaultView:q,s=c.disabled,t=c.className,u=c.getItemRef,v=_objectWithoutProperties(c,_excluded),w=useChoiceGroup({value:e,getKey:function getKey(a){var b;return null!==(b=g(a))&&void 0!==b?b:h(a)},callBack:k,multiple:!0}),x=w.getOnChange,y=w.getChecked;return React.createElement("div",Object.assign({},v,{ref:b,className:cnCheckboxGroup({direction:n,size:p,view:r},[t])}),f.map(function(a){var b,c,d=null!==(b=j(a))&&void 0!==b?b:{},e=d.className,f=_objectWithoutProperties(d,_excluded2);return React.createElement(Checkbox,Object.assign({key:null!==(c=g(a))&&void 0!==c?c:h(a),label:h(a),size:p,view:r,name:l,ref:u(a),disabled:void 0!==s&&s||(null===i||void 0===i?void 0:i(a)),checked:y(a),onChange:function(b){var c=b.e;return x(a)(c)},className:cnCheckboxGroup("Item",[e])},f))}))};export var CheckboxGroup=forwardRef(CheckboxGroupRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getItemKey","getItemLabel","getItemDisabled","getItemAttributes","onChange","name","align","direction","size","view","disabled","className","getItemRef"],_excluded2=["className"];import"./CheckboxGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Checkbox}from"../Checkbox/Checkbox";import{withDefaultGetters}from"./helper";import{checkboxGroupDefaultAlign,checkboxGroupDefaultDirection,checkboxGroupDefaultSize,checkboxGroupDefaultView}from"./types";export var cnCheckboxGroup=cn("CheckboxGroup");var CheckboxGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.value,e=void 0===d?null:d,f=c.items,g=c.getItemKey,h=c.getItemLabel,i=c.getItemDisabled,j=c.getItemAttributes,k=c.onChange,l=c.name,m=c.align,n=void 0===m?checkboxGroupDefaultAlign:m,o=c.direction,p=void 0===o?checkboxGroupDefaultDirection:o,q=c.size,r=void 0===q?checkboxGroupDefaultSize:q,s=c.view,t=void 0===s?checkboxGroupDefaultView:s,u=c.disabled,v=c.className,w=c.getItemRef,x=_objectWithoutProperties(c,_excluded),y=useChoiceGroup({value:e,getKey:function getKey(a){var b;return null!==(b=g(a))&&void 0!==b?b:h(a)},callBack:k,multiple:!0}),z=y.getOnChange,A=y.getChecked;return React.createElement("div",Object.assign({},x,{ref:b,className:cnCheckboxGroup({direction:p,size:r,view:t},[v])}),f.map(function(a){var b,c,d=null!==(b=j(a))&&void 0!==b?b:{},e=d.className,f=_objectWithoutProperties(d,_excluded2);return React.createElement(Checkbox,Object.assign({key:null!==(c=g(a))&&void 0!==c?c:h(a),align:n,label:h(a),size:r,view:t,name:l,ref:w(a),disabled:void 0!==u&&u||(null===i||void 0===i?void 0:i(a)),checked:A(a),onChange:function(b){var c=b.e;return z(a)(c)},className:cnCheckboxGroup("Item",[e])},f))}))};export var CheckboxGroup=forwardRef(CheckboxGroupRender);export*from"./types";
 //# sourceMappingURL=CheckboxGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","names":["React","forwardRef","useChoiceGroup","cn","Checkbox","withDefaultGetters","checkboxGroupDefaultDirection","checkboxGroupDefaultSize","checkboxGroupDefaultView","cnCheckboxGroup","CheckboxGroupRender","props","ref","value","items","getItemKey","getItemLabel","getItemDisabled","getItemAttributes","onChange","name","direction","size","view","disabled","className","getItemRef","otherProps","getKey","item","callBack","multiple","getOnChange","getChecked","map","atributes","e","CheckboxGroup"],"sources":["../../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import './CheckboxGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { withDefaultGetters } from './helper';\nimport {\n  CheckboxGroupComponent,\n  checkboxGroupDefaultDirection,\n  checkboxGroupDefaultSize,\n  checkboxGroupDefaultView,\n  CheckboxGroupProps,\n} from './types';\n\nexport const cnCheckboxGroup = cn('CheckboxGroup');\n\nconst CheckboxGroupRender = (\n  props: CheckboxGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    value = null,\n    items,\n    getItemKey,\n    getItemLabel,\n    getItemDisabled,\n    getItemAttributes,\n    onChange,\n    name,\n    direction = checkboxGroupDefaultDirection,\n    size = checkboxGroupDefaultSize,\n    view = checkboxGroupDefaultView,\n    disabled = false,\n    className,\n    getItemRef,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: (item) => getItemKey(item) ?? getItemLabel(item),\n    callBack: onChange,\n    multiple: true,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnCheckboxGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => {\n        const { className, ...atributes } = getItemAttributes(item) ?? {};\n        return (\n          <Checkbox\n            key={getItemKey(item) ?? getItemLabel(item)}\n            label={getItemLabel(item)}\n            size={size}\n            view={view}\n            name={name}\n            ref={getItemRef(item)}\n            disabled={disabled || getItemDisabled?.(item)}\n            checked={getChecked(item)}\n            onChange={({ e }) => getOnChange(item)(e)}\n            className={cnCheckboxGroup('Item', [className])}\n            {...atributes}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const CheckboxGroup = forwardRef(\n  CheckboxGroupRender,\n) as CheckboxGroupComponent;\n\nexport * from './types';\n"],"mappings":"gSAAA,4BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,kBAAT,gBACA,OAEEC,6BAFF,CAGEC,wBAHF,CAIEC,wBAJF,eAQA,MAAO,IAAMC,gBAAe,CAAGN,EAAE,CAAC,eAAD,CAA1B,CAEP,GAAMO,oBAAmB,CAAG,SAC1BC,CAD0B,CAE1BC,CAF0B,CAGvB,OAiBCP,kBAAkB,CAACM,CAAD,CAjBnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,IAFP,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,UAJC,CAKDC,CALC,GAKDA,YALC,CAMDC,CANC,GAMDA,eANC,CAODC,CAPC,GAODA,iBAPC,CAQDC,CARC,GAQDA,QARC,CASDC,CATC,GASDA,IATC,KAUDC,SAVC,CAUDA,CAVC,YAUWf,6BAVX,OAWDgB,IAXC,CAWDA,CAXC,YAWMf,wBAXN,OAYDgB,IAZC,CAYDA,CAZC,YAYMf,wBAZN,OAaDgB,QAbC,CAcDC,CAdC,GAcDA,SAdC,CAeDC,CAfC,GAeDA,UAfC,CAgBEC,CAhBF,yCAmBiCzB,cAAc,CAAC,CACjDW,KAAK,CAALA,CADiD,CAEjDe,MAAM,CAAE,gBAACC,CAAD,yBAAUd,CAAU,CAACc,CAAD,CAApB,gBAA8Bb,CAAY,CAACa,CAAD,CAA1C,CAFyC,CAGjDC,QAAQ,CAAEX,CAHuC,CAIjDY,QAAQ,GAJyC,CAAD,CAnB/C,CAmBKC,CAnBL,GAmBKA,WAnBL,CAmBkBC,CAnBlB,GAmBkBA,UAnBlB,CA0BH,MACE,4CACMN,CADN,EAEE,GAAG,CAAEf,CAFP,CAGE,SAAS,CAAEH,eAAe,CAAC,CAAEY,SAAS,CAATA,CAAF,CAAaC,IAAI,CAAJA,CAAb,CAAmBC,IAAI,CAAJA,CAAnB,CAAD,CAA4B,CAACE,CAAD,CAA5B,CAH5B,GAKGX,CAAK,CAACoB,GAAN,CAAU,SAACL,CAAD,CAAU,qBACiBX,CAAiB,CAACW,CAAD,CADlC,gBAC4C,EAD5C,CACXJ,CADW,GACXA,SADW,CACGU,CADH,wCAEnB,MACE,qBAAC,QAAD,gBACE,GAAG,WAAEpB,CAAU,CAACc,CAAD,CAAZ,gBAAsBb,CAAY,CAACa,CAAD,CADvC,CAEE,KAAK,CAAEb,CAAY,CAACa,CAAD,CAFrB,CAGE,IAAI,CAAEP,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,IAAI,CAAEH,CALR,CAME,GAAG,CAAEM,CAAU,CAACG,CAAD,CANjB,CAOE,QAAQ,CAAE,uBAAYZ,CAAZ,WAAYA,CAAZ,QAAYA,CAAe,CAAGY,CAAH,CAA3B,CAPZ,CAQE,OAAO,CAAEI,CAAU,CAACJ,CAAD,CARrB,CASE,QAAQ,CAAE,eAAGO,EAAH,GAAGA,CAAH,OAAWJ,EAAW,CAACH,CAAD,CAAX,CAAkBO,CAAlB,CAAX,CATZ,CAUE,SAAS,CAAE3B,eAAe,CAAC,MAAD,CAAS,CAACgB,CAAD,CAAT,CAV5B,EAWMU,CAXN,EAcH,CAjBA,CALH,CAyBH,CAvDD,CAyDA,MAAO,IAAME,cAAa,CAAGpC,UAAU,CACrCS,mBADqC,CAAhC,CAIP"}
+{"version":3,"file":"CheckboxGroup.js","names":["React","forwardRef","useChoiceGroup","cn","Checkbox","withDefaultGetters","checkboxGroupDefaultAlign","checkboxGroupDefaultDirection","checkboxGroupDefaultSize","checkboxGroupDefaultView","cnCheckboxGroup","CheckboxGroupRender","props","ref","value","items","getItemKey","getItemLabel","getItemDisabled","getItemAttributes","onChange","name","align","direction","size","view","disabled","className","getItemRef","otherProps","getKey","item","callBack","multiple","getOnChange","getChecked","map","atributes","e","CheckboxGroup"],"sources":["../../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import './CheckboxGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { withDefaultGetters } from './helper';\nimport {\n  CheckboxGroupComponent,\n  checkboxGroupDefaultAlign,\n  checkboxGroupDefaultDirection,\n  checkboxGroupDefaultSize,\n  checkboxGroupDefaultView,\n  CheckboxGroupProps,\n} from './types';\n\nexport const cnCheckboxGroup = cn('CheckboxGroup');\n\nconst CheckboxGroupRender = (\n  props: CheckboxGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    value = null,\n    items,\n    getItemKey,\n    getItemLabel,\n    getItemDisabled,\n    getItemAttributes,\n    onChange,\n    name,\n    align = checkboxGroupDefaultAlign,\n    direction = checkboxGroupDefaultDirection,\n    size = checkboxGroupDefaultSize,\n    view = checkboxGroupDefaultView,\n    disabled = false,\n    className,\n    getItemRef,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: (item) => getItemKey(item) ?? getItemLabel(item),\n    callBack: onChange,\n    multiple: true,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnCheckboxGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => {\n        const { className, ...atributes } = getItemAttributes(item) ?? {};\n        return (\n          <Checkbox\n            key={getItemKey(item) ?? getItemLabel(item)}\n            align={align}\n            label={getItemLabel(item)}\n            size={size}\n            view={view}\n            name={name}\n            ref={getItemRef(item)}\n            disabled={disabled || getItemDisabled?.(item)}\n            checked={getChecked(item)}\n            onChange={({ e }) => getOnChange(item)(e)}\n            className={cnCheckboxGroup('Item', [className])}\n            {...atributes}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const CheckboxGroup = forwardRef(\n  CheckboxGroupRender,\n) as CheckboxGroupComponent;\n\nexport * from './types';\n"],"mappings":"wSAAA,4BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,kBAAT,gBACA,OAEEC,yBAFF,CAGEC,6BAHF,CAIEC,wBAJF,CAKEC,wBALF,eASA,MAAO,IAAMC,gBAAe,CAAGP,EAAE,CAAC,eAAD,CAA1B,CAEP,GAAMQ,oBAAmB,CAAG,SAC1BC,CAD0B,CAE1BC,CAF0B,CAGvB,OAkBCR,kBAAkB,CAACO,CAAD,CAlBnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,IAFP,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,UAJC,CAKDC,CALC,GAKDA,YALC,CAMDC,CANC,GAMDA,eANC,CAODC,CAPC,GAODA,iBAPC,CAQDC,CARC,GAQDA,QARC,CASDC,CATC,GASDA,IATC,KAUDC,KAVC,CAUDA,CAVC,YAUOhB,yBAVP,OAWDiB,SAXC,CAWDA,CAXC,YAWWhB,6BAXX,OAYDiB,IAZC,CAYDA,CAZC,YAYMhB,wBAZN,OAaDiB,IAbC,CAaDA,CAbC,YAaMhB,wBAbN,OAcDiB,QAdC,CAeDC,CAfC,GAeDA,SAfC,CAgBDC,CAhBC,GAgBDA,UAhBC,CAiBEC,CAjBF,yCAoBiC3B,cAAc,CAAC,CACjDY,KAAK,CAALA,CADiD,CAEjDgB,MAAM,CAAE,gBAACC,CAAD,yBAAUf,CAAU,CAACe,CAAD,CAApB,gBAA8Bd,CAAY,CAACc,CAAD,CAA1C,CAFyC,CAGjDC,QAAQ,CAAEZ,CAHuC,CAIjDa,QAAQ,GAJyC,CAAD,CApB/C,CAoBKC,CApBL,GAoBKA,WApBL,CAoBkBC,CApBlB,GAoBkBA,UApBlB,CA2BH,MACE,4CACMN,CADN,EAEE,GAAG,CAAEhB,CAFP,CAGE,SAAS,CAAEH,eAAe,CAAC,CAAEa,SAAS,CAATA,CAAF,CAAaC,IAAI,CAAJA,CAAb,CAAmBC,IAAI,CAAJA,CAAnB,CAAD,CAA4B,CAACE,CAAD,CAA5B,CAH5B,GAKGZ,CAAK,CAACqB,GAAN,CAAU,SAACL,CAAD,CAAU,qBACiBZ,CAAiB,CAACY,CAAD,CADlC,gBAC4C,EAD5C,CACXJ,CADW,GACXA,SADW,CACGU,CADH,wCAEnB,MACE,qBAAC,QAAD,gBACE,GAAG,WAAErB,CAAU,CAACe,CAAD,CAAZ,gBAAsBd,CAAY,CAACc,CAAD,CADvC,CAEE,KAAK,CAAET,CAFT,CAGE,KAAK,CAAEL,CAAY,CAACc,CAAD,CAHrB,CAIE,IAAI,CAAEP,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,IAAI,CAAEJ,CANR,CAOE,GAAG,CAAEO,CAAU,CAACG,CAAD,CAPjB,CAQE,QAAQ,CAAE,uBAAYb,CAAZ,WAAYA,CAAZ,QAAYA,CAAe,CAAGa,CAAH,CAA3B,CARZ,CASE,OAAO,CAAEI,CAAU,CAACJ,CAAD,CATrB,CAUE,QAAQ,CAAE,eAAGO,EAAH,GAAGA,CAAH,OAAWJ,EAAW,CAACH,CAAD,CAAX,CAAkBO,CAAlB,CAAX,CAVZ,CAWE,SAAS,CAAE5B,eAAe,CAAC,MAAD,CAAS,CAACiB,CAAD,CAAT,CAX5B,EAYMU,CAZN,EAeH,CAlBA,CALH,CA0BH,CAzDD,CA2DA,MAAO,IAAME,cAAa,CAAGtC,UAAU,CACrCU,mBADqC,CAAhC,CAIP"}

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

@@ -14,6 +14,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     }) => void;
     name?: string | undefined;
     direction?: "row" | "column" | undefined;
+    align?: "center" | "top" | undefined;
     size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "primary" | "ghost" | undefined;
     disabled?: boolean | undefined;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 declare type CheckboxGroupPropAttributes = Omit<JSX.IntrinsicElements['label'], 'ref' | 'onChange' | 'onFocus' | 'children' | 'onBlur'>;
 export declare type CheckboxGroupDefaultItem = {
     key?: string | number;
@@ -8,15 +8,18 @@ export declare type CheckboxGroupDefaultItem = {
     attributes?: CheckboxGroupPropAttributes;
     ref?: React.RefObject<HTMLLabelElement>;
 };
-export declare const checkboxGroupDirections: readonly ["column", "row"];
-export declare type CheckboxGroupDirection = typeof checkboxGroupDirections[number];
-export declare const checkboxGroupDefaultDirection: CheckboxGroupDirection;
-export declare const checkboxGroupSizes: readonly ["m", "xs", "s", "l"];
-export declare type CheckboxGroupPropSize = typeof checkboxGroupSizes[number];
+export declare const checkboxGroupPropDirections: readonly ["column", "row"];
+export declare type CheckboxGroupPropDirection = typeof checkboxGroupPropDirections[number];
+export declare const checkboxGroupDefaultDirection: CheckboxGroupPropDirection;
+export declare const checkboxGroupPropSizes: readonly ["m", "xs", "s", "l"];
+export declare type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];
 export declare const checkboxGroupDefaultSize: CheckboxGroupPropSize;
-export declare const checkboxGroupViews: readonly ["primary", "ghost"];
-export declare type CheckboxGroupPropView = typeof checkboxGroupViews[number];
+export declare const checkboxGroupPropViews: readonly ["primary", "ghost"];
+export declare type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];
 export declare const checkboxGroupDefaultView: CheckboxGroupPropView;
+export declare const checkboxGroupPropAlign: readonly ["center", "top"];
+export declare type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];
+export declare const checkboxGroupDefaultAlign: CheckboxGroupPropAlign;
 export declare type CheckboxGroupPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
 export declare type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
 export declare type CheckboxGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
@@ -35,7 +38,8 @@ export declare type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> = PropsW
         value: ITEM[] | null;
     }) => void;
     name?: string;
-    direction?: CheckboxGroupDirection;
+    direction?: CheckboxGroupPropDirection;
+    align?: CheckboxGroupPropAlign;
     size?: CheckboxGroupPropSize;
     view?: CheckboxGroupPropView;
     disabled?: boolean;

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

@@ -1,2 +1,2 @@
-export var checkboxGroupDirections=["column","row"];export var checkboxGroupDefaultDirection=checkboxGroupDirections[0];export var checkboxGroupSizes=["m","xs","s","l"];export var checkboxGroupDefaultSize=checkboxGroupSizes[0];export var checkboxGroupViews=["primary","ghost"];export var checkboxGroupDefaultView=checkboxGroupViews[0];
+export var checkboxGroupPropDirections=["column","row"];export var checkboxGroupDefaultDirection=checkboxGroupPropDirections[0];export var checkboxGroupPropSizes=["m","xs","s","l"];export var checkboxGroupDefaultSize=checkboxGroupPropSizes[0];export var checkboxGroupPropViews=["primary","ghost"];export var checkboxGroupDefaultView=checkboxGroupPropViews[0];export var checkboxGroupPropAlign=["center","top"];export var checkboxGroupDefaultAlign=checkboxGroupPropAlign[0];
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["checkboxGroupDirections","checkboxGroupDefaultDirection","checkboxGroupSizes","checkboxGroupDefaultSize","checkboxGroupViews","checkboxGroupDefaultView"],"sources":["../../../../../src/components/CheckboxGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\ntype CheckboxGroupPropAttributes = Omit<\n  JSX.IntrinsicElements['label'],\n  'ref' | 'onChange' | 'onFocus' | 'children' | 'onBlur'\n>;\n\nexport type CheckboxGroupDefaultItem = {\n  key?: string | number;\n  label: string;\n  disabled?: boolean;\n  attributes?: CheckboxGroupPropAttributes;\n  ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const checkboxGroupDirections = ['column', 'row'] as const;\nexport type CheckboxGroupDirection = typeof checkboxGroupDirections[number];\nexport const checkboxGroupDefaultDirection: CheckboxGroupDirection =\n  checkboxGroupDirections[0];\n\nexport const checkboxGroupSizes = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxGroupPropSize = typeof checkboxGroupSizes[number];\nexport const checkboxGroupDefaultSize: CheckboxGroupPropSize =\n  checkboxGroupSizes[0];\n\nexport const checkboxGroupViews = ['primary', 'ghost'] as const;\nexport type CheckboxGroupPropView = typeof checkboxGroupViews[number];\nexport const checkboxGroupDefaultView: CheckboxGroupPropView =\n  checkboxGroupViews[0];\n\nexport type CheckboxGroupPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type CheckboxGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type CheckboxGroupPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => CheckboxGroupPropAttributes | undefined;\nexport type CheckboxGroupPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLLabelElement> | undefined;\n\nexport type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;\n      getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;\n      getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;\n      getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;\n      onChange: (props: {\n        e: React.ChangeEvent<HTMLInputElement>;\n        value: ITEM[] | null;\n      }) => void;\n      name?: string;\n      direction?: CheckboxGroupDirection;\n      size?: CheckboxGroupPropSize;\n      view?: CheckboxGroupPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: CheckboxGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(\n  props: CheckboxGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAiBA,MAAO,IAAMA,wBAAuB,CAAG,CAAC,QAAD,CAAW,KAAX,CAAhC,CAEP,MAAO,IAAMC,8BAAqD,CAChED,uBAAuB,CAAC,CAAD,CADlB,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA3B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,kBAAkB,CAAC,CAAD,CADb"}
+{"version":3,"file":"types.js","names":["checkboxGroupPropDirections","checkboxGroupDefaultDirection","checkboxGroupPropSizes","checkboxGroupDefaultSize","checkboxGroupPropViews","checkboxGroupDefaultView","checkboxGroupPropAlign","checkboxGroupDefaultAlign"],"sources":["../../../../../src/components/CheckboxGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype CheckboxGroupPropAttributes = Omit<\n  JSX.IntrinsicElements['label'],\n  'ref' | 'onChange' | 'onFocus' | 'children' | 'onBlur'\n>;\n\nexport type CheckboxGroupDefaultItem = {\n  key?: string | number;\n  label: string;\n  disabled?: boolean;\n  attributes?: CheckboxGroupPropAttributes;\n  ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const checkboxGroupPropDirections = ['column', 'row'] as const;\nexport type CheckboxGroupPropDirection =\n  typeof checkboxGroupPropDirections[number];\nexport const checkboxGroupDefaultDirection: CheckboxGroupPropDirection =\n  checkboxGroupPropDirections[0];\n\nexport const checkboxGroupPropSizes = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];\nexport const checkboxGroupDefaultSize: CheckboxGroupPropSize =\n  checkboxGroupPropSizes[0];\n\nexport const checkboxGroupPropViews = ['primary', 'ghost'] as const;\nexport type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];\nexport const checkboxGroupDefaultView: CheckboxGroupPropView =\n  checkboxGroupPropViews[0];\n\nexport const checkboxGroupPropAlign = ['center', 'top'] as const;\nexport type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];\nexport const checkboxGroupDefaultAlign: CheckboxGroupPropAlign =\n  checkboxGroupPropAlign[0];\n\nexport type CheckboxGroupPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type CheckboxGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type CheckboxGroupPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => CheckboxGroupPropAttributes | undefined;\nexport type CheckboxGroupPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLLabelElement> | undefined;\n\nexport type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;\n      getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;\n      getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;\n      getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;\n      onChange: (props: {\n        e: React.ChangeEvent<HTMLInputElement>;\n        value: ITEM[] | null;\n      }) => void;\n      name?: string;\n      direction?: CheckboxGroupPropDirection;\n      align?: CheckboxGroupPropAlign;\n      size?: CheckboxGroupPropSize;\n      view?: CheckboxGroupPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: CheckboxGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(\n  props: CheckboxGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAiBA,MAAO,IAAMA,4BAA2B,CAAG,CAAC,QAAD,CAAW,KAAX,CAApC,CAGP,MAAO,IAAMC,8BAAyD,CACpED,2BAA2B,CAAC,CAAD,CADtB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA/B,CAEP,MAAO,IAAMC,0BAAiD,CAC5DD,sBAAsB,CAAC,CAAD,CADjB"}

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

@@ -18,8 +18,8 @@ export declare const choiceGroupViews: readonly ["primary", "ghost", "secondary"
 export declare type ChoiceGroupPropView = typeof choiceGroupViews[number];
 export declare const choiceGroupDefaultView: ChoiceGroupPropView;
 export declare const choiceGroupWidth: readonly ["default", "full"];
-export declare type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];
-export declare const choiceGroupWidthDefault: СhoiceGroupPropWidth;
+export declare type ChoiceGroupPropWidth = typeof choiceGroupWidth[number];
+export declare const choiceGroupWidthDefault: ChoiceGroupPropWidth;
 export declare type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
 export declare type ChoiceGroupPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
 export declare type ChoiceGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
@@ -34,7 +34,7 @@ export declare type ChoiceGroupProps<ITEM = ChoiceGroupDefaultItem, MULTIPLE ext
     size?: ChoiceGroupPropSize;
     form?: ChoiceGroupPropForm;
     view?: ChoiceGroupPropView;
-    width?: СhoiceGroupPropWidth;
+    width?: ChoiceGroupPropWidth;
     onlyIcon?: boolean;
     iconSize?: IconPropSize;
     items: ITEM[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault"],"sources":["../../../../../src/components/ChoiceGroup/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type ChoiceGroupDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  disabled?: boolean;\n  attributes?: Omit<\n    JSX.IntrinsicElements['label'],\n    'ref' | 'onChange' | 'children'\n  >;\n  ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: СhoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ChoiceGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ChoiceGroupPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) =>\n  | Omit<JSX.IntrinsicElements['label'], 'ref' | 'onChange' | 'children'>\n  | undefined;\nexport type ChoiceGroupPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLLabelElement> | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\nexport type ChoiceGroupProps<\n  ITEM = ChoiceGroupDefaultItem,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: СhoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getItemLabel?: ChoiceGroupPropGetItemLabel<ITEM>;\n    getItemIcon?: ChoiceGroupPropGetItemIcon<ITEM>;\n    getItemAttributes?: ChoiceGroupPropGetItemAttributes<ITEM>;\n    getItemRef?: ChoiceGroupPropGetItemRef<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getItemDisabled?: ChoiceGroupPropGetItemDisabled<ITEM>;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: ChoiceGroupDefaultItem['label'] }\n    ? {}\n    : {\n        getItemLabel: ChoiceGroupPropGetItemLabel<ITEM>;\n      });\n\nexport type ChoiceGroupItemProps = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: ChoiceGroupProps<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n"],"mappings":"AAgBA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,GAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,WAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAA6C,CACxDD,gBAAgB,CAAC,CAAD,CADX"}
+{"version":3,"file":"types.js","names":["choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault"],"sources":["../../../../../src/components/ChoiceGroup/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type ChoiceGroupDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  disabled?: boolean;\n  attributes?: Omit<\n    JSX.IntrinsicElements['label'],\n    'ref' | 'onChange' | 'children'\n  >;\n  ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type ChoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: ChoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ChoiceGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ChoiceGroupPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) =>\n  | Omit<JSX.IntrinsicElements['label'], 'ref' | 'onChange' | 'children'>\n  | undefined;\nexport type ChoiceGroupPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLLabelElement> | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\nexport type ChoiceGroupProps<\n  ITEM = ChoiceGroupDefaultItem,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: ChoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getItemLabel?: ChoiceGroupPropGetItemLabel<ITEM>;\n    getItemIcon?: ChoiceGroupPropGetItemIcon<ITEM>;\n    getItemAttributes?: ChoiceGroupPropGetItemAttributes<ITEM>;\n    getItemRef?: ChoiceGroupPropGetItemRef<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getItemDisabled?: ChoiceGroupPropGetItemDisabled<ITEM>;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: ChoiceGroupDefaultItem['label'] }\n    ? {}\n    : {\n        getItemLabel: ChoiceGroupPropGetItemLabel<ITEM>;\n      });\n\nexport type ChoiceGroupItemProps = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: ChoiceGroupProps<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n"],"mappings":"AAgBA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,GAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,WAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAA6C,CACxDD,gBAAgB,CAAC,CAAD,CADX"}

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

@@ -12,8 +12,8 @@ export declare const choiceGroupViews: readonly ["primary", "ghost", "secondary"
 export declare type ChoiceGroupPropView = typeof choiceGroupViews[number];
 export declare const choiceGroupDefaultView: ChoiceGroupPropView;
 export declare const choiceGroupWidth: readonly ["default", "full"];
-export declare type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];
-export declare const choiceGroupWidthDefault: СhoiceGroupPropWidth;
+export declare type ChoiceGroupPropWidth = typeof choiceGroupWidth[number];
+export declare const choiceGroupWidthDefault: ChoiceGroupPropWidth;
 export declare type ChoiceGroupPropGetLabel<ITEM> = (item: ITEM) => string | number;
 export declare type ChoiceGroupPropGetIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
 export declare type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null;
@@ -25,7 +25,7 @@ declare type Props<ITEM, MULTIPLE extends boolean = false> = PropsWithHTMLAttrib
     size?: ChoiceGroupPropSize;
     form?: ChoiceGroupPropForm;
     view?: ChoiceGroupPropView;
-    width?: СhoiceGroupPropWidth;
+    width?: ChoiceGroupPropWidth;
     onlyIcon?: boolean;
     iconSize?: IconPropSize;
     items: ITEM[];

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroupDeprecated.js","names":["React","useChoiceGroup","cn","getByMap","ChoiceGroupItem","choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroup","forwardRef","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getLabel","onChange","getIcon","name","className","disabled","getDisabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","idx","itemChecked","itemDisabled","checked","toString"],"sources":["../../../../../src/components/ChoiceGroupDeprecated/ChoiceGroupDeprecated.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: СhoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\ntype Props<\n  ITEM,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: СhoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getLabel: ChoiceGroupPropGetLabel<ITEM>;\n    getIcon?: ChoiceGroupPropGetIcon<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getDisabled?: (item: ITEM) => boolean | undefined;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n>;\n\ntype ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: Props<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nexport const ChoiceGroup: ChoiceGroupComponent = React.forwardRef(\n  (props, ref) => {\n    const {\n      size = choiceGroupDefaultSize,\n      form = choiceGroupDefaultForm,\n      view = choiceGroupDefaultView,\n      width = choiceGroupWidthDefault,\n      onlyIcon,\n      iconSize: iconSizeProp,\n      value = null,\n      multiple = false,\n      items,\n      getLabel,\n      onChange,\n      getIcon,\n      name,\n      className,\n      disabled = false,\n      getDisabled,\n      truncate,\n      ...otherProps\n    } = props;\n\n    type Item = typeof items[number];\n\n    const { getOnChange, getChecked } = useChoiceGroup<\n      Item,\n      React.ChangeEvent<HTMLInputElement>\n    >({\n      value: value as Item,\n      getKey: getLabel,\n      callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n      multiple: multiple as false,\n      // привел к типам из-за того что\n      // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n    });\n\n    const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnChoiceGroup(\n          { size, form, view, width, onlyIcon, disabled, truncate },\n          [className],\n        )}\n      >\n        {items.map((item, idx) => {\n          const itemChecked = getChecked(item);\n          const itemDisabled = !!getDisabled && getDisabled(item);\n          return (\n            <React.Fragment key={getLabel(item)}>\n              {idx > 0 && (\n                <div\n                  className={cnChoiceGroup('Divider', {\n                    checked: itemChecked,\n                    disabled: itemDisabled,\n                  })}\n                />\n              )}\n              <ChoiceGroupItem\n                onChange={getOnChange(item)}\n                checked={itemChecked}\n                label={getLabel(item).toString()}\n                icon={getIcon && getIcon(item)}\n                iconSize={iconSize}\n                multiple={multiple}\n                onlyIcon={onlyIcon}\n                name={name}\n                disabled={disabled || itemDisabled}\n              />\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"ChoiceGroupDeprecated.js","names":["React","useChoiceGroup","cn","getByMap","ChoiceGroupItem","choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroup","forwardRef","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getLabel","onChange","getIcon","name","className","disabled","getDisabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","idx","itemChecked","itemDisabled","checked","toString"],"sources":["../../../../../src/components/ChoiceGroupDeprecated/ChoiceGroupDeprecated.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type ChoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: ChoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\ntype Props<\n  ITEM,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: ChoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getLabel: ChoiceGroupPropGetLabel<ITEM>;\n    getIcon?: ChoiceGroupPropGetIcon<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getDisabled?: (item: ITEM) => boolean | undefined;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n>;\n\ntype ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: Props<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nexport const ChoiceGroup: ChoiceGroupComponent = React.forwardRef(\n  (props, ref) => {\n    const {\n      size = choiceGroupDefaultSize,\n      form = choiceGroupDefaultForm,\n      view = choiceGroupDefaultView,\n      width = choiceGroupWidthDefault,\n      onlyIcon,\n      iconSize: iconSizeProp,\n      value = null,\n      multiple = false,\n      items,\n      getLabel,\n      onChange,\n      getIcon,\n      name,\n      className,\n      disabled = false,\n      getDisabled,\n      truncate,\n      ...otherProps\n    } = props;\n\n    type Item = typeof items[number];\n\n    const { getOnChange, getChecked } = useChoiceGroup<\n      Item,\n      React.ChangeEvent<HTMLInputElement>\n    >({\n      value: value as Item,\n      getKey: getLabel,\n      callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n      multiple: multiple as false,\n      // привел к типам из-за того что\n      // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n    });\n\n    const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnChoiceGroup(\n          { size, form, view, width, onlyIcon, disabled, truncate },\n          [className],\n        )}\n      >\n        {items.map((item, idx) => {\n          const itemChecked = getChecked(item);\n          const itemDisabled = !!getDisabled && getDisabled(item);\n          return (\n            <React.Fragment key={getLabel(item)}>\n              {idx > 0 && (\n                <div\n                  className={cnChoiceGroup('Divider', {\n                    checked: itemChecked,\n                    disabled: itemDisabled,\n                  })}\n                />\n              )}\n              <ChoiceGroupItem\n                onChange={getOnChange(item)}\n                checked={itemChecked}\n                label={getLabel(item).toString()}\n                icon={getIcon && getIcon(item)}\n                iconSize={iconSize}\n                multiple={multiple}\n                onlyIcon={onlyIcon}\n                name={name}\n                disabled={disabled || itemDisabled}\n              />\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/helpers/getHandleSelectDate.d.ts

@@ -1,9 +1,9 @@
-import { DateTimePropOnChange, DateTimePropOnChangeRange, DateTimePropValue, HandleSelectDate, СapableRangeType } from './types';
+import { CapableRangeType, DateTimePropOnChange, DateTimePropOnChangeRange, DateTimePropValue, HandleSelectDate } from './types';
 declare type GetHandleSelectDateProps = {
     isEqualUnit: (date1: Date, date2: Date) => boolean;
-    value?: DateTimePropValue<СapableRangeType>;
+    value?: DateTimePropValue<CapableRangeType>;
     onChange?: DateTimePropOnChange;
-    onChangeRange?: DateTimePropOnChangeRange<СapableRangeType>;
+    onChangeRange?: DateTimePropOnChangeRange<CapableRangeType>;
     minDate?: Date;
     maxDate?: Date;
 };

package/__internal__/src/components/DateTime/helpers/getHandleSelectDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHandleSelectDate.js","names":["isDefined","getHandleSelectDate","props","callbackProps","onChange","onChangeRange","currentValue","Array","isArray","value","startDate","endDate","isEqualUnit","e"],"sources":["../../../../../../src/components/DateTime/helpers/getHandleSelectDate.ts"],"sourcesContent":["import { isDefined } from '../../../utils/type-guards';\nimport { DateRange } from '../../../utils/types/Date';\nimport {\n  DateTimePropOnChange,\n  DateTimePropOnChangeRange,\n  DateTimePropValue,\n  HandleSelectDate,\n  СapableRangeType,\n} from './types';\n\ntype GetHandleSelectDateProps = {\n  isEqualUnit: (date1: Date, date2: Date) => boolean;\n  value?: DateTimePropValue<СapableRangeType>;\n  onChange?: DateTimePropOnChange;\n  onChangeRange?: DateTimePropOnChangeRange<СapableRangeType>;\n  minDate?: Date;\n  maxDate?: Date;\n};\n\nexport function getHandleSelectDate(\n  props: GetHandleSelectDateProps,\n): HandleSelectDate {\n  return (callbackProps) => {\n    if (typeof props.onChange === 'function') {\n      props.onChange(callbackProps);\n    }\n\n    if (typeof props.onChangeRange === 'function') {\n      const currentValue: DateRange = (Array.isArray(props.value)\n        ? props.value\n        : [props.value, undefined]) || [undefined, undefined];\n\n      const [startDate, endDate] = currentValue;\n\n      if (\n        isDefined(startDate) &&\n        props.isEqualUnit(startDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [endDate, undefined],\n        });\n      }\n\n      if (\n        isDefined(endDate) &&\n        props.isEqualUnit(endDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [startDate, undefined],\n        });\n      }\n\n      if (isDefined(startDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            startDate > callbackProps.value\n              ? [callbackProps.value, startDate]\n              : [startDate, callbackProps.value],\n        });\n      }\n\n      if (isDefined(endDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            endDate > callbackProps.value\n              ? [callbackProps.value, endDate]\n              : [endDate, callbackProps.value],\n        });\n      }\n\n      props.onChangeRange({\n        e: callbackProps.e,\n        value: [callbackProps.value, undefined],\n      });\n    }\n  };\n}\n"],"mappings":"iEAAA,OAASA,SAAT,kCAmBA,MAAO,SAASC,oBAAT,CACLC,CADK,CAEa,CAClB,MAAO,UAACC,CAAD,CAAmB,CAKxB,GAJ8B,UAA1B,QAAOD,EAAK,CAACE,QAIjB,EAHEF,CAAK,CAACE,QAAN,CAAeD,CAAf,CAGF,CAAmC,UAA/B,QAAOD,EAAK,CAACG,aAAjB,CAA+C,IACvCC,EAAuB,CAAG,CAACC,KAAK,CAACC,OAAN,CAAcN,CAAK,CAACO,KAApB,EAC7BP,CAAK,CAACO,KADuB,CAE7B,CAACP,CAAK,CAACO,KAAP,QAF4B,GAEC,eAHY,kBAKhBH,CALgB,IAKtCI,CALsC,MAK3BC,CAL2B,MAO7C,GACEX,SAAS,CAACU,CAAD,CAAT,EACAR,CAAK,CAACU,WAAN,CAAkBF,CAAlB,CAA6BP,CAAa,CAACM,KAA3C,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACE,CAAD,QAFkB,CAApB,CAAP,CAMF,GACEX,SAAS,CAACW,CAAD,CAAT,EACAT,CAAK,CAACU,WAAN,CAAkBD,CAAlB,CAA2BR,CAAa,CAACM,KAAzC,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACC,CAAD,QAFkB,CAApB,CAAP,CAMF,GAAIV,SAAS,CAACU,CAAD,CAAb,CACE,MAAOR,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHC,CAAS,CAAGP,CAAa,CAACM,KAA1B,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBC,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAYP,CAAa,CAACM,KAA1B,CALmB,CAApB,CAAP,CASF,GAAIT,SAAS,CAACW,CAAD,CAAb,CACE,MAAOT,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHE,CAAO,CAAGR,CAAa,CAACM,KAAxB,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBE,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAUR,CAAa,CAACM,KAAxB,CALmB,CAApB,CAAP,CASFP,CAAK,CAACG,aAAN,CAAoB,CAClBQ,CAAC,CAAEV,CAAa,CAACU,CADC,CAElBJ,KAAK,CAAE,CAACN,CAAa,CAACM,KAAf,QAFW,CAApB,CAID,CACF,CACF"}
+{"version":3,"file":"getHandleSelectDate.js","names":["isDefined","getHandleSelectDate","props","callbackProps","onChange","onChangeRange","currentValue","Array","isArray","value","startDate","endDate","isEqualUnit","e"],"sources":["../../../../../../src/components/DateTime/helpers/getHandleSelectDate.ts"],"sourcesContent":["import { isDefined } from '../../../utils/type-guards';\nimport { DateRange } from '../../../utils/types/Date';\nimport {\n  CapableRangeType,\n  DateTimePropOnChange,\n  DateTimePropOnChangeRange,\n  DateTimePropValue,\n  HandleSelectDate,\n} from './types';\n\ntype GetHandleSelectDateProps = {\n  isEqualUnit: (date1: Date, date2: Date) => boolean;\n  value?: DateTimePropValue<CapableRangeType>;\n  onChange?: DateTimePropOnChange;\n  onChangeRange?: DateTimePropOnChangeRange<CapableRangeType>;\n  minDate?: Date;\n  maxDate?: Date;\n};\n\nexport function getHandleSelectDate(\n  props: GetHandleSelectDateProps,\n): HandleSelectDate {\n  return (callbackProps) => {\n    if (typeof props.onChange === 'function') {\n      props.onChange(callbackProps);\n    }\n\n    if (typeof props.onChangeRange === 'function') {\n      const currentValue: DateRange = (Array.isArray(props.value)\n        ? props.value\n        : [props.value, undefined]) || [undefined, undefined];\n\n      const [startDate, endDate] = currentValue;\n\n      if (\n        isDefined(startDate) &&\n        props.isEqualUnit(startDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [endDate, undefined],\n        });\n      }\n\n      if (\n        isDefined(endDate) &&\n        props.isEqualUnit(endDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [startDate, undefined],\n        });\n      }\n\n      if (isDefined(startDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            startDate > callbackProps.value\n              ? [callbackProps.value, startDate]\n              : [startDate, callbackProps.value],\n        });\n      }\n\n      if (isDefined(endDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            endDate > callbackProps.value\n              ? [callbackProps.value, endDate]\n              : [endDate, callbackProps.value],\n        });\n      }\n\n      props.onChangeRange({\n        e: callbackProps.e,\n        value: [callbackProps.value, undefined],\n      });\n    }\n  };\n}\n"],"mappings":"iEAAA,OAASA,SAAT,kCAmBA,MAAO,SAASC,oBAAT,CACLC,CADK,CAEa,CAClB,MAAO,UAACC,CAAD,CAAmB,CAKxB,GAJ8B,UAA1B,QAAOD,EAAK,CAACE,QAIjB,EAHEF,CAAK,CAACE,QAAN,CAAeD,CAAf,CAGF,CAAmC,UAA/B,QAAOD,EAAK,CAACG,aAAjB,CAA+C,IACvCC,EAAuB,CAAG,CAACC,KAAK,CAACC,OAAN,CAAcN,CAAK,CAACO,KAApB,EAC7BP,CAAK,CAACO,KADuB,CAE7B,CAACP,CAAK,CAACO,KAAP,QAF4B,GAEC,eAHY,kBAKhBH,CALgB,IAKtCI,CALsC,MAK3BC,CAL2B,MAO7C,GACEX,SAAS,CAACU,CAAD,CAAT,EACAR,CAAK,CAACU,WAAN,CAAkBF,CAAlB,CAA6BP,CAAa,CAACM,KAA3C,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACE,CAAD,QAFkB,CAApB,CAAP,CAMF,GACEX,SAAS,CAACW,CAAD,CAAT,EACAT,CAAK,CAACU,WAAN,CAAkBD,CAAlB,CAA2BR,CAAa,CAACM,KAAzC,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACC,CAAD,QAFkB,CAApB,CAAP,CAMF,GAAIV,SAAS,CAACU,CAAD,CAAb,CACE,MAAOR,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHC,CAAS,CAAGP,CAAa,CAACM,KAA1B,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBC,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAYP,CAAa,CAACM,KAA1B,CALmB,CAApB,CAAP,CASF,GAAIT,SAAS,CAACW,CAAD,CAAb,CACE,MAAOT,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHE,CAAO,CAAGR,CAAa,CAACM,KAAxB,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBE,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAUR,CAAa,CAACM,KAAxB,CALmB,CAApB,CAAP,CASFP,CAAK,CAACG,aAAN,CAAoB,CAClBQ,CAAC,CAAEV,CAAa,CAACU,CADC,CAElBJ,KAAK,CAAE,CAACN,CAAa,CAACM,KAAf,QAFW,CAApB,CAID,CACF,CACF"}

package/__internal__/src/components/DateTime/helpers/types.d.ts

@@ -8,13 +8,13 @@ export declare const dateTimePropType: readonly ["date", "month", "year", "time"
 export declare type DateTimePropType = typeof dateTimePropType[number];
 export declare const dateTimePropTypeDefault: "date";
 export declare type DateTimePropDisableDates = Array<Date | [Date, Date]>;
-export declare type СapableRangeType = 'date' | 'month' | 'year' | 'date-time';
-export declare type DateTimePropValue<TYPE> = TYPE extends СapableRangeType ? Date | DateRange : Date;
+export declare type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';
+export declare type DateTimePropValue<TYPE> = TYPE extends CapableRangeType ? Date | DateRange : Date;
 export declare type DateTimePropOnChange = (props: {
     value: Date;
     e: React.MouseEvent<HTMLButtonElement>;
 }) => void;
-export declare type DateTimePropOnChangeRange<TYPE> = TYPE extends СapableRangeType ? (props: {
+export declare type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType ? (props: {
     value: DateRange;
     e: React.MouseEvent<HTMLButtonElement>;
 }) => void : never;
@@ -38,7 +38,7 @@ export declare type DateTimeProps<TYPE extends DateTimePropType = 'date'> = Prop
     minDate?: Date;
     maxDate?: Date;
     events?: Date[];
-    view?: TYPE extends СapableRangeType ? DateTimePropView : 'classic';
+    view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';
     locale?: DateTimePropLocale;
     children?: never;
     disableDates?: DateTimePropDisableDates;

package/__internal__/src/components/DateTime/helpers/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["dateTimePropView","dateTimePropViewDefault","dateTimePropType","dateTimePropTypeDefault","moveTypes"],"sources":["../../../../../../src/components/DateTime/helpers/types.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';\n\nexport const dateTimePropView = ['classic', 'book', 'slider'] as const;\nexport type DateTimePropView = typeof dateTimePropView[number];\nexport const dateTimePropViewDefault = dateTimePropView[0];\n\nexport const dateTimePropType = [\n  'date',\n  'month',\n  'year',\n  'time',\n  'date-time',\n] as const;\nexport type DateTimePropType = typeof dateTimePropType[number];\nexport const dateTimePropTypeDefault = dateTimePropType[0];\n\nexport type DateTimePropDisableDates = Array<Date | [Date, Date]>;\n\nexport type СapableRangeType = 'date' | 'month' | 'year' | 'date-time';\n\nexport type DateTimePropValue<TYPE> = TYPE extends СapableRangeType\n  ? Date | DateRange\n  : Date;\n\nexport type DateTimePropOnChange = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n\nexport type DateTimePropOnChangeRange<TYPE> = TYPE extends СapableRangeType\n  ? (props: {\n      value: DateRange;\n      e: React.MouseEvent<HTMLButtonElement>;\n    }) => void\n  : never;\n\ntype LocaleWords = {\n  words?: {\n    hours?: string;\n    minutes?: string;\n    seconds?: string;\n  };\n};\n\nexport type DateTimePropLocale = Locale & LocaleWords;\n\nexport const moveTypes = ['year', 'month', 'day', 'time'] as const;\nexport type MoveType = typeof moveTypes[number];\n\ntype DateTimePropTimeFor<TYPE> = TYPE extends 'date-time'\n  ? 'start' | 'end'\n  : never;\n\nexport type DateTimeProps<TYPE extends DateTimePropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      currentVisibleDate?: Date;\n      type?: TYPE;\n      value?: DateTimePropValue<TYPE>;\n      onChange?: DateTimePropOnChange;\n      onChangeRange?: DateTimePropOnChangeRange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      events?: Date[];\n      view?: TYPE extends СapableRangeType ? DateTimePropView : 'classic';\n      locale?: DateTimePropLocale;\n      children?: never;\n      disableDates?: DateTimePropDisableDates;\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      onMove?: (type: MoveType) => void;\n      timeFor?: DateTimePropTimeFor<TYPE>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(\n  props: DateTimeProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DateTimeTypeComponent<TYPE extends DateTimePropType> = (\n  props: Omit<DateTimeProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type HandleSelectDate = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n"],"mappings":"AAGA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAoB,QAApB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,MAD8B,CAE9B,OAF8B,CAG9B,MAH8B,CAI9B,MAJ8B,CAK9B,WAL8B,CAAzB,CAQP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAgCP,MAAO,IAAME,UAAS,CAAG,CAAC,MAAD,CAAS,OAAT,CAAkB,KAAlB,CAAyB,MAAzB,CAAlB"}
+{"version":3,"file":"types.js","names":["dateTimePropView","dateTimePropViewDefault","dateTimePropType","dateTimePropTypeDefault","moveTypes"],"sources":["../../../../../../src/components/DateTime/helpers/types.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';\n\nexport const dateTimePropView = ['classic', 'book', 'slider'] as const;\nexport type DateTimePropView = typeof dateTimePropView[number];\nexport const dateTimePropViewDefault = dateTimePropView[0];\n\nexport const dateTimePropType = [\n  'date',\n  'month',\n  'year',\n  'time',\n  'date-time',\n] as const;\nexport type DateTimePropType = typeof dateTimePropType[number];\nexport const dateTimePropTypeDefault = dateTimePropType[0];\n\nexport type DateTimePropDisableDates = Array<Date | [Date, Date]>;\n\nexport type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';\n\nexport type DateTimePropValue<TYPE> = TYPE extends CapableRangeType\n  ? Date | DateRange\n  : Date;\n\nexport type DateTimePropOnChange = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n\nexport type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType\n  ? (props: {\n      value: DateRange;\n      e: React.MouseEvent<HTMLButtonElement>;\n    }) => void\n  : never;\n\ntype LocaleWords = {\n  words?: {\n    hours?: string;\n    minutes?: string;\n    seconds?: string;\n  };\n};\n\nexport type DateTimePropLocale = Locale & LocaleWords;\n\nexport const moveTypes = ['year', 'month', 'day', 'time'] as const;\nexport type MoveType = typeof moveTypes[number];\n\ntype DateTimePropTimeFor<TYPE> = TYPE extends 'date-time'\n  ? 'start' | 'end'\n  : never;\n\nexport type DateTimeProps<TYPE extends DateTimePropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      currentVisibleDate?: Date;\n      type?: TYPE;\n      value?: DateTimePropValue<TYPE>;\n      onChange?: DateTimePropOnChange;\n      onChangeRange?: DateTimePropOnChangeRange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      events?: Date[];\n      view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';\n      locale?: DateTimePropLocale;\n      children?: never;\n      disableDates?: DateTimePropDisableDates;\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      onMove?: (type: MoveType) => void;\n      timeFor?: DateTimePropTimeFor<TYPE>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(\n  props: DateTimeProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DateTimeTypeComponent<TYPE extends DateTimePropType> = (\n  props: Omit<DateTimeProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type HandleSelectDate = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n"],"mappings":"AAGA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAoB,QAApB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,MAD8B,CAE9B,OAF8B,CAG9B,MAH8B,CAI9B,MAJ8B,CAK9B,WAL8B,CAAzB,CAQP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAgCP,MAAO,IAAME,UAAS,CAAG,CAAC,MAAD,CAAS,OAAT,CAAkB,KAAlB,CAAyB,MAAzB,CAAlB"}

package/__internal__/src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./DragNDropFieldTooltip.css";import React from"react";import{Text}from"../../Text/Text";import{Tooltip}from"../../TooltipCanary";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";var cnDragNDropFieldTooltip=cn("DragNDropFieldTooltip");export var DragNDropFieldTooltip=function(a){var b=a.anchorRef,c=a.errors,d=React.useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1];return React.useEffect(function(){g(!1)},[c]),React.createElement(Tooltip,{isOpen:f||0===c.length,anchorRef:b,status:"alert",size:"l",isInteractive:!1,onClickOutside:function onClickOutside(){return g(!0)}},React.createElement(Text,{size:"s",className:cnDragNDropFieldTooltip("Text")},1===c.length?c[0]:React.createElement("ul",{className:cnDragNDropFieldTooltip("List",[cnMixSpace({pL:"xl"})])},c.map(function(a){return React.createElement("li",{key:a},a)}))))};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./DragNDropFieldTooltip.css";import React,{useEffect}from"react";import{Text}from"../../Text/Text";import{Tooltip}from"../../TooltipCanary";import{useFlag}from"../../../hooks/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";var cnDragNDropFieldTooltip=cn("DragNDropFieldTooltip");export var DragNDropFieldTooltip=function(a){var b=a.anchorRef,c=a.errors,d=useFlag(),e=_slicedToArray(d,2),f=e[0],g=e[1];return useEffect(function(){g[0<c.length?"on":"off"]()},[c]),React.createElement(Tooltip,{isOpen:f,anchorRef:b,status:"alert",size:"l",isInteractive:!1,onClickOutside:g.off},React.createElement(Text,{size:"s",className:cnDragNDropFieldTooltip("Text")},1===c.length?c[0]:React.createElement("ul",{className:cnDragNDropFieldTooltip("List",[cnMixSpace({pL:"xl"})])},c.map(function(a){return React.createElement("li",{key:a},a)}))))};
 //# sourceMappingURL=DragNDropFieldTooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragNDropFieldTooltip.js","names":["React","Text","Tooltip","cnMixSpace","cn","cnDragNDropFieldTooltip","DragNDropFieldTooltip","anchorRef","errors","useState","isHidden","setIsHidden","useEffect","length","pL","map","error"],"sources":["../../../../../../src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.tsx"],"sourcesContent":["import './DragNDropFieldTooltip.css';\n\nimport React from 'react';\n\nimport { Text } from '##/components/Text/Text';\nimport { Tooltip } from '##/components/TooltipCanary';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\ntype DragNDropFieldTooltipProps = {\n  anchorRef: React.RefObject<HTMLElement>;\n  errors: string[];\n};\n\nconst cnDragNDropFieldTooltip = cn('DragNDropFieldTooltip');\n\nexport const DragNDropFieldTooltip: React.FC<DragNDropFieldTooltipProps> = ({\n  anchorRef,\n  errors,\n}) => {\n  const [isHidden, setIsHidden] = React.useState(false);\n\n  React.useEffect(() => {\n    setIsHidden(false);\n  }, [errors]);\n\n  return (\n    <Tooltip\n      isOpen={isHidden || errors.length === 0}\n      anchorRef={anchorRef}\n      status=\"alert\"\n      size=\"l\"\n      isInteractive={false}\n      onClickOutside={() => setIsHidden(true)}\n    >\n      <Text size=\"s\" className={cnDragNDropFieldTooltip('Text')}>\n        {errors.length === 1 ? (\n          errors[0]\n        ) : (\n          <ul\n            className={cnDragNDropFieldTooltip('List', [\n              cnMixSpace({ pL: 'xl' }),\n            ])}\n          >\n            {errors.map((error) => (\n              <li key={error}>{error}</li>\n            ))}\n          </ul>\n        )}\n      </Text>\n    </Tooltip>\n  );\n};\n"],"mappings":"iEAAA,oCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,uBACA,OAASC,OAAT,2BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAOA,GAAMC,wBAAuB,CAAGD,EAAE,CAAC,uBAAD,CAAlC,CAEA,MAAO,IAAME,sBAA2D,CAAG,WAGrE,IAFJC,EAEI,GAFJA,SAEI,CADJC,CACI,GADJA,MACI,GAC4BR,KAAK,CAACS,QAAN,IAD5B,uBACGC,CADH,MACaC,CADb,MAOJ,MAJAX,MAAK,CAACY,SAAN,CAAgB,UAAM,CACpBD,CAAW,IACZ,CAFD,CAEG,CAACH,CAAD,CAFH,CAIA,CACE,oBAAC,OAAD,EACE,MAAM,CAAEE,CAAQ,EAAsB,CAAlB,GAAAF,CAAM,CAACK,MAD7B,CAEE,SAAS,CAAEN,CAFb,CAGE,MAAM,CAAC,OAHT,CAIE,IAAI,CAAC,GAJP,CAKE,aAAa,GALf,CAME,cAAc,CAAE,gCAAMI,EAAW,IAAjB,CANlB,EAQE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,SAAS,CAAEN,uBAAuB,CAAC,MAAD,CAAjD,EACqB,CAAlB,GAAAG,CAAM,CAACK,MAAP,CACCL,CAAM,CAAC,CAAD,CADP,CAGC,0BACE,SAAS,CAAEH,uBAAuB,CAAC,MAAD,CAAS,CACzCF,UAAU,CAAC,CAAEW,EAAE,CAAE,IAAN,CAAD,CAD+B,CAAT,CADpC,EAKGN,CAAM,CAACO,GAAP,CAAW,SAACC,CAAD,QACV,2BAAI,GAAG,CAAEA,CAAT,EAAiBA,CAAjB,CADU,CAAX,CALH,CAJJ,CARF,CAyBH,CApCM"}
+{"version":3,"file":"DragNDropFieldTooltip.js","names":["React","useEffect","Text","Tooltip","useFlag","cnMixSpace","cn","cnDragNDropFieldTooltip","DragNDropFieldTooltip","anchorRef","errors","isHidden","setIsOpen","length","off","pL","map","error"],"sources":["../../../../../../src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.tsx"],"sourcesContent":["import './DragNDropFieldTooltip.css';\n\nimport React, { useEffect } from 'react';\n\nimport { Text } from '##/components/Text/Text';\nimport { Tooltip } from '##/components/TooltipCanary';\nimport { useFlag } from '##/hooks/useFlag';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\ntype DragNDropFieldTooltipProps = {\n  anchorRef: React.RefObject<HTMLElement>;\n  errors: string[];\n};\n\nconst cnDragNDropFieldTooltip = cn('DragNDropFieldTooltip');\n\nexport const DragNDropFieldTooltip: React.FC<DragNDropFieldTooltipProps> = ({\n  anchorRef,\n  errors,\n}) => {\n  const [isHidden, setIsOpen] = useFlag();\n\n  useEffect(() => {\n    setIsOpen[errors.length > 0 ? 'on' : 'off']();\n  }, [errors]);\n\n  return (\n    <Tooltip\n      isOpen={isHidden}\n      anchorRef={anchorRef}\n      status=\"alert\"\n      size=\"l\"\n      isInteractive={false}\n      onClickOutside={setIsOpen.off}\n    >\n      <Text size=\"s\" className={cnDragNDropFieldTooltip('Text')}>\n        {errors.length === 1 ? (\n          errors[0]\n        ) : (\n          <ul\n            className={cnDragNDropFieldTooltip('List', [\n              cnMixSpace({ pL: 'xl' }),\n            ])}\n          >\n            {errors.map((error) => (\n              <li key={error}>{error}</li>\n            ))}\n          </ul>\n        )}\n      </Text>\n    </Tooltip>\n  );\n};\n"],"mappings":"iEAAA,oCAEA,MAAOA,MAAP,EAAgBC,SAAhB,KAAiC,OAAjC,CAEA,OAASC,IAAT,uBACA,OAASC,OAAT,2BACA,OAASC,OAAT,8BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAOA,GAAMC,wBAAuB,CAAGD,EAAE,CAAC,uBAAD,CAAlC,CAEA,MAAO,IAAME,sBAA2D,CAAG,WAGrE,IAFJC,EAEI,GAFJA,SAEI,CADJC,CACI,GADJA,MACI,GAC0BN,OAAO,EADjC,uBACGO,CADH,MACaC,CADb,MAOJ,MAJAX,UAAS,CAAC,UAAM,CACdW,CAAS,CAAiB,CAAhB,CAAAF,CAAM,CAACG,MAAP,CAAoB,IAApB,CAA2B,KAA5B,CAAT,EACD,CAFQ,CAEN,CAACH,CAAD,CAFM,CAIT,CACE,oBAAC,OAAD,EACE,MAAM,CAAEC,CADV,CAEE,SAAS,CAAEF,CAFb,CAGE,MAAM,CAAC,OAHT,CAIE,IAAI,CAAC,GAJP,CAKE,aAAa,GALf,CAME,cAAc,CAAEG,CAAS,CAACE,GAN5B,EAQE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,SAAS,CAAEP,uBAAuB,CAAC,MAAD,CAAjD,EACqB,CAAlB,GAAAG,CAAM,CAACG,MAAP,CACCH,CAAM,CAAC,CAAD,CADP,CAGC,0BACE,SAAS,CAAEH,uBAAuB,CAAC,MAAD,CAAS,CACzCF,UAAU,CAAC,CAAEU,EAAE,CAAE,IAAN,CAAD,CAD+B,CAAT,CADpC,EAKGL,CAAM,CAACM,GAAP,CAAW,SAACC,CAAD,QACV,2BAAI,GAAG,CAAEA,CAAT,EAAiBA,CAAjB,CADU,CAAX,CALH,CAJJ,CARF,CAyBH,CApCM"}

package/__internal__/src/components/PaginationCanary/Pagination.css

@@ -0,0 +1 @@
+.canary--Pagination{max-width:100%}

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.css

@@ -0,0 +1 @@
+.PaginationArrow-Caption_orientation_start{margin-right:var(--pagination-arrow-caption-offset)}.PaginationArrow-Caption_orientation_end{margin-left:var(--pagination-arrow-caption-offset)}.PaginationArrow-Caption_size_xs{--pagination-arrow-caption-offset:calc(var(--space-xs) + var(--space-3xs))}.PaginationArrow-Caption_size_m,.PaginationArrow-Caption_size_s{--pagination-arrow-caption-offset:var(--space-m)}.PaginationArrow-Caption_size_l{--pagination-arrow-caption-offset:var(--space-l)}

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.d.ts

@@ -0,0 +1,11 @@
+import './PaginationArrow.css';
+import React from 'react';
+export declare const PaginationArrow: React.ForwardRefExoticComponent<{
+    icon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    form?: "default" | "brick" | "round" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
+    disabled?: boolean | undefined;
+    orientation?: "start" | "end" | undefined;
+    label?: string | undefined;
+    caption?: string | undefined;
+} & Omit<React.HTMLAttributes<HTMLButtonElement>, "css" | "size" | "caption" | "form" | "label" | "disabled" | "icon" | "orientation"> & React.RefAttributes<HTMLButtonElement>>;

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","label","caption","icon","orientation","disabled","className","children"];import"./PaginationArrow.css";import React,{forwardRef}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationArrow=cn("PaginationArrow");export var PaginationArrow=forwardRef(function(a,b){var c=a.size,d=void 0===c?paginationPropSizeDefault:c,e=a.form,f=void 0===e?paginationPropFormDefault:e,g=a.label,h=a.caption,i=a.icon,j=a.orientation,k=a.disabled,l=a.className,m=a.children,n=_objectWithoutProperties(a,_excluded);return g?React.createElement("div",{className:cnPaginationArrow("Wrapper",[cnMixFlex({flex:"inline-flex",align:"start"===j?"flex-end":"flex-start",direction:"column"})])},React.createElement(Button,Object.assign({size:d,form:f,className:cnPaginationArrow(null,[l]),ref:b,view:"clear",disabled:k,label:g,iconLeft:"start"===j?i:void 0,iconRight:"end"===j?i:void 0},n)),h&&React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m",className:cnPaginationArrow("Caption",{size:d,orientation:j})},h)):React.createElement(Button,Object.assign({size:d,form:f,disabled:k,onlyIcon:!0,view:"clear",iconLeft:i,className:cnPaginationArrow(null,[l]),ref:b},n))});
+//# sourceMappingURL=PaginationArrow.js.map

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationArrow.js","names":["React","forwardRef","Button","Text","cnMixFlex","cn","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationArrow","PaginationArrow","props","ref","size","form","label","caption","icon","orientation","disabled","className","children","otherProps","flex","align","direction"],"sources":["../../../../../../src/components/PaginationCanary/PaginationArrow/PaginationArrow.tsx"],"sourcesContent":["import './PaginationArrow.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport {\n  PaginationArrowProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationArrow = cn('PaginationArrow');\n\nexport const PaginationArrow = forwardRef<\n  HTMLButtonElement,\n  PaginationArrowProps\n>((props, ref) => {\n  const {\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    label,\n    caption,\n    icon,\n    orientation,\n    disabled,\n    className,\n    children,\n    ...otherProps\n  } = props;\n\n  if (label) {\n    return (\n      <div\n        className={cnPaginationArrow('Wrapper', [\n          cnMixFlex({\n            flex: 'inline-flex',\n            align: orientation === 'start' ? 'flex-end' : 'flex-start',\n            direction: 'column',\n          }),\n        ])}\n      >\n        <Button\n          size={size}\n          form={form}\n          className={cnPaginationArrow(null, [className])}\n          ref={ref}\n          view=\"clear\"\n          disabled={disabled}\n          label={label}\n          iconLeft={orientation === 'start' ? icon : undefined}\n          iconRight={orientation === 'end' ? icon : undefined}\n          {...otherProps}\n        />\n        {caption && (\n          <Text\n            view=\"ghost\"\n            size=\"xs\"\n            lineHeight=\"m\"\n            className={cnPaginationArrow('Caption', { size, orientation })}\n          >\n            {caption}\n          </Text>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <Button\n      size={size}\n      form={form}\n      disabled={disabled}\n      onlyIcon\n      view=\"clear\"\n      iconLeft={icon}\n      className={cnPaginationArrow(null, [className])}\n      ref={ref}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"4LAAA,8BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,oBACA,OAASC,IAAT,kBACA,OAASC,SAAT,6BACA,OAASC,EAAT,0BAEA,OAEEC,yBAFF,CAGEC,yBAHF,gBAMA,GAAMC,kBAAiB,CAAGH,EAAE,CAAC,iBAAD,CAA5B,CAEA,MAAO,IAAMI,gBAAe,CAAGR,UAAU,CAGvC,SAACS,CAAD,CAAQC,CAAR,CAAgB,CAChB,MAWID,CAXJ,CACEE,IADF,CACEA,CADF,YACSL,yBADT,KAWIG,CAXJ,CAEEG,IAFF,CAEEA,CAFF,YAESP,yBAFT,GAGEQ,CAHF,CAWIJ,CAXJ,CAGEI,KAHF,CAIEC,CAJF,CAWIL,CAXJ,CAIEK,OAJF,CAKEC,CALF,CAWIN,CAXJ,CAKEM,IALF,CAMEC,CANF,CAWIP,CAXJ,CAMEO,WANF,CAOEC,CAPF,CAWIR,CAXJ,CAOEQ,QAPF,CAQEC,CARF,CAWIT,CAXJ,CAQES,SARF,CASEC,CATF,CAWIV,CAXJ,CASEU,QATF,CAUKC,CAVL,0BAWIX,CAXJ,YADgB,MAcZI,EAdY,CAgBZ,2BACE,SAAS,CAAEN,iBAAiB,CAAC,SAAD,CAAY,CACtCJ,SAAS,CAAC,CACRkB,IAAI,CAAE,aADE,CAERC,KAAK,CAAkB,OAAhB,GAAAN,CAAW,CAAe,UAAf,CAA4B,YAFtC,CAGRO,SAAS,CAAE,QAHH,CAAD,CAD6B,CAAZ,CAD9B,EASE,oBAAC,MAAD,gBACE,IAAI,CAAEZ,CADR,CAEE,IAAI,CAAEC,CAFR,CAGE,SAAS,CAAEL,iBAAiB,CAAC,IAAD,CAAO,CAACW,CAAD,CAAP,CAH9B,CAIE,GAAG,CAAER,CAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAEO,CANZ,CAOE,KAAK,CAAEJ,CAPT,CAQE,QAAQ,CAAkB,OAAhB,GAAAG,CAAW,CAAeD,CAAf,OARvB,CASE,SAAS,CAAkB,KAAhB,GAAAC,CAAW,CAAaD,CAAb,OATxB,EAUMK,CAVN,EATF,CAqBGN,CAAO,EACN,oBAAC,IAAD,EACE,IAAI,CAAC,OADP,CAEE,IAAI,CAAC,IAFP,CAGE,UAAU,CAAC,GAHb,CAIE,SAAS,CAAEP,iBAAiB,CAAC,SAAD,CAAY,CAAEI,IAAI,CAAJA,CAAF,CAAQK,WAAW,CAAXA,CAAR,CAAZ,CAJ9B,EAMGF,CANH,CAtBJ,CAhBY,CAoDd,oBAAC,MAAD,gBACE,IAAI,CAAEH,CADR,CAEE,IAAI,CAAEC,CAFR,CAGE,QAAQ,CAAEK,CAHZ,CAIE,QAAQ,GAJV,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAEF,CANZ,CAOE,SAAS,CAAER,iBAAiB,CAAC,IAAD,CAAO,CAACW,CAAD,CAAP,CAP9B,CAQE,GAAG,CAAER,CARP,EASMU,CATN,EAYH,CAnEwC,CAAlC"}

package/__internal__/src/components/PaginationCanary/PaginationArrow/index.d.ts

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

package/__internal__/src/components/PaginationCanary/PaginationArrow/index.js

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

package/__internal__/src/components/PaginationCanary/PaginationArrow/index.js.map

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

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.css

@@ -0,0 +1 @@
+.PaginationBase{width:100%}

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.d.ts

@@ -0,0 +1,3 @@
+import './PaginationBase.css';
+import { PaginationBaseComponent } from '../types';
+export declare const PaginationBase: PaginationBaseComponent;

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","value","size","form","containerEventListener","onChange","getItemKey","getItemAs","getItemAttributes","getItemClickable","getItemLabel","getItemOnClick","getItemRef","className","arrows","hotKeys","outerMostArrows"];import"./PaginationBase.css";import React,{forwardRef}from"react";import{useRefs}from"../../../hooks/useRefs";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{paginationArrowIconsMap,withDefaultGetters}from"../helpers";import{PaginationArrow}from"../PaginationArrow";import{PaginationList}from"../PaginationList";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";import{usePaginationKeys}from"../usePaginationKeys";var cnPaginationBase=cn("PaginationBase"),PaginationBaseRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.value,g=c.size,h=void 0===g?paginationPropSizeDefault:g,i=c.form,j=void 0===i?paginationPropFormDefault:i,k=c.containerEventListener,l=c.onChange,m=c.getItemKey,n=c.getItemAs,o=c.getItemAttributes,p=c.getItemClickable,q=c.getItemLabel,r=c.getItemOnClick,s=c.getItemRef,t=c.className,u=c.arrows,v=c.hotKeys,w=c.outerMostArrows,x=_objectWithoutProperties(c,_excluded),y=useRefs(2),z=_slicedToArray(y,2),A=z[0],B=z[1];usePaginationKeys({prevButtonRef:A,nextButtonRef:B,containerEventListener:k,hotKeys:v});var C=function(a,b,c,d){if(!a)return null;var e=a.onClick,f=a.icon,g=void 0===f?paginationArrowIconsMap[b]:f,i=a.label,k=a.disabled,l="first"===b||"previous"===b?"start":"end";return React.createElement(PaginationArrow,{label:i,icon:g,disabled:k,ref:c,size:h,form:j,caption:null===d||void 0===d?void 0:d.label,orientation:l,onClick:e})};return React.createElement("div",Object.assign({className:cnPaginationBase(null,[t,cnMixFlex({wrap:"nowrap",gap:"3xs"})]),ref:b},x),(null===w||void 0===w?void 0:w[0])&&C(w[0],"first",void 0),(null===u||void 0===u?void 0:u[0])&&C(u[0],"previous",A,null===v||void 0===v?void 0:v[0]),React.createElement(PaginationList,{items:e,size:h,form:j,value:f,onItemClick:function onItemClick(a,b){var c=b.e;null===l||void 0===l?void 0:l(a,{e:c})},getItemKey:m,getItemAs:n,getItemAttributes:o,getItemClickable:p,getItemLabel:q,getItemOnClick:r,getItemRef:s}),(null===u||void 0===u?void 0:u[1])&&C(u[1],"next",B,null===v||void 0===v?void 0:v[1]),(null===w||void 0===w?void 0:w[1])&&C(w[1],"last",void 0))};export var PaginationBase=forwardRef(PaginationBaseRender);
+//# sourceMappingURL=PaginationBase.js.map

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationBase.js","names":["React","forwardRef","useRefs","cnMixFlex","cn","paginationArrowIconsMap","withDefaultGetters","PaginationArrow","PaginationList","paginationPropFormDefault","paginationPropSizeDefault","usePaginationKeys","cnPaginationBase","PaginationBaseRender","props","ref","items","value","size","form","containerEventListener","onChange","getItemKey","getItemAs","getItemAttributes","getItemClickable","getItemLabel","getItemOnClick","getItemRef","className","arrows","hotKeys","outerMostArrows","otherProps","prevButtonRef","nextButtonRef","renderButton","item","type","hotKey","onClick","icon","label","disabled","orientation","wrap","gap","onItemClick","e","PaginationBase"],"sources":["../../../../../../src/components/PaginationCanary/PaginationBase/PaginationBase.tsx"],"sourcesContent":["import './PaginationBase.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { paginationArrowIconsMap, withDefaultGetters } from '../helpers';\nimport { PaginationArrow } from '../PaginationArrow';\nimport { PaginationList } from '../PaginationList';\nimport {\n  PaginationArrowTypes,\n  PaginationBaseComponent,\n  PaginationBaseItemDefault,\n  PaginationBasePropArrow,\n  PaginationBaseProps,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  paginationPropSizeDefault,\n} from '../types';\nimport { usePaginationKeys } from '../usePaginationKeys';\n\nconst cnPaginationBase = cn('PaginationBase');\n\nconst PaginationBaseRender = (\n  props: PaginationBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    containerEventListener,\n    onChange,\n    getItemKey,\n    getItemAs,\n    getItemAttributes,\n    getItemClickable,\n    getItemLabel,\n    getItemOnClick,\n    getItemRef,\n    className,\n    arrows,\n    hotKeys,\n    outerMostArrows,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [prevButtonRef, nextButtonRef] = useRefs<HTMLButtonElement>(2);\n\n  usePaginationKeys({\n    prevButtonRef,\n    nextButtonRef,\n    containerEventListener,\n    hotKeys,\n  });\n\n  const renderButton = (\n    item: PaginationBasePropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey?: PaginationPropHotKey,\n  ) => {\n    if (!item) {\n      return null;\n    }\n    const {\n      onClick,\n      icon = paginationArrowIconsMap[type],\n      label,\n      disabled,\n    } = item;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n\n    return (\n      <PaginationArrow\n        label={label}\n        icon={icon}\n        disabled={disabled}\n        ref={ref}\n        size={size}\n        form={form}\n        caption={hotKey?.label}\n        orientation={orientation}\n        onClick={onClick}\n      />\n    );\n  };\n\n  const onItemClick: PaginationPropOnItemClick<PaginationBaseItemDefault> = (\n    item,\n    { e },\n  ) => {\n    onChange?.(item, { e });\n  };\n\n  return (\n    <div\n      className={cnPaginationBase(null, [\n        className,\n        cnMixFlex({ wrap: 'nowrap', gap: '3xs' }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      {outerMostArrows?.[0] &&\n        renderButton(outerMostArrows[0], 'first', undefined)}\n      {arrows?.[0] &&\n        renderButton(arrows[0], 'previous', prevButtonRef, hotKeys?.[0])}\n      <PaginationList\n        items={items}\n        size={size}\n        form={form}\n        value={value}\n        onItemClick={onItemClick}\n        getItemKey={getItemKey}\n        getItemAs={getItemAs}\n        getItemAttributes={getItemAttributes}\n        getItemClickable={getItemClickable}\n        getItemLabel={getItemLabel}\n        getItemOnClick={getItemOnClick}\n        getItemRef={getItemRef}\n      />\n      {arrows?.[1] &&\n        renderButton(arrows[1], 'next', nextButtonRef, hotKeys?.[1])}\n      {outerMostArrows?.[1] &&\n        renderButton(outerMostArrows[1], 'last', undefined)}\n    </div>\n  );\n};\n\nexport const PaginationBase = forwardRef(\n  PaginationBaseRender,\n) as PaginationBaseComponent;\n"],"mappings":"sYAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,OAAT,8BACA,OAASC,SAAT,6BACA,OAASC,EAAT,0BAEA,OAASC,uBAAT,CAAkCC,kBAAlC,kBACA,OAASC,eAAT,0BACA,OAASC,cAAT,yBACA,OAMEC,yBANF,CASEC,yBATF,gBAWA,OAASC,iBAAT,4B,GAEMC,iBAAgB,CAAGR,EAAE,CAAC,gBAAD,C,CAErBS,oBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,OAoBCT,kBAAkB,CAACQ,CAAD,CApBnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,EAFP,GAGDC,CAHC,GAGDA,KAHC,KAIDC,IAJC,CAIDA,CAJC,YAIMR,yBAJN,OAKDS,IALC,CAKDA,CALC,YAKMV,yBALN,GAMDW,CANC,GAMDA,sBANC,CAODC,CAPC,GAODA,QAPC,CAQDC,CARC,GAQDA,UARC,CASDC,CATC,GASDA,SATC,CAUDC,CAVC,GAUDA,iBAVC,CAWDC,CAXC,GAWDA,gBAXC,CAYDC,CAZC,GAYDA,YAZC,CAaDC,CAbC,GAaDA,cAbC,CAcDC,CAdC,GAcDA,UAdC,CAeDC,CAfC,GAeDA,SAfC,CAgBDC,CAhBC,GAgBDA,MAhBC,CAiBDC,CAjBC,GAiBDA,OAjBC,CAkBDC,CAlBC,GAkBDA,eAlBC,CAmBEC,CAnBF,yCAsBoC/B,OAAO,CAAoB,CAApB,CAtB3C,uBAsBIgC,CAtBJ,MAsBmBC,CAtBnB,MAwBHxB,iBAAiB,CAAC,CAChBuB,aAAa,CAAbA,CADgB,CAEhBC,aAAa,CAAbA,CAFgB,CAGhBf,sBAAsB,CAAtBA,CAHgB,CAIhBW,OAAO,CAAPA,CAJgB,CAAD,CAxBd,IA+BGK,EAAY,CAAG,SACnBC,CADmB,CAEnBC,CAFmB,CAGnBvB,CAHmB,CAInBwB,CAJmB,CAKhB,CACH,GAAI,CAACF,CAAL,CACE,MAAO,KAAP,CAFC,GAKDG,EALC,CASCH,CATD,CAKDG,OALC,GASCH,CATD,CAMDI,IANC,CAMDA,CANC,YAMMpC,uBAAuB,CAACiC,CAAD,CAN7B,GAODI,CAPC,CASCL,CATD,CAODK,KAPC,CAQDC,CARC,CASCN,CATD,CAQDM,QARC,CAUGC,CAAW,CACN,OAAT,GAAAN,CAAI,EAAyB,UAAT,GAAAA,CAApB,CAA0C,OAA1C,CAAoD,KAXnD,CAaH,MACE,qBAAC,eAAD,EACE,KAAK,CAAEI,CADT,CAEE,IAAI,CAAED,CAFR,CAGE,QAAQ,CAAEE,CAHZ,CAIE,GAAG,CAAE5B,CAJP,CAKE,IAAI,CAAEG,CALR,CAME,IAAI,CAAEC,CANR,CAOE,OAAO,QAAEoB,CAAF,WAAEA,CAAF,QAAEA,CAAM,CAAEG,KAPnB,CAQE,WAAW,CAAEE,CARf,CASE,OAAO,CAAEJ,CATX,EAYH,CA9DE,CAuEH,MACE,0CACE,SAAS,CAAE5B,gBAAgB,CAAC,IAAD,CAAO,CAChCiB,CADgC,CAEhC1B,SAAS,CAAC,CAAE0C,IAAI,CAAE,QAAR,CAAkBC,GAAG,CAAE,KAAvB,CAAD,CAFuB,CAAP,CAD7B,CAKE,GAAG,CAAE/B,CALP,EAMMkB,CANN,EAQG,QAAAD,CAAe,WAAfA,CAAA,QAAAA,CAAe,CAAG,CAAH,CAAf,GACCI,CAAY,CAACJ,CAAe,CAAC,CAAD,CAAhB,CAAqB,OAArB,QAThB,CAUG,QAAAF,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAG,CAAH,CAAN,GACCM,CAAY,CAACN,CAAM,CAAC,CAAD,CAAP,CAAY,UAAZ,CAAwBI,CAAxB,QAAuCH,CAAvC,WAAuCA,CAAvC,QAAuCA,CAAO,CAAG,CAAH,CAA9C,CAXhB,CAYE,oBAAC,cAAD,EACE,KAAK,CAAEf,CADT,CAEE,IAAI,CAAEE,CAFR,CAGE,IAAI,CAAEC,CAHR,CAIE,KAAK,CAAEF,CAJT,CAKE,WAAW,CAzByD,QAApE8B,YAAoE,CACxEV,CADwE,GAGrE,IADDW,EACC,GADDA,CACC,QACH3B,CADG,WACHA,CADG,QACHA,CAAQ,CAAGgB,CAAH,CAAS,CAAEW,CAAC,CAADA,CAAF,CAAT,CACT,CAeG,CAME,UAAU,CAAE1B,CANd,CAOE,SAAS,CAAEC,CAPb,CAQE,iBAAiB,CAAEC,CARrB,CASE,gBAAgB,CAAEC,CATpB,CAUE,YAAY,CAAEC,CAVhB,CAWE,cAAc,CAAEC,CAXlB,CAYE,UAAU,CAAEC,CAZd,EAZF,CA0BG,QAAAE,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAG,CAAH,CAAN,GACCM,CAAY,CAACN,CAAM,CAAC,CAAD,CAAP,CAAY,MAAZ,CAAoBK,CAApB,QAAmCJ,CAAnC,WAAmCA,CAAnC,QAAmCA,CAAO,CAAG,CAAH,CAA1C,CA3BhB,CA4BG,QAAAC,CAAe,WAAfA,CAAA,QAAAA,CAAe,CAAG,CAAH,CAAf,GACCI,CAAY,CAACJ,CAAe,CAAC,CAAD,CAAhB,CAAqB,MAArB,QA7BhB,CAgCH,C,CAED,MAAO,IAAMiB,eAAc,CAAGhD,UAAU,CACtCY,oBADsC,CAAjC"}

package/__internal__/src/components/PaginationCanary/PaginationBase/index.d.ts

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

package/__internal__/src/components/PaginationCanary/PaginationBase/index.js

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

package/__internal__/src/components/PaginationCanary/PaginationBase/index.js.map

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

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

@@ -0,0 +1,3 @@
+import './Pagination.css';
+import { PaginationComponent } from './types';
+export declare const Pagination: PaginationComponent;