@consta/uikit 5.13.0 → 5.15.0

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

@@ -1 +1 @@
-{"version":3,"file":"locale.js","names":["isDefined","isNotNil","isString","formatFileSize","defaultLocale","props","file","name","type","filter","join","sizes","maxSize","minSize","fileText","getText","textOrFn","withdefaultLocale","locale"],"sources":["../../../../../src/components/DragNDropField/locale.ts"],"sourcesContent":["import { isDefined, isNotNil, isString } from '../../utils/type-guards';\nimport { formatFileSize } from './formatFileSize';\nimport { FileSizes } from './types';\n\ntype LocaleError =\n  | string\n  | ((props: { file: File; sizes: FileSizes }) => string);\ntype LocaleLabel = string | ((props: { fileText: string }) => string);\n\nexport type Locale = {\n  'file-invalid-type'?: LocaleError;\n  'file-too-large'?: LocaleError;\n  'file-too-small'?: LocaleError;\n  'too-many-files'?: string;\n  'general-error'?: string;\n  'fit-files'?: string;\n  'file'?: string;\n  'files'?: string;\n  'before'?: string;\n  'from'?: string;\n  'gigabyte'?: string;\n  'megabyte'?: string;\n  'kilobyte'?: string;\n  'byte'?: string;\n  'call-to-action'?: LocaleLabel;\n  'action-button'?: LocaleLabel;\n};\n\nexport const defaultLocale: Required<Locale> = {\n  'file-invalid-type': (props) =>\n    [\n      `${props.file.name}: формат файла не подходит`,\n      props.file.type && `(${props.file.type})`,\n    ]\n      .filter(isNotNil)\n      .join(' '),\n  'file-too-large': (props) =>\n    `${props.file.name}: файл слишком большой (максимум ${formatFileSize(\n      props.sizes.maxSize ?? 0,\n      defaultLocale,\n    )})`,\n  'file-too-small': (props) =>\n    `${props.file.name}: файл слишком маленький (минимум ${formatFileSize(\n      props.sizes.minSize ?? 0,\n      defaultLocale,\n    )})`,\n  'too-many-files': 'Вы перетащили несколько файлов. Выберите один, пожалуйста',\n  'general-error': 'не получилось добавить файл',\n  'fit-files': 'Подходят файлы',\n  'file': 'файл',\n  'files': 'файлы',\n  'before': 'до',\n  'from': 'от',\n  'gigabyte': 'Гб',\n  'megabyte': 'Мб',\n  'kilobyte': 'Кб',\n  'byte': 'байт',\n  'call-to-action': (props) =>\n    `Перетащите ${props.fileText} сюда или загрузите по кнопке`,\n  'action-button': (props) => `Выбрать ${props.fileText}`,\n};\n\nexport const getText = <PROPS>(\n  textOrFn: string | ((props: PROPS) => string),\n  props: PROPS,\n) => {\n  return isString(textOrFn) ? textOrFn : textOrFn(props);\n};\n\nexport const withdefaultLocale = (locale?: Locale): Required<Locale> =>\n  isDefined(locale)\n    ? {\n        ...defaultLocale,\n        ...locale,\n      }\n    : defaultLocale;\n"],"mappings":"qqBAAA,OAASA,SAAT,CAAoBC,QAApB,CAA8BC,QAA9B,+BACA,OAASC,cAAT,wBA2BA,MAAO,IAAMC,cAA+B,CAAG,CAC7C,oBAAqB,yBAACC,CAAD,QACnB,WACKA,CAAK,CAACC,IAAN,CAAWC,IADhB,wIAEEF,CAAK,CAACC,IAAN,CAAWE,IAAX,aAAuBH,CAAK,CAACC,IAAN,CAAWE,IAAlC,KAFF,EAIGC,MAJH,CAIUR,QAJV,EAKGS,IALH,CAKQ,GALR,CADmB,CADwB,CAQ7C,iBAAkB,sBAACL,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,+KACsCJ,cAAc,WAClEE,CAAK,CAACM,KAAN,CAAYC,OADsD,gBAC3C,CAD2C,CAElER,aAFkE,CADpD,MAR2B,CAa7C,iBAAkB,sBAACC,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,qLACuCJ,cAAc,WACnEE,CAAK,CAACM,KAAN,CAAYE,OADuD,gBAC5C,CAD4C,CAEnET,aAFmE,CADrD,MAb2B,CAkB7C,iBAAkB,gTAlB2B,CAmB7C,gBAAiB,qJAnB4B,CAoB7C,YAAa,iFApBgC,CAqB7C,KAAQ,0BArBqC,CAsB7C,MAAS,gCAtBoC,CAuB7C,OAAU,cAvBmC,CAwB7C,KAAQ,cAxBqC,CAyB7C,SAAY,cAzBiC,CA0B7C,SAAY,cA1BiC,CA2B7C,SAAY,cA3BiC,CA4B7C,KAAQ,0BA5BqC,CA6B7C,iBAAkB,sBAACC,CAAD,+EACFA,CAAK,CAACS,QADJ,0JA7B2B,CA+B7C,gBAAiB,sBAACT,CAAD,6DAAsBA,CAAK,CAACS,QAA5B,EA/B4B,CAAxC,CAkCP,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,CAErBX,CAFqB,CAGlB,CACH,MAAOH,SAAQ,CAACc,CAAD,CAAR,CAAqBA,CAArB,CAAgCA,CAAQ,CAACX,CAAD,CAChD,CALM,CAOP,MAAO,IAAMY,kBAAiB,CAAG,SAACC,CAAD,QAC/BlB,UAAS,CAACkB,CAAD,CAAT,gCAESd,aAFT,EAGSc,CAHT,EAKId,aAN2B,CAA1B"}
+{"version":3,"file":"locale.js","names":["isDefined","isNotNil","isString","formatFileSize","defaultLocale","props","file","name","type","filter","join","sizes","maxSize","minSize","fileText","getText","textOrFn","withDefaultLocale","locale"],"sources":["../../../../../src/components/DragNDropField/locale.ts"],"sourcesContent":["import { isDefined, isNotNil, isString } from '../../utils/type-guards';\nimport { formatFileSize } from './formatFileSize';\nimport { FileSizes } from './types';\n\ntype LocaleError =\n  | string\n  | ((props: { file: File; sizes: FileSizes }) => string);\ntype LocaleLabel = string | ((props: { fileText: string }) => string);\n\nexport type Locale = {\n  'file-invalid-type'?: LocaleError;\n  'file-too-large'?: LocaleError;\n  'file-too-small'?: LocaleError;\n  'too-many-files'?: string;\n  'general-error'?: string;\n  'fit-files'?: string;\n  'file'?: string;\n  'files'?: string;\n  'before'?: string;\n  'from'?: string;\n  'gigabyte'?: string;\n  'megabyte'?: string;\n  'kilobyte'?: string;\n  'byte'?: string;\n  'call-to-action'?: LocaleLabel;\n  'action-button'?: LocaleLabel;\n};\n\nexport const defaultLocale: Required<Locale> = {\n  'file-invalid-type': (props) =>\n    [\n      `${props.file.name}: формат файла не подходит`,\n      props.file.type && `(${props.file.type})`,\n    ]\n      .filter(isNotNil)\n      .join(' '),\n  'file-too-large': (props) =>\n    `${props.file.name}: файл слишком большой (максимум ${formatFileSize(\n      props.sizes.maxSize ?? 0,\n      defaultLocale,\n    )})`,\n  'file-too-small': (props) =>\n    `${props.file.name}: файл слишком маленький (минимум ${formatFileSize(\n      props.sizes.minSize ?? 0,\n      defaultLocale,\n    )})`,\n  'too-many-files': 'Вы перетащили несколько файлов. Выберите один, пожалуйста',\n  'general-error': 'не получилось добавить файл',\n  'fit-files': 'Подходят файлы',\n  'file': 'файл',\n  'files': 'файлы',\n  'before': 'до',\n  'from': 'от',\n  'gigabyte': 'Гб',\n  'megabyte': 'Мб',\n  'kilobyte': 'Кб',\n  'byte': 'байт',\n  'call-to-action': (props) =>\n    `Перетащите ${props.fileText} сюда или загрузите по кнопке`,\n  'action-button': (props) => `Выбрать ${props.fileText}`,\n};\n\nexport const getText = <PROPS>(\n  textOrFn: string | ((props: PROPS) => string),\n  props: PROPS,\n) => {\n  return isString(textOrFn) ? textOrFn : textOrFn(props);\n};\n\nexport const withDefaultLocale = (locale?: Locale): Required<Locale> =>\n  isDefined(locale)\n    ? {\n        ...defaultLocale,\n        ...locale,\n      }\n    : defaultLocale;\n"],"mappings":"qqBAAA,OAASA,SAAT,CAAoBC,QAApB,CAA8BC,QAA9B,+BACA,OAASC,cAAT,wBA2BA,MAAO,IAAMC,cAA+B,CAAG,CAC7C,oBAAqB,yBAACC,CAAD,QACnB,WACKA,CAAK,CAACC,IAAN,CAAWC,IADhB,wIAEEF,CAAK,CAACC,IAAN,CAAWE,IAAX,aAAuBH,CAAK,CAACC,IAAN,CAAWE,IAAlC,KAFF,EAIGC,MAJH,CAIUR,QAJV,EAKGS,IALH,CAKQ,GALR,CADmB,CADwB,CAQ7C,iBAAkB,sBAACL,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,+KACsCJ,cAAc,WAClEE,CAAK,CAACM,KAAN,CAAYC,OADsD,gBAC3C,CAD2C,CAElER,aAFkE,CADpD,MAR2B,CAa7C,iBAAkB,sBAACC,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,qLACuCJ,cAAc,WACnEE,CAAK,CAACM,KAAN,CAAYE,OADuD,gBAC5C,CAD4C,CAEnET,aAFmE,CADrD,MAb2B,CAkB7C,iBAAkB,gTAlB2B,CAmB7C,gBAAiB,qJAnB4B,CAoB7C,YAAa,iFApBgC,CAqB7C,KAAQ,0BArBqC,CAsB7C,MAAS,gCAtBoC,CAuB7C,OAAU,cAvBmC,CAwB7C,KAAQ,cAxBqC,CAyB7C,SAAY,cAzBiC,CA0B7C,SAAY,cA1BiC,CA2B7C,SAAY,cA3BiC,CA4B7C,KAAQ,0BA5BqC,CA6B7C,iBAAkB,sBAACC,CAAD,+EACFA,CAAK,CAACS,QADJ,0JA7B2B,CA+B7C,gBAAiB,sBAACT,CAAD,6DAAsBA,CAAK,CAACS,QAA5B,EA/B4B,CAAxC,CAkCP,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,CAErBX,CAFqB,CAGlB,CACH,MAAOH,SAAQ,CAACc,CAAD,CAAR,CAAqBA,CAArB,CAAgCA,CAAQ,CAACX,CAAD,CAChD,CALM,CAOP,MAAO,IAAMY,kBAAiB,CAAG,SAACC,CAAD,QAC/BlB,UAAS,CAACkB,CAAD,CAAT,gCAESd,aAFT,EAGSc,CAHT,EAKId,aAN2B,CAA1B"}

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldCanary.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["accept","maxSize","minSize","multiple","maxFiles","children","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className"],_excluded2=["getRootProps","getInputProps","rootRef","open","isDragActive"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DragNDropField.css";import React,{forwardRef,useCallback}from"react";import{useDropzone}from"react-dropzone";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cnCanary}from"../../utils/bem";import{withDefaultLocale}from"./locale";import{renderCildren}from"./renderCildren";var cnDragNDropField=cnCanary("DragNDropField");export var DragNDropField=forwardRef(function(a,b){var c=a.accept,d=a.maxSize,e=a.minSize,f=a.multiple,g=void 0!==f&&f,h=a.maxFiles,i=a.children,j=a.locale,k=a.disabled,l=a.onClick,m=a.onDrop,n=a.onDropAccepted,o=a.onDropRejected,p=a.onError,q=a.className,r=_objectWithoutProperties(a,_excluded),s=useMutableRef(l),t=withDefaultLocale(j),u=useDropzone({accept:c,maxSize:d||void 0,minSize:e||void 0,maxFiles:h||void 0,multiple:g,disabled:k,onDrop:m,onDropAccepted:n,onDropRejected:o,onError:p}),v=u.getRootProps,w=u.getInputProps,x=u.rootRef,y=u.open,z=u.isDragActive,A=_objectWithoutProperties(u,_excluded2);return React.createElement("div",v(_objectSpread(_objectSpread({},r),{},{className:cnDragNDropField({active:z,disabled:k},[q]),onClick:useCallback(function(a){var b;a.target!==x.current&&a.stopPropagation(),null===(b=s.current)||void 0===b?void 0:b.call(s,a)},[]),ref:useForkRef([b,x])})),React.createElement("input",w()),renderCildren(i,_objectSpread(_objectSpread({},A),{},{accept:c,maxSize:d,minSize:e,multiple:g,openFileDialog:y,locale:t,disabled:k,isDragActive:z})))});export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["accept","maxSize","minSize","multiple","maxFiles","children","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className"],_excluded2=["getRootProps","getInputProps","rootRef","open","isDragActive"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DragNDropField.css";import React,{forwardRef,useCallback}from"react";import{useDropzone}from"react-dropzone";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cnCanary}from"../../utils/bem";import{withDefaultLocale}from"./locale";import{renderChildren}from"./renderChildren";var cnDragNDropField=cnCanary("DragNDropField");export var DragNDropField=forwardRef(function(a,b){var c=a.accept,d=a.maxSize,e=a.minSize,f=a.multiple,g=void 0!==f&&f,h=a.maxFiles,i=a.children,j=a.locale,k=a.disabled,l=a.onClick,m=a.onDrop,n=a.onDropAccepted,o=a.onDropRejected,p=a.onError,q=a.className,r=_objectWithoutProperties(a,_excluded),s=useMutableRef(l),t=withDefaultLocale(j),u=useDropzone({accept:c,maxSize:d||void 0,minSize:e||void 0,maxFiles:h||void 0,multiple:g,disabled:k,onDrop:m,onDropAccepted:n,onDropRejected:o,onError:p}),v=u.getRootProps,w=u.getInputProps,x=u.rootRef,y=u.open,z=u.isDragActive,A=_objectWithoutProperties(u,_excluded2);return React.createElement("div",v(_objectSpread(_objectSpread({},r),{},{className:cnDragNDropField({active:z,disabled:k},[q]),onClick:useCallback(function(a){var b;a.target!==x.current&&a.stopPropagation(),null===(b=s.current)||void 0===b?void 0:b.call(s,a)},[]),ref:useForkRef([b,x])})),React.createElement("input",w()),renderChildren(i,_objectSpread(_objectSpread({},A),{},{accept:c,maxSize:d,minSize:e,multiple:g,openFileDialog:y,locale:t,disabled:k,isDragActive:z})))});export*from"./types";
 //# sourceMappingURL=DragNDropFieldCanary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragNDropFieldCanary.js","names":["React","forwardRef","useCallback","useDropzone","useForkRef","useMutableRef","cnCanary","withDefaultLocale","renderCildren","cnDragNDropField","DragNDropField","props","ref","accept","maxSize","minSize","multiple","maxFiles","children","localeProp","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className","otherProps","onClickRef","getRootProps","getInputProps","rootRef","openFileDialog","open","isDragActive","otherStateProps","active","e","target","current","stopPropagation"],"sources":["../../../../../src/components/DragNDropFieldCanary/DragNDropFieldCanary.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultLocale } from './locale';\nimport { renderCildren } from './renderCildren';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cnCanary('DragNDropField');\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      maxFiles,\n      children,\n      locale: localeProp,\n      disabled,\n      onClick,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n      className,\n      ...otherProps\n    } = props;\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withDefaultLocale(localeProp);\n\n    const {\n      getRootProps,\n      getInputProps,\n      rootRef,\n      open: openFileDialog,\n      isDragActive,\n      ...otherStateProps\n    } = useDropzone({\n      accept,\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      maxFiles: maxFiles || undefined,\n      multiple,\n      disabled,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n    });\n\n    return (\n      <div\n        {...getRootProps({\n          ...otherProps,\n          className: cnDragNDropField({ active: isDragActive, disabled }, [\n            className,\n          ]),\n          onClick: useCallback<React.MouseEventHandler<HTMLDivElement>>((e) => {\n            if (e.target !== rootRef.current) {\n              e.stopPropagation();\n            }\n            onClickRef.current?.(e);\n          }, []),\n          ref: useForkRef([ref, rootRef]),\n        })}\n      >\n        <input {...getInputProps()} />\n        {renderCildren(children, {\n          ...otherStateProps,\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog,\n          locale,\n          disabled,\n          isDragActive,\n        })}\n      </div>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"m/BAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,KAA+C,OAA/C,CACA,OAASC,WAAT,KAA4B,gBAA5B,CAEA,OAASC,UAAT,yCACA,OAASC,aAAT,+CACA,OAASC,QAAT,uBAEA,OAASC,iBAAT,gBACA,OAASC,aAAT,uBAGA,GAAMC,iBAAgB,CAAGH,QAAQ,CAAC,gBAAD,CAAjC,CAEA,MAAO,IAAMI,eAAc,CAAGT,UAAU,CACtC,SAACU,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAiBVF,CAjBU,CAEZE,MAFY,CAGZC,CAHY,CAiBVH,CAjBU,CAGZG,OAHY,CAIZC,CAJY,CAiBVJ,CAjBU,CAIZI,OAJY,GAiBVJ,CAjBU,CAKZK,QALY,CAKZA,CALY,eAMZC,CANY,CAiBVN,CAjBU,CAMZM,QANY,CAOZC,CAPY,CAiBVP,CAjBU,CAOZO,QAPY,CAQJC,CARI,CAiBVR,CAjBU,CAQZS,MARY,CASZC,CATY,CAiBVV,CAjBU,CASZU,QATY,CAUZC,CAVY,CAiBVX,CAjBU,CAUZW,OAVY,CAWZC,CAXY,CAiBVZ,CAjBU,CAWZY,MAXY,CAYZC,CAZY,CAiBVb,CAjBU,CAYZa,cAZY,CAaZC,CAbY,CAiBVd,CAjBU,CAaZc,cAbY,CAcZC,CAdY,CAiBVf,CAjBU,CAcZe,OAdY,CAeZC,CAfY,CAiBVhB,CAjBU,CAeZgB,SAfY,CAgBTC,CAhBS,0BAiBVjB,CAjBU,YAmBRkB,CAAU,CAAGxB,aAAa,CAACiB,CAAD,CAnBlB,CAqBRF,CAAM,CAAGb,iBAAiB,CAACY,CAAD,CArBlB,GA8BVhB,WAAW,CAAC,CACdU,MAAM,CAANA,CADc,CAEdC,OAAO,CAAEA,CAAO,QAFF,CAGdC,OAAO,CAAEA,CAAO,QAHF,CAIdE,QAAQ,CAAEA,CAAQ,QAJJ,CAKdD,QAAQ,CAARA,CALc,CAMdK,QAAQ,CAARA,CANc,CAOdE,MAAM,CAANA,CAPc,CAQdC,cAAc,CAAdA,CARc,CASdC,cAAc,CAAdA,CATc,CAUdC,OAAO,CAAPA,CAVc,CAAD,CA9BD,CAwBZI,CAxBY,GAwBZA,YAxBY,CAyBZC,CAzBY,GAyBZA,aAzBY,CA0BZC,CA1BY,GA0BZA,OA1BY,CA2BNC,CA3BM,GA2BZC,IA3BY,CA4BZC,CA5BY,GA4BZA,YA5BY,CA6BTC,CA7BS,wCA2Cd,MACE,2BACMN,CAAY,gCACXF,CADW,MAEdD,SAAS,CAAElB,gBAAgB,CAAC,CAAE4B,MAAM,CAAEF,CAAV,CAAwBd,QAAQ,CAARA,CAAxB,CAAD,CAAqC,CAC9DM,CAD8D,CAArC,CAFb,CAKdL,OAAO,CAAEpB,WAAW,CAA0C,SAACoC,CAAD,CAAO,OAC/DA,CAAC,CAACC,MAAF,GAAaP,CAAO,CAACQ,OAD0C,EAEjEF,CAAC,CAACG,eAAF,EAFiE,WAInEZ,CAAU,CAACW,OAJwD,qBAInE,OAAAX,CAAU,CAAWS,CAAX,CACX,CALmB,CAKjB,EALiB,CALN,CAWd1B,GAAG,CAAER,UAAU,CAAC,CAACQ,CAAD,CAAMoB,CAAN,CAAD,CAXD,GADlB,CAeE,4BAAWD,CAAa,EAAxB,CAfF,CAgBGvB,aAAa,CAACU,CAAD,gCACTkB,CADS,MAEZvB,MAAM,CAANA,CAFY,CAGZC,OAAO,CAAPA,CAHY,CAIZC,OAAO,CAAPA,CAJY,CAKZC,QAAQ,CAARA,CALY,CAMZiB,cAAc,CAAdA,CANY,CAOZb,MAAM,CAANA,CAPY,CAQZC,QAAQ,CAARA,CARY,CASZc,YAAY,CAAZA,CATY,GAhBhB,CA6BH,CA1EqC,CAAjC,CA6EP"}
+{"version":3,"file":"DragNDropFieldCanary.js","names":["React","forwardRef","useCallback","useDropzone","useForkRef","useMutableRef","cnCanary","withDefaultLocale","renderChildren","cnDragNDropField","DragNDropField","props","ref","accept","maxSize","minSize","multiple","maxFiles","children","localeProp","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className","otherProps","onClickRef","getRootProps","getInputProps","rootRef","openFileDialog","open","isDragActive","otherStateProps","active","e","target","current","stopPropagation"],"sources":["../../../../../src/components/DragNDropFieldCanary/DragNDropFieldCanary.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultLocale } from './locale';\nimport { renderChildren } from './renderChildren';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cnCanary('DragNDropField');\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      maxFiles,\n      children,\n      locale: localeProp,\n      disabled,\n      onClick,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n      className,\n      ...otherProps\n    } = props;\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withDefaultLocale(localeProp);\n\n    const {\n      getRootProps,\n      getInputProps,\n      rootRef,\n      open: openFileDialog,\n      isDragActive,\n      ...otherStateProps\n    } = useDropzone({\n      accept,\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      maxFiles: maxFiles || undefined,\n      multiple,\n      disabled,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n    });\n\n    return (\n      <div\n        {...getRootProps({\n          ...otherProps,\n          className: cnDragNDropField({ active: isDragActive, disabled }, [\n            className,\n          ]),\n          onClick: useCallback<React.MouseEventHandler<HTMLDivElement>>((e) => {\n            if (e.target !== rootRef.current) {\n              e.stopPropagation();\n            }\n            onClickRef.current?.(e);\n          }, []),\n          ref: useForkRef([ref, rootRef]),\n        })}\n      >\n        <input {...getInputProps()} />\n        {renderChildren(children, {\n          ...otherStateProps,\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog,\n          locale,\n          disabled,\n          isDragActive,\n        })}\n      </div>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"m/BAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,KAA+C,OAA/C,CACA,OAASC,WAAT,KAA4B,gBAA5B,CAEA,OAASC,UAAT,yCACA,OAASC,aAAT,+CACA,OAASC,QAAT,uBAEA,OAASC,iBAAT,gBACA,OAASC,cAAT,wBAGA,GAAMC,iBAAgB,CAAGH,QAAQ,CAAC,gBAAD,CAAjC,CAEA,MAAO,IAAMI,eAAc,CAAGT,UAAU,CACtC,SAACU,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAiBVF,CAjBU,CAEZE,MAFY,CAGZC,CAHY,CAiBVH,CAjBU,CAGZG,OAHY,CAIZC,CAJY,CAiBVJ,CAjBU,CAIZI,OAJY,GAiBVJ,CAjBU,CAKZK,QALY,CAKZA,CALY,eAMZC,CANY,CAiBVN,CAjBU,CAMZM,QANY,CAOZC,CAPY,CAiBVP,CAjBU,CAOZO,QAPY,CAQJC,CARI,CAiBVR,CAjBU,CAQZS,MARY,CASZC,CATY,CAiBVV,CAjBU,CASZU,QATY,CAUZC,CAVY,CAiBVX,CAjBU,CAUZW,OAVY,CAWZC,CAXY,CAiBVZ,CAjBU,CAWZY,MAXY,CAYZC,CAZY,CAiBVb,CAjBU,CAYZa,cAZY,CAaZC,CAbY,CAiBVd,CAjBU,CAaZc,cAbY,CAcZC,CAdY,CAiBVf,CAjBU,CAcZe,OAdY,CAeZC,CAfY,CAiBVhB,CAjBU,CAeZgB,SAfY,CAgBTC,CAhBS,0BAiBVjB,CAjBU,YAmBRkB,CAAU,CAAGxB,aAAa,CAACiB,CAAD,CAnBlB,CAqBRF,CAAM,CAAGb,iBAAiB,CAACY,CAAD,CArBlB,GA8BVhB,WAAW,CAAC,CACdU,MAAM,CAANA,CADc,CAEdC,OAAO,CAAEA,CAAO,QAFF,CAGdC,OAAO,CAAEA,CAAO,QAHF,CAIdE,QAAQ,CAAEA,CAAQ,QAJJ,CAKdD,QAAQ,CAARA,CALc,CAMdK,QAAQ,CAARA,CANc,CAOdE,MAAM,CAANA,CAPc,CAQdC,cAAc,CAAdA,CARc,CASdC,cAAc,CAAdA,CATc,CAUdC,OAAO,CAAPA,CAVc,CAAD,CA9BD,CAwBZI,CAxBY,GAwBZA,YAxBY,CAyBZC,CAzBY,GAyBZA,aAzBY,CA0BZC,CA1BY,GA0BZA,OA1BY,CA2BNC,CA3BM,GA2BZC,IA3BY,CA4BZC,CA5BY,GA4BZA,YA5BY,CA6BTC,CA7BS,wCA2Cd,MACE,2BACMN,CAAY,gCACXF,CADW,MAEdD,SAAS,CAAElB,gBAAgB,CAAC,CAAE4B,MAAM,CAAEF,CAAV,CAAwBd,QAAQ,CAARA,CAAxB,CAAD,CAAqC,CAC9DM,CAD8D,CAArC,CAFb,CAKdL,OAAO,CAAEpB,WAAW,CAA0C,SAACoC,CAAD,CAAO,OAC/DA,CAAC,CAACC,MAAF,GAAaP,CAAO,CAACQ,OAD0C,EAEjEF,CAAC,CAACG,eAAF,EAFiE,WAInEZ,CAAU,CAACW,OAJwD,qBAInE,OAAAX,CAAU,CAAWS,CAAX,CACX,CALmB,CAKjB,EALiB,CALN,CAWd1B,GAAG,CAAER,UAAU,CAAC,CAACQ,CAAD,CAAMoB,CAAN,CAAD,CAXD,GADlB,CAeE,4BAAWD,CAAa,EAAxB,CAfF,CAgBGvB,cAAc,CAACU,CAAD,gCACVkB,CADU,MAEbvB,MAAM,CAANA,CAFa,CAGbC,OAAO,CAAPA,CAHa,CAIbC,OAAO,CAAPA,CAJa,CAKbC,QAAQ,CAARA,CALa,CAMbiB,cAAc,CAAdA,CANa,CAObb,MAAM,CAANA,CAPa,CAQbC,QAAQ,CAARA,CARa,CASbc,YAAY,CAAZA,CATa,GAhBjB,CA6BH,CA1EqC,CAAjC,CA6EP"}

package/__internal__/src/components/DragNDropFieldCanary/renderChildren.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DragNDropFieldChildrenRenderFn, DragNDropFieldContentProps } from './types';
+export declare const renderChildren: (children: React.ReactNode | DragNDropFieldChildrenRenderFn | undefined, props: DragNDropFieldContentProps) => React.ReactNode;

package/__internal__/src/components/DragNDropFieldCanary/renderChildren.js

@@ -0,0 +1,2 @@
+import React from"react";import{isRenderProp}from"../../utils/isRenderProp";import{DragNDropFieldContent}from"./DragNDropFieldContent";export var renderChildren=function(a,b){if(!a)return React.createElement(DragNDropFieldContent,b);if(isRenderProp(a)){var c=b.openFileDialog,d=b.isDragAccept,e=b.isDragActive,f=b.isDragReject,g=b.isFileDialogActive,h=b.isFocused,i=b.acceptedFiles,j=b.fileRejections;return a({openFileDialog:c,isDragAccept:d,isDragActive:e,isDragReject:f,isFileDialogActive:g,isFocused:h,acceptedFiles:i,fileRejections:j})}return a};
+//# sourceMappingURL=renderChildren.js.map

package/__internal__/src/components/DragNDropFieldCanary/renderChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderChildren.js","names":["React","isRenderProp","DragNDropFieldContent","renderChildren","children","props","openFileDialog","isDragAccept","isDragActive","isDragReject","isFileDialogActive","isFocused","acceptedFiles","fileRejections"],"sources":["../../../../../src/components/DragNDropFieldCanary/renderChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isRenderProp } from '##/utils/isRenderProp';\n\nimport { DragNDropFieldContent } from './DragNDropFieldContent';\nimport {\n  DragNDropFieldChildrenRenderFn,\n  DragNDropFieldContentProps,\n} from './types';\n\nexport const renderChildren = (\n  children: React.ReactNode | DragNDropFieldChildrenRenderFn | undefined,\n  props: DragNDropFieldContentProps,\n): React.ReactNode => {\n  if (!children) {\n    return <DragNDropFieldContent {...props} />;\n  }\n  if (isRenderProp(children)) {\n    const {\n      openFileDialog,\n      isDragAccept,\n      isDragActive,\n      isDragReject,\n      isFileDialogActive,\n      isFocused,\n      acceptedFiles,\n      fileRejections,\n    } = props;\n    return children({\n      openFileDialog,\n      isDragAccept,\n      isDragActive,\n      isDragReject,\n      isFileDialogActive,\n      isFocused,\n      acceptedFiles,\n      fileRejections,\n    });\n  }\n  return children;\n};\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,gCAEA,OAASC,qBAAT,+BAMA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGR,CACpB,GAAI,CAACD,CAAL,CACE,MAAO,qBAAC,qBAAD,CAA2BC,CAA3B,CAAP,CAEF,GAAIJ,YAAY,CAACG,CAAD,CAAhB,CAA4B,CAC1B,GACEE,EADF,CASID,CATJ,CACEC,cADF,CAEEC,CAFF,CASIF,CATJ,CAEEE,YAFF,CAGEC,CAHF,CASIH,CATJ,CAGEG,YAHF,CAIEC,CAJF,CASIJ,CATJ,CAIEI,YAJF,CAKEC,CALF,CASIL,CATJ,CAKEK,kBALF,CAMEC,CANF,CASIN,CATJ,CAMEM,SANF,CAOEC,CAPF,CASIP,CATJ,CAOEO,aAPF,CAQEC,CARF,CASIR,CATJ,CAQEQ,cARF,CAUA,MAAOT,EAAQ,CAAC,CACdE,cAAc,CAAdA,CADc,CAEdC,YAAY,CAAZA,CAFc,CAGdC,YAAY,CAAZA,CAHc,CAIdC,YAAY,CAAZA,CAJc,CAKdC,kBAAkB,CAAlBA,CALc,CAMdC,SAAS,CAATA,CANc,CAOdC,aAAa,CAAbA,CAPc,CAQdC,cAAc,CAAdA,CARc,CAAD,CAUhB,CACD,MAAOT,EACR,CA9BM"}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","inputRef","inputMaxLength","value","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},FieldArrayValueInlineControlRender=function(a,b){var c,d,e=a.className,f=a.inputRef,g=a.inputMaxLength,h=a.value,i=void 0===h?[]:h,j=a.renderValue,k=a.onFocus,l=a.onBlur,m=a.autoFocus,n=a.inputTabIndex,o=a.inputAriaLabel,p=a.disabled,q=a.style,r=a.size,s=void 0===r?"m":r,t=a.placeholder,u=a.onKeyDown,v=a.onKeyDownCapture,w=a.onChange,x=a.onKeyUp,y=a.onKeyUpCapture,z=a.onCopy,A=a.onCopyCapture,B=a.onCut,C=a.onCutCapture,D=a.onPaste,E=a.onPasteCapture,F=_objectWithoutProperties(a,_excluded),G=useState(""),H=_slicedToArray(G,2),I=H[0],J=H[1],K=useMutableRef(w),L=useRef(null),M=useRef(null),N=useCallback(function(a){var b;J(a.target.value),null===(b=K.current)||void 0===b?void 0:b.call(K,a)},[]),O=useComponentSize(L),P=O.width;return useEffect(function(){var a;J((null===(a=M.current)||void 0===a?void 0:a.value)||"")},[null===(c=M.current)||void 0===c?void 0:c.value]),React.createElement("div",Object.assign({},F,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},q),{},(d={},_defineProperty(d,"--field-array-value-inline-control-items-gap",gapMap[s]),_defineProperty(d,"--field-array-value-inline-control-input-min-width","".concat(P,"px")),_defineProperty(d,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[s])),_defineProperty(d,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[s])),d))}),i.map(j),React.createElement("input",{className:cnFieldArrayValueInlineControl("Input"),onChange:N,ref:useForkRef([M,f]),maxLength:g,onFocus:k,onBlur:l,autoFocus:m,tabIndex:n,"aria-label":o,onKeyDown:u,onKeyDownCapture:v,onKeyUp:x,onKeyUpCapture:y,disabled:p,type:"text",placeholder:i.length?void 0:t,onCopy:z,onCopyCapture:A,onCut:B,onCutCapture:C,onPaste:D,onPasteCapture:E}),React.createElement("div",{ref:L,className:cnFieldArrayValueInlineControl("HelperInputFakeElement")},I))};export var FieldArrayValueInlineControl=forwardRef(FieldArrayValueInlineControlRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","inputRef","inputMaxLength","value","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},FieldArrayValueInlineControlRender=function(a,b){var c,d,e=a.className,f=a.inputRef,g=a.inputMaxLength,h=a.value,i=void 0===h?[]:h,j=a.inputDefaultValue,k=a.renderValue,l=a.onFocus,m=a.onBlur,n=a.autoFocus,o=a.inputTabIndex,p=a.inputAriaLabel,q=a.disabled,r=a.style,s=a.size,t=void 0===s?"m":s,u=a.placeholder,v=a.onKeyDown,w=a.onKeyDownCapture,x=a.onChange,y=a.onKeyUp,z=a.onKeyUpCapture,A=a.onCopy,B=a.onCopyCapture,C=a.onCut,D=a.onCutCapture,E=a.onPaste,F=a.onPasteCapture,G=a.onWheel,H=_objectWithoutProperties(a,_excluded),I=useState(""),J=_slicedToArray(I,2),K=J[0],L=J[1],M=useMutableRef(x),N=useRef(null),O=useRef(null),P=useCallback(function(a){var b;L(a.target.value),null===(b=M.current)||void 0===b?void 0:b.call(M,a)},[]),Q=useComponentSize(N),R=Q.width;return useEffect(function(){var a;L((null===(a=O.current)||void 0===a?void 0:a.value)||"")},[null===(c=O.current)||void 0===c?void 0:c.value]),React.createElement("div",Object.assign({},H,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},r),{},(d={},_defineProperty(d,"--field-array-value-inline-control-items-gap",gapMap[t]),_defineProperty(d,"--field-array-value-inline-control-input-min-width","".concat(R,"px")),_defineProperty(d,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[t])),_defineProperty(d,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[t])),d))}),i.map(k),React.createElement("input",{className:cnFieldArrayValueInlineControl("Input"),onChange:P,ref:useForkRef([O,f]),maxLength:g,onFocus:l,onBlur:m,autoFocus:n,tabIndex:o,"aria-label":p,onKeyDown:v,onKeyDownCapture:w,onKeyUp:y,onKeyUpCapture:z,disabled:q,type:"text",placeholder:i.length?void 0:u,onCopy:A,onCopyCapture:B,onCut:C,onCutCapture:D,onPaste:E,onPasteCapture:F,onWheel:G,defaultValue:j}),React.createElement("div",{ref:N,className:cnFieldArrayValueInlineControl("HelperInputFakeElement")},K))};export var FieldArrayValueInlineControl=forwardRef(FieldArrayValueInlineControlRender);
 //# sourceMappingURL=FieldArrayValueInlineControl.js.map

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArrayValueInlineControl.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","useComponentSize","useForkRef","useMutableRef","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","FieldArrayValueInlineControlRender","props","ref","className","inputRefProp","inputRef","inputMaxLength","value","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","otherProps","inputValue","setInputValue","onInputChangeRef","fakeInputRef","handleChange","e","target","current","inputMinWidth","width","map","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n  FieldArrayValueInlineControlComponent,\n  FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n  l: 'calc(var(--space-3xs) + var(--space-2xs))',\n  m: 'var(--space-2xs)',\n  s: 'var(--space-3xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-xs)',\n  m: 'calc(var(--space-xs) - var(--space-3xs))',\n  s: 'var(--space-2xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-2xl)',\n  m: 'calc(var(--space-2xl) - var(--space-2xs))',\n  s: 'var(--space-xl)',\n  xs: 'var(--space-l)',\n};\n\nconst FieldArrayValueInlineControlRender = (\n  props: FieldArrayValueInlineControlProps<unknown>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    className,\n    inputRef: inputRefProp,\n    inputMaxLength,\n    value = [],\n    renderValue,\n    onFocus,\n    onBlur,\n    autoFocus,\n    inputTabIndex,\n    inputAriaLabel,\n    disabled,\n    style,\n    size = 'm',\n    placeholder,\n    onKeyDown,\n    onKeyDownCapture,\n    onChange,\n    onKeyUp,\n    onKeyUpCapture,\n    onCopy,\n    onCopyCapture,\n    onCut,\n    onCutCapture,\n    onPaste,\n    onPasteCapture,\n    ...otherProps\n  } = props;\n\n  const [inputValue, setInputValue] = useState('');\n  const onInputChangeRef = useMutableRef(onChange);\n  const fakeInputRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      setInputValue(e.target.value);\n      onInputChangeRef.current?.(e);\n    },\n    [],\n  );\n  const { width: inputMinWidth } = useComponentSize(fakeInputRef);\n\n  useEffect(() => {\n    setInputValue(inputRef.current?.value || '');\n  }, [inputRef.current?.value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnFieldArrayValueInlineControl(null, [className])}\n      ref={ref}\n      style={{\n        ...style,\n        ['--field-array-value-inline-control-items-gap' as string]:\n          gapMap[size],\n        ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n        ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n        ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n      }}\n    >\n      {value.map(renderValue)}\n      <input\n        className={cnFieldArrayValueInlineControl('Input')}\n        onChange={handleChange}\n        ref={useForkRef([inputRef, inputRefProp])}\n        maxLength={inputMaxLength}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        tabIndex={inputTabIndex}\n        aria-label={inputAriaLabel}\n        onKeyDown={onKeyDown}\n        onKeyDownCapture={onKeyDownCapture}\n        onKeyUp={onKeyUp}\n        onKeyUpCapture={onKeyUpCapture}\n        disabled={disabled}\n        type=\"text\"\n        placeholder={value.length ? undefined : placeholder}\n        onCopy={onCopy}\n        onCopyCapture={onCopyCapture}\n        onCut={onCut}\n        onCutCapture={onCutCapture}\n        onPaste={onPaste}\n        onPasteCapture={onPasteCapture}\n      />\n      <div\n        ref={fakeInputRef}\n        className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n      >\n        {inputValue}\n      </div>\n    </div>\n  );\n};\n\nexport const FieldArrayValueInlineControl = forwardRef(\n  FieldArrayValueInlineControlRender,\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}
+{"version":3,"file":"FieldArrayValueInlineControl.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","useComponentSize","useForkRef","useMutableRef","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","FieldArrayValueInlineControlRender","props","ref","className","inputRefProp","inputRef","inputMaxLength","value","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","otherProps","inputValue","setInputValue","onInputChangeRef","fakeInputRef","handleChange","e","target","current","inputMinWidth","width","map","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n  FieldArrayValueInlineControlComponent,\n  FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n  l: 'calc(var(--space-3xs) + var(--space-2xs))',\n  m: 'var(--space-2xs)',\n  s: 'var(--space-3xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-xs)',\n  m: 'calc(var(--space-xs) - var(--space-3xs))',\n  s: 'var(--space-2xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-2xl)',\n  m: 'calc(var(--space-2xl) - var(--space-2xs))',\n  s: 'var(--space-xl)',\n  xs: 'var(--space-l)',\n};\n\nconst FieldArrayValueInlineControlRender = (\n  props: FieldArrayValueInlineControlProps<unknown>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    className,\n    inputRef: inputRefProp,\n    inputMaxLength,\n    value = [],\n    inputDefaultValue,\n    renderValue,\n    onFocus,\n    onBlur,\n    autoFocus,\n    inputTabIndex,\n    inputAriaLabel,\n    disabled,\n    style,\n    size = 'm',\n    placeholder,\n    onKeyDown,\n    onKeyDownCapture,\n    onChange,\n    onKeyUp,\n    onKeyUpCapture,\n    onCopy,\n    onCopyCapture,\n    onCut,\n    onCutCapture,\n    onPaste,\n    onPasteCapture,\n    onWheel,\n    ...otherProps\n  } = props;\n\n  const [inputValue, setInputValue] = useState('');\n  const onInputChangeRef = useMutableRef(onChange);\n  const fakeInputRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      setInputValue(e.target.value);\n      onInputChangeRef.current?.(e);\n    },\n    [],\n  );\n  const { width: inputMinWidth } = useComponentSize(fakeInputRef);\n\n  useEffect(() => {\n    setInputValue(inputRef.current?.value || '');\n  }, [inputRef.current?.value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnFieldArrayValueInlineControl(null, [className])}\n      ref={ref}\n      style={{\n        ...style,\n        ['--field-array-value-inline-control-items-gap' as string]:\n          gapMap[size],\n        ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n        ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n        ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n      }}\n    >\n      {value.map(renderValue)}\n      <input\n        className={cnFieldArrayValueInlineControl('Input')}\n        onChange={handleChange}\n        ref={useForkRef([inputRef, inputRefProp])}\n        maxLength={inputMaxLength}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        tabIndex={inputTabIndex}\n        aria-label={inputAriaLabel}\n        onKeyDown={onKeyDown}\n        onKeyDownCapture={onKeyDownCapture}\n        onKeyUp={onKeyUp}\n        onKeyUpCapture={onKeyUpCapture}\n        disabled={disabled}\n        type=\"text\"\n        placeholder={value.length ? undefined : placeholder}\n        onCopy={onCopy}\n        onCopyCapture={onCopyCapture}\n        onCut={onCut}\n        onCutCapture={onCutCapture}\n        onPaste={onPaste}\n        onPasteCapture={onPasteCapture}\n        onWheel={onWheel}\n        defaultValue={inputDefaultValue}\n      />\n      <div\n        ref={fakeInputRef}\n        className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n      >\n        {inputValue}\n      </div>\n    </div>\n  );\n};\n\nexport const FieldArrayValueInlineControl = forwardRef(\n  FieldArrayValueInlineControlRender,\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.d.ts

@@ -7,7 +7,7 @@ export declare type FieldArrayValueInlineControlProps<ITEM> = PropsWithHTMLAttri
     renderValue: (item: ITEM, index: number) => React.ReactNode;
     inputMaxLength?: number;
     inputValue?: string;
-    inputDafeultValue?: string;
+    inputDefaultValue?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     onInputFocus?: React.FocusEventHandler<HTMLInputElement>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
@@ -22,5 +22,6 @@ export declare type FieldArrayValueInlineControlProps<ITEM> = PropsWithHTMLAttri
     disabled?: boolean;
     placeholder?: string;
     size?: FieldPropSize;
+    onWheel?: React.WheelEventHandler<HTMLInputElement>;
 }, HTMLDivElement>;
 export declare type FieldArrayValueInlineControlComponent = <ITEM>(props: FieldArrayValueInlineControlProps<ITEM>) => React.ReactElement | null;

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      value?: ITEM[];\n      renderValue: (item: ITEM, index: number) => React.ReactNode;\n      inputMaxLength?: number;\n      inputValue?: string;\n      inputDafeultValue?: string;\n      inputRef?: React.Ref<HTMLInputElement>;\n      onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n      onBlur?: React.FocusEventHandler<HTMLInputElement>;\n      onChange?: React.ChangeEventHandler<HTMLInputElement>;\n      autoFocus?: boolean;\n      inputTabIndex?: number;\n      inputAriaLabel?: string;\n      onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      disabled?: boolean;\n      placeholder?: string;\n      size?: FieldPropSize;\n    },\n    HTMLDivElement\n  >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n  props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      value?: ITEM[];\n      renderValue: (item: ITEM, index: number) => React.ReactNode;\n      inputMaxLength?: number;\n      inputValue?: string;\n      inputDefaultValue?: string;\n      inputRef?: React.Ref<HTMLInputElement>;\n      onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n      onBlur?: React.FocusEventHandler<HTMLInputElement>;\n      onChange?: React.ChangeEventHandler<HTMLInputElement>;\n      autoFocus?: boolean;\n      inputTabIndex?: number;\n      inputAriaLabel?: string;\n      onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      disabled?: boolean;\n      placeholder?: string;\n      size?: FieldPropSize;\n      onWheel?: React.WheelEventHandler<HTMLInputElement>;\n    },\n    HTMLDivElement\n  >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n  props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

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

@@ -0,0 +1,15 @@
+export * from './FieldCaption';
+export * from './FieldLabel';
+export * from './FieldControlLayout';
+export * from './FieldIcon';
+export * from './FieldInput';
+export * from './FieldButton';
+export * from './FieldCounter';
+export * from './FieldClearButton';
+export * from './FieldToggleVisiblePasswordButton';
+export * from './renderSide';
+export * from './FieldButtonStyleReset';
+export * from './FieldArrayValueInlineControl';
+export * from './FieldArrayValueItem';
+export * from './FieldWrapper';
+export * from './types';

package/__internal__/src/components/FieldComponents/FieldComponents.js

@@ -0,0 +1,2 @@
+export*from"./FieldCaption";export*from"./FieldLabel";export*from"./FieldControlLayout";export*from"./FieldIcon";export*from"./FieldInput";export*from"./FieldButton";export*from"./FieldCounter";export*from"./FieldClearButton";export*from"./FieldToggleVisiblePasswordButton";export*from"./renderSide";export*from"./FieldButtonStyleReset";export*from"./FieldArrayValueInlineControl";export*from"./FieldArrayValueItem";export*from"./FieldWrapper";export*from"./types";
+//# sourceMappingURL=FieldComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldComponents.js","names":[],"sources":["../../../../../src/components/FieldComponents/FieldComponents.ts"],"sourcesContent":["export * from './FieldCaption';\nexport * from './FieldLabel';\nexport * from './FieldControlLayout';\nexport * from './FieldIcon';\nexport * from './FieldInput';\nexport * from './FieldButton';\nexport * from './FieldCounter';\nexport * from './FieldClearButton';\nexport * from './FieldToggleVisiblePasswordButton';\nexport * from './renderSide';\nexport * from './FieldButtonStyleReset';\nexport * from './FieldArrayValueInlineControl';\nexport * from './FieldArrayValueItem';\nexport * from './FieldWrapper';\nexport * from './types';\n"],"mappings":"AAAA,4BACA,0BACA,kCACA,yBACA,0BACA,2BACA,4BACA,gCACA,gDACA,0BACA,qCACA,4CACA,mCACA,4BACA"}

package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.css

@@ -1,3 +1,3 @@
 .FieldControlLayout{--field-control-layout-slot-height:calc(var(--field-control-layout-height) - var(--field-control-layout-border-width)*2);--field-control-layout-slot-color:var(--color-control-typo-placeholder);--field-control-layout-placeholder-color:var(
       --color-control-typo-placeholder
-    );--field-control-layout-input-color:var(--color-control-typo-default);background-color:var(--field-control-layout-bg-color);border-color:var(--field-control-layout-border-color);border-radius:var(--field-control-layout-border-radius);border-style:var(--field-control-layout-border-style);border-width:var(--field-control-layout-border-width);box-sizing:border-box;font-size:var(--field-control-layout-text-size);line-height:var(--field-control-layout-text-line-height);min-height:var(--field-control-layout-height);padding:var(--field-control-layout-padding);transition:border-color .15s,box-shadow .15s}.FieldControlLayout_disabled{--field-control-layout-placeholder-color:var(--color-control-typo-disable);--field-control-layout-input-color:var(--color-control-typo-disable);--field-control-layout-slot-color:var(--color-control-typo-disable)}.FieldControlLayout-Container{display:flex;gap:var(--field-control-layout-space);min-height:var(--field-control-layout-slot-height)}.FieldControlLayout-Slot{align-items:center;color:var(--field-control-layout-slot-color);display:flex;flex:none;font-size:var(--field-control-layout-text-size);height:var(--field-control-layout-slot-height);justify-content:center}.FieldControlLayout-Сhildren{flex:auto}
+    );--field-control-layout-input-color:var(--color-control-typo-default);background-color:var(--field-control-layout-bg-color);border-color:var(--field-control-layout-border-color);border-radius:var(--field-control-layout-border-radius);border-style:var(--field-control-layout-border-style);border-width:var(--field-control-layout-border-width);box-sizing:border-box;font-size:var(--field-control-layout-text-size);line-height:var(--field-control-layout-text-line-height);min-height:var(--field-control-layout-height);padding:var(--field-control-layout-padding);transition:border-color .15s,box-shadow .15s}.FieldControlLayout_disabled{--field-control-layout-placeholder-color:var(--color-control-typo-disable);--field-control-layout-input-color:var(--color-control-typo-disable);--field-control-layout-slot-color:var(--color-control-typo-disable)}.FieldControlLayout-Container{display:flex;gap:var(--field-control-layout-space);min-height:var(--field-control-layout-slot-height)}.FieldControlLayout-Slot{align-items:center;color:var(--field-control-layout-slot-color);display:flex;flex:none;font-size:var(--field-control-layout-text-size);height:var(--field-control-layout-slot-height);justify-content:center}.FieldControlLayout-Children{flex:auto}

package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","form","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef}from"react";import{useFlag}from"../../../hooks/useFlag";import{cnFieldControlLayout}from"./cnFieldControlLayout";import{formGuard,getBgColor,getBorderColor,getBorderRadius,getBorderStyle,getPadding,getSlots}from"./helpers";var renderContentSlot=function(a,b,c){return React.createElement("div",{key:b,ref:null===c||void 0===c?void 0:c[b],className:cnFieldControlLayout("Slot")},a)};export var FieldControlLayout=forwardRef(function(a,b){var c,d=a.className,e=a.size,f=void 0===e?"m":e,g=a.form,h=void 0===g?"default":g,i=a.disabled,j=void 0!==i&&i,k=a.view,l=void 0===k?"default":k,m=a.status,n=a.leftSide,o=a.rightSide,p=a.children,q=a.style,r=a.focused,s=a.leftSlotsRefs,t=a.rightSlotsRefs,u=_objectWithoutProperties(a,_excluded),v=getSlots(n),w=getSlots(o),x=formGuard(h),y=useFlag(),z=_slicedToArray(y,2),A=z[0],B=z[1];return React.createElement("div",Object.assign({},u,{ref:b,className:cnFieldControlLayout({form:x,disabled:j,view:l},[d]),style:_objectSpread(_objectSpread({},q),{},(c={},_defineProperty(c,"--field-control-layout-border-color",getBorderColor(r,A,m,j)),_defineProperty(c,"--field-control-layout-height","var(--control-height-".concat(f,")")),_defineProperty(c,"--field-control-layout-space","calc(var(--control-space-".concat(f,") * 0.5)")),_defineProperty(c,"--field-control-layout-text-size","var(--control-text-size-".concat(f,")")),_defineProperty(c,"--field-control-layout-text-line-height","var(--line-height-text-".concat(f,")")),_defineProperty(c,"--field-control-layout-border-radius",getBorderRadius(x,l)),_defineProperty(c,"--field-control-layout-border-style",getBorderStyle(x,l)),_defineProperty(c,"--field-control-layout-padding",getPadding(x,l)),_defineProperty(c,"--field-control-layout-bg-color",getBgColor(l,j)),_defineProperty(c,"--field-control-layout-border-width","default"===l?"var(--control-border-width)":"0px"),c)),onMouseEnter:B.on,onMouseLeave:B.off}),React.createElement("div",{className:cnFieldControlLayout("Container")},!!v.length&&v.map(function(a,b){return renderContentSlot(a,b,s)}),React.createElement("div",{className:cnFieldControlLayout("\u0421hildren")},p),!!w.length&&w.map(function(a,b){return renderContentSlot(a,b,t)})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","form","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef}from"react";import{useFlag}from"../../../hooks/useFlag";import{cnFieldControlLayout}from"./cnFieldControlLayout";import{formGuard,getBgColor,getBorderColor,getBorderRadius,getBorderStyle,getPadding,getSlots}from"./helpers";var renderContentSlot=function(a,b,c){return React.createElement("div",{key:b,ref:null===c||void 0===c?void 0:c[b],className:cnFieldControlLayout("Slot")},a)};export var FieldControlLayout=forwardRef(function(a,b){var c,d=a.className,e=a.size,f=void 0===e?"m":e,g=a.form,h=void 0===g?"default":g,i=a.disabled,j=void 0!==i&&i,k=a.view,l=void 0===k?"default":k,m=a.status,n=a.leftSide,o=a.rightSide,p=a.children,q=a.style,r=a.focused,s=a.leftSlotsRefs,t=a.rightSlotsRefs,u=_objectWithoutProperties(a,_excluded),v=getSlots(n),w=getSlots(o),x=formGuard(h),y=useFlag(),z=_slicedToArray(y,2),A=z[0],B=z[1];return React.createElement("div",Object.assign({},u,{ref:b,className:cnFieldControlLayout({form:x,disabled:j,view:l},[d]),style:_objectSpread(_objectSpread({},q),{},(c={},_defineProperty(c,"--field-control-layout-border-color",getBorderColor(r,A,m,j)),_defineProperty(c,"--field-control-layout-height","var(--control-height-".concat(f,")")),_defineProperty(c,"--field-control-layout-space","calc(var(--control-space-".concat(f,") * 0.5)")),_defineProperty(c,"--field-control-layout-text-size","var(--control-text-size-".concat(f,")")),_defineProperty(c,"--field-control-layout-text-line-height","var(--line-height-text-".concat(f,")")),_defineProperty(c,"--field-control-layout-border-radius",getBorderRadius(x,l)),_defineProperty(c,"--field-control-layout-border-style",getBorderStyle(x,l)),_defineProperty(c,"--field-control-layout-padding",getPadding(x,l)),_defineProperty(c,"--field-control-layout-bg-color",getBgColor(l,j)),_defineProperty(c,"--field-control-layout-border-width","default"===l?"var(--control-border-width)":"0px"),c)),onMouseEnter:B.on,onMouseLeave:B.off}),React.createElement("div",{className:cnFieldControlLayout("Container")},!!v.length&&v.map(function(a,b){return renderContentSlot(a,b,s)}),React.createElement("div",{className:cnFieldControlLayout("Children")},p),!!w.length&&w.map(function(a,b){return renderContentSlot(a,b,t)})))});
 //# sourceMappingURL=FieldControlLayout.js.map

package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldControlLayout.js","names":["React","forwardRef","useFlag","cnFieldControlLayout","formGuard","getBgColor","getBorderColor","getBorderRadius","getBorderStyle","getPadding","getSlots","renderContentSlot","node","index","slotsRefs","FieldControlLayout","props","ref","className","size","form","formProp","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs","otherProps","leftSlots","rightSlots","hovered","setHovered","on","off","length","map","slot"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/FieldControlLayout.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useFlag } from '##/hooks/useFlag';\n\nimport { cnFieldControlLayout } from './cnFieldControlLayout';\nimport {\n  formGuard,\n  getBgColor,\n  getBorderColor,\n  getBorderRadius,\n  getBorderStyle,\n  getPadding,\n  getSlots,\n} from './helpers';\nimport { FieldControlLayoutProps } from './types';\n\nconst renderContentSlot = (\n  node: React.ReactNode,\n  index: number,\n  slotsRefs?: React.Ref<HTMLDivElement>[],\n) => (\n  <div\n    key={index}\n    ref={slotsRefs?.[index]}\n    className={cnFieldControlLayout('Slot')}\n  >\n    {node}\n  </div>\n);\n\nexport const FieldControlLayout = forwardRef<\n  HTMLDivElement,\n  FieldControlLayoutProps\n>((props, ref) => {\n  const {\n    className,\n    size = 'm',\n    form: formProp = 'default',\n    disabled = false,\n    view = 'default',\n    status,\n    leftSide,\n    rightSide,\n    children,\n    style,\n    focused,\n    leftSlotsRefs,\n    rightSlotsRefs,\n    ...otherProps\n  } = props;\n  const leftSlots = getSlots(leftSide);\n  const rightSlots = getSlots(rightSide);\n\n  // ToDo: Удалить после того как удалим из всех компоентов \"clearClear\"\n  const form = formGuard(formProp);\n\n  const [hovered, setHovered] = useFlag();\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnFieldControlLayout({ form, disabled, view }, [className])}\n      style={{\n        ...style,\n        ['--field-control-layout-border-color' as string]: getBorderColor(\n          focused,\n          hovered,\n          status,\n          disabled,\n        ),\n        ['--field-control-layout-height' as string]: `var(--control-height-${size})`,\n        ['--field-control-layout-space' as string]: `calc(var(--control-space-${size}) * 0.5)`,\n        ['--field-control-layout-text-size' as string]: `var(--control-text-size-${size})`,\n        ['--field-control-layout-text-line-height' as string]: `var(--line-height-text-${size})`,\n        ['--field-control-layout-border-radius' as string]: getBorderRadius(\n          form,\n          view,\n        ),\n        ['--field-control-layout-border-style' as string]: getBorderStyle(\n          form,\n          view,\n        ),\n        ['--field-control-layout-padding' as string]: getPadding(form, view),\n        ['--field-control-layout-bg-color' as string]: getBgColor(\n          view,\n          disabled,\n        ),\n        ['--field-control-layout-border-width' as string]:\n          view === 'default' ? 'var(--control-border-width)' : '0px',\n      }}\n      onMouseEnter={setHovered.on}\n      onMouseLeave={setHovered.off}\n    >\n      <div className={cnFieldControlLayout('Container')}>\n        {!!leftSlots.length &&\n          leftSlots.map((slot, index) =>\n            renderContentSlot(slot, index, leftSlotsRefs),\n          )}\n        <div className={cnFieldControlLayout('Сhildren')}>{children}</div>\n        {!!rightSlots.length &&\n          rightSlots.map((slot, index) =>\n            renderContentSlot(slot, index, rightSlotsRefs),\n          )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"FieldControlLayout.js","names":["React","forwardRef","useFlag","cnFieldControlLayout","formGuard","getBgColor","getBorderColor","getBorderRadius","getBorderStyle","getPadding","getSlots","renderContentSlot","node","index","slotsRefs","FieldControlLayout","props","ref","className","size","form","formProp","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs","otherProps","leftSlots","rightSlots","hovered","setHovered","on","off","length","map","slot"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/FieldControlLayout.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useFlag } from '##/hooks/useFlag';\n\nimport { cnFieldControlLayout } from './cnFieldControlLayout';\nimport {\n  formGuard,\n  getBgColor,\n  getBorderColor,\n  getBorderRadius,\n  getBorderStyle,\n  getPadding,\n  getSlots,\n} from './helpers';\nimport { FieldControlLayoutProps } from './types';\n\nconst renderContentSlot = (\n  node: React.ReactNode,\n  index: number,\n  slotsRefs?: React.Ref<HTMLDivElement>[],\n) => (\n  <div\n    key={index}\n    ref={slotsRefs?.[index]}\n    className={cnFieldControlLayout('Slot')}\n  >\n    {node}\n  </div>\n);\n\nexport const FieldControlLayout = forwardRef<\n  HTMLDivElement,\n  FieldControlLayoutProps\n>((props, ref) => {\n  const {\n    className,\n    size = 'm',\n    form: formProp = 'default',\n    disabled = false,\n    view = 'default',\n    status,\n    leftSide,\n    rightSide,\n    children,\n    style,\n    focused,\n    leftSlotsRefs,\n    rightSlotsRefs,\n    ...otherProps\n  } = props;\n  const leftSlots = getSlots(leftSide);\n  const rightSlots = getSlots(rightSide);\n\n  // ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\n  const form = formGuard(formProp);\n\n  const [hovered, setHovered] = useFlag();\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnFieldControlLayout({ form, disabled, view }, [className])}\n      style={{\n        ...style,\n        ['--field-control-layout-border-color' as string]: getBorderColor(\n          focused,\n          hovered,\n          status,\n          disabled,\n        ),\n        ['--field-control-layout-height' as string]: `var(--control-height-${size})`,\n        ['--field-control-layout-space' as string]: `calc(var(--control-space-${size}) * 0.5)`,\n        ['--field-control-layout-text-size' as string]: `var(--control-text-size-${size})`,\n        ['--field-control-layout-text-line-height' as string]: `var(--line-height-text-${size})`,\n        ['--field-control-layout-border-radius' as string]: getBorderRadius(\n          form,\n          view,\n        ),\n        ['--field-control-layout-border-style' as string]: getBorderStyle(\n          form,\n          view,\n        ),\n        ['--field-control-layout-padding' as string]: getPadding(form, view),\n        ['--field-control-layout-bg-color' as string]: getBgColor(\n          view,\n          disabled,\n        ),\n        ['--field-control-layout-border-width' as string]:\n          view === 'default' ? 'var(--control-border-width)' : '0px',\n      }}\n      onMouseEnter={setHovered.on}\n      onMouseLeave={setHovered.off}\n    >\n      <div className={cnFieldControlLayout('Container')}>\n        {!!leftSlots.length &&\n          leftSlots.map((slot, index) =>\n            renderContentSlot(slot, index, leftSlotsRefs),\n          )}\n        <div className={cnFieldControlLayout('Children')}>{children}</div>\n        {!!rightSlots.length &&\n          rightSlots.map((slot, index) =>\n            renderContentSlot(slot, index, rightSlotsRefs),\n          )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","getPadding","borderRadiusToCss","getBorderRadius","map","join","getBorderColor","focused","hovered","status","disabled","getBgColor","formGuard","from"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';\nimport {\n  borderRadiusMap,\n  borderWidthMap,\n  FieldControlLayoutBorderRadiusNode,\n  FieldControlLayoutBorderWidthNode,\n  FieldControlLayoutPaddingNode,\n  paddingMap,\n} from './maps';\n\nexport const getSlots = (\n  side: React.ReactNode | JSX.Element[],\n): React.ReactNode[] => {\n  return ((Array.isArray(side) ? side : [side]) as []).filter(\n    (item) => isNotNil(item) && item !== false,\n  );\n};\n\nconst borderToCss = (value: FieldControlLayoutBorderWidthNode) => {\n  return value ? 'solid' : 'none';\n};\n\nexport const getBorderStyle = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `solid ${borderToCss(borderWidthMap[form][1])} solid ${borderToCss(\n        borderWidthMap[form][0],\n      )}`\n    : `none`;\n};\n\nconst paddingToCss = (value: FieldControlLayoutPaddingNode): string => {\n  return value === 'increased'\n    ? 'calc(var(--field-control-layout-space) * 1.6)'\n    : 'var(--field-control-layout-space)';\n};\n\nexport const getPadding = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `0px ${paddingToCss(paddingMap[form][1])} 0px ${paddingToCss(\n        paddingMap[form][0],\n      )}`\n    : `1px 0px 1px 0px`;\n};\n\nconst borderRadiusToCss = (\n  value: FieldControlLayoutBorderRadiusNode,\n): string => {\n  if (value === 'default') {\n    return 'var(--control-radius)';\n  }\n  if (value === 'round') {\n    return 'calc(var(--field-control-layout-height) / 2)';\n  }\n  return '0px';\n};\n\nexport const getBorderRadius = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? borderRadiusMap[form].map(borderRadiusToCss).join(' ')\n    : `0px 0px 0px 0px`;\n};\n\nexport const getBorderColor = (\n  focused?: boolean,\n  hovered?: boolean,\n  status?: FieldPropStatus,\n  disabled?: boolean,\n) => {\n  if (disabled) {\n    return 'transparent';\n  }\n  if (focused) {\n    return 'var(--color-control-bg-border-focus)';\n  }\n  if (hovered) {\n    return 'var(--color-control-bg-border-default-hover)';\n  }\n  if (status) {\n    return `var(--color-bg-${status})`;\n  }\n  return 'var(--color-control-bg-border-default)';\n};\n\nexport const getBgColor = (view: FieldPropView, disabled?: boolean) => {\n  if (view === 'default' && disabled) {\n    return 'var(--color-control-bg-disable)';\n  }\n  if (view === 'default') {\n    return 'var(--color-bg-default)';\n  }\n};\n\n// ToDo: Удалить после того как удалим из всех компоентов \"clearClear\"\nexport const formGuard = (from: FieldPropForm | 'clearClear'): FieldPropForm =>\n  from === 'clearClear' ? 'clear' : from;\n"],"mappings":"AAEA,OAASA,QAAT,kCAGA,OACEC,eADF,CAEEC,cAFF,CAMEC,UANF,cASA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEA,CACtB,MAAO,CAAEC,KAAK,CAACC,OAAN,CAAcF,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA/B,EAA8CG,MAA9C,CACL,SAACC,CAAD,QAAUT,SAAQ,CAACS,CAAD,CAAR,EAAkB,KAAAA,CAA5B,CADK,CAGR,CANM,CAQP,GAAMC,YAAW,CAAG,SAACC,CAAD,CAA8C,CAChE,MAAOA,EAAK,CAAG,OAAH,CAAa,MAC1B,CAFD,CAIA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGjB,CACX,MAAgB,SAAT,GAAAA,CAAI,iBACEJ,WAAW,CAACR,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CAAD,CADb,mBACgDH,WAAW,CAChER,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CADgE,CAD3D,QAKZ,CATM,CAWP,GAAME,aAAY,CAAG,SAACJ,CAAD,CAAkD,CACrE,MAAiB,WAAV,GAAAA,CAAK,CACR,+CADQ,CAER,mCACL,CAJD,CAMA,MAAO,IAAMK,WAAU,CAAG,SACxBH,CADwB,CAExBC,CAFwB,CAGb,CACX,MAAgB,SAAT,GAAAA,CAAI,eACAC,YAAY,CAACZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAAD,CADZ,iBACyCE,YAAY,CAC1DZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAD0D,CADrD,mBAKZ,CATM,CAWP,GAAMI,kBAAiB,CAAG,SACxBN,CADwB,CAEb,OACG,SAAV,GAAAA,CADO,CAEF,uBAFE,CAIG,OAAV,GAAAA,CAJO,CAKF,8CALE,CAOJ,KACR,CAVD,CAYA,MAAO,IAAMO,gBAAe,CAAG,SAC7BL,CAD6B,CAE7BC,CAF6B,CAGlB,CACX,MAAgB,SAAT,GAAAA,CAAI,CACPb,eAAe,CAACY,CAAD,CAAf,CAAsBM,GAAtB,CAA0BF,iBAA1B,EAA6CG,IAA7C,CAAkD,GAAlD,CADO,kBAGZ,CAPM,CASP,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BC,CAJ4B,CAKzB,OACCA,EADD,CAEM,aAFN,CAICH,CAJD,CAKM,sCALN,CAOCC,CAPD,CAQM,8CARN,CAUCC,CAVD,0BAWwBA,CAXxB,MAaI,wCACR,CAnBM,CAqBP,MAAO,IAAME,WAAU,CAAG,SAACZ,CAAD,CAAsBW,CAAtB,CAA6C,OACxD,SAAT,GAAAX,CAAI,EAAkBW,CAD2C,CAE5D,iCAF4D,CAIxD,SAAT,GAAAX,CAJiE,CAK5D,yBAL4D,OAOtE,CAPM,CAUP,MAAO,IAAMa,UAAS,CAAG,SAACC,CAAD,QACd,YAAT,GAAAA,CAAI,CAAoB,OAApB,CAA8BA,CADX,CAAlB"}
+{"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","getPadding","borderRadiusToCss","getBorderRadius","map","join","getBorderColor","focused","hovered","status","disabled","getBgColor","formGuard","from"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';\nimport {\n  borderRadiusMap,\n  borderWidthMap,\n  FieldControlLayoutBorderRadiusNode,\n  FieldControlLayoutBorderWidthNode,\n  FieldControlLayoutPaddingNode,\n  paddingMap,\n} from './maps';\n\nexport const getSlots = (\n  side: React.ReactNode | JSX.Element[],\n): React.ReactNode[] => {\n  return ((Array.isArray(side) ? side : [side]) as []).filter(\n    (item) => isNotNil(item) && item !== false,\n  );\n};\n\nconst borderToCss = (value: FieldControlLayoutBorderWidthNode) => {\n  return value ? 'solid' : 'none';\n};\n\nexport const getBorderStyle = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `solid ${borderToCss(borderWidthMap[form][1])} solid ${borderToCss(\n        borderWidthMap[form][0],\n      )}`\n    : `none`;\n};\n\nconst paddingToCss = (value: FieldControlLayoutPaddingNode): string => {\n  return value === 'increased'\n    ? 'calc(var(--field-control-layout-space) * 1.6)'\n    : 'var(--field-control-layout-space)';\n};\n\nexport const getPadding = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `0px ${paddingToCss(paddingMap[form][1])} 0px ${paddingToCss(\n        paddingMap[form][0],\n      )}`\n    : `1px 0px 1px 0px`;\n};\n\nconst borderRadiusToCss = (\n  value: FieldControlLayoutBorderRadiusNode,\n): string => {\n  if (value === 'default') {\n    return 'var(--control-radius)';\n  }\n  if (value === 'round') {\n    return 'calc(var(--field-control-layout-height) / 2)';\n  }\n  return '0px';\n};\n\nexport const getBorderRadius = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? borderRadiusMap[form].map(borderRadiusToCss).join(' ')\n    : `0px 0px 0px 0px`;\n};\n\nexport const getBorderColor = (\n  focused?: boolean,\n  hovered?: boolean,\n  status?: FieldPropStatus,\n  disabled?: boolean,\n) => {\n  if (disabled) {\n    return 'transparent';\n  }\n  if (focused) {\n    return 'var(--color-control-bg-border-focus)';\n  }\n  if (hovered) {\n    return 'var(--color-control-bg-border-default-hover)';\n  }\n  if (status) {\n    return `var(--color-bg-${status})`;\n  }\n  return 'var(--color-control-bg-border-default)';\n};\n\nexport const getBgColor = (view: FieldPropView, disabled?: boolean) => {\n  if (view === 'default' && disabled) {\n    return 'var(--color-control-bg-disable)';\n  }\n  if (view === 'default') {\n    return 'var(--color-bg-default)';\n  }\n};\n\n// ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\nexport const formGuard = (from: FieldPropForm | 'clearClear'): FieldPropForm =>\n  from === 'clearClear' ? 'clear' : from;\n"],"mappings":"AAEA,OAASA,QAAT,kCAGA,OACEC,eADF,CAEEC,cAFF,CAMEC,UANF,cASA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEA,CACtB,MAAO,CAAEC,KAAK,CAACC,OAAN,CAAcF,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA/B,EAA8CG,MAA9C,CACL,SAACC,CAAD,QAAUT,SAAQ,CAACS,CAAD,CAAR,EAAkB,KAAAA,CAA5B,CADK,CAGR,CANM,CAQP,GAAMC,YAAW,CAAG,SAACC,CAAD,CAA8C,CAChE,MAAOA,EAAK,CAAG,OAAH,CAAa,MAC1B,CAFD,CAIA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGjB,CACX,MAAgB,SAAT,GAAAA,CAAI,iBACEJ,WAAW,CAACR,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CAAD,CADb,mBACgDH,WAAW,CAChER,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CADgE,CAD3D,QAKZ,CATM,CAWP,GAAME,aAAY,CAAG,SAACJ,CAAD,CAAkD,CACrE,MAAiB,WAAV,GAAAA,CAAK,CACR,+CADQ,CAER,mCACL,CAJD,CAMA,MAAO,IAAMK,WAAU,CAAG,SACxBH,CADwB,CAExBC,CAFwB,CAGb,CACX,MAAgB,SAAT,GAAAA,CAAI,eACAC,YAAY,CAACZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAAD,CADZ,iBACyCE,YAAY,CAC1DZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAD0D,CADrD,mBAKZ,CATM,CAWP,GAAMI,kBAAiB,CAAG,SACxBN,CADwB,CAEb,OACG,SAAV,GAAAA,CADO,CAEF,uBAFE,CAIG,OAAV,GAAAA,CAJO,CAKF,8CALE,CAOJ,KACR,CAVD,CAYA,MAAO,IAAMO,gBAAe,CAAG,SAC7BL,CAD6B,CAE7BC,CAF6B,CAGlB,CACX,MAAgB,SAAT,GAAAA,CAAI,CACPb,eAAe,CAACY,CAAD,CAAf,CAAsBM,GAAtB,CAA0BF,iBAA1B,EAA6CG,IAA7C,CAAkD,GAAlD,CADO,kBAGZ,CAPM,CASP,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BC,CAJ4B,CAKzB,OACCA,EADD,CAEM,aAFN,CAICH,CAJD,CAKM,sCALN,CAOCC,CAPD,CAQM,8CARN,CAUCC,CAVD,0BAWwBA,CAXxB,MAaI,wCACR,CAnBM,CAqBP,MAAO,IAAME,WAAU,CAAG,SAACZ,CAAD,CAAsBW,CAAtB,CAA6C,OACxD,SAAT,GAAAX,CAAI,EAAkBW,CAD2C,CAE5D,iCAF4D,CAIxD,SAAT,GAAAX,CAJiE,CAK5D,yBAL4D,OAOtE,CAPM,CAUP,MAAO,IAAMa,UAAS,CAAG,SAACC,CAAD,QACd,YAAT,GAAAA,CAAI,CAAoB,OAApB,CAA8BA,CADX,CAAlB"}

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";var renderCounter=function(a){return React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a},spaseMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"},directionMap={top:"column",left:"row"};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaseMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{status:l},j),n&&renderCounter(n))))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";var renderCounter=function(a){return React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a},spaceMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"},directionMap={top:"column",left:"row"};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaceMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{status:l},j),n&&renderCounter(n))))});
 //# sourceMappingURL=FieldWrapper.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","renderCounter","counter","Array","isArray","join","renderSide","side","spaseMap","l","m","s","xs","directionMap","top","left","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex, MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldPropSize, FieldPropStatus } from '../types';\nimport { cnFieldWrapper } from './cnFieldWrapper';\n\ntype Counter = string | number | [string | number, string | number];\n\ntype FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text view=\"ghost\" size=\"xs\" lineHeight=\"m\">\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nconst spaseMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nconst directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaseMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption status={status}>{caption}</FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","renderCounter","counter","Array","isArray","join","renderSide","side","spaceMap","l","m","s","xs","directionMap","top","left","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex, MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldPropSize, FieldPropStatus } from '../types';\nimport { cnFieldWrapper } from './cnFieldWrapper';\n\ntype Counter = string | number | [string | number, string | number];\n\ntype FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text view=\"ghost\" size=\"xs\" lineHeight=\"m\">\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nconst spaceMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nconst directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaceMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption status={status}>{caption}</FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -1,15 +1 @@
-export * from './FieldCaption';
-export * from './FieldLabel';
-export * from './FieldControlLayout';
-export * from './FieldIcon';
-export * from './FieldInput';
-export * from './FieldButton';
-export * from './FieldCounter';
-export * from './FieldClearButton';
-export * from './FieldToggleVisiblePasswordButton';
-export * from './renderSide';
-export * from './FieldButtonStyleReset';
-export * from './FieldArrayValueInlineControl';
-export * from './FieldArrayValueItem';
-export * from './FieldWrapper';
-export * from './types';
+export * from './FieldComponents';

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

@@ -1,2 +1,2 @@
-export*from"./FieldCaption";export*from"./FieldLabel";export*from"./FieldControlLayout";export*from"./FieldIcon";export*from"./FieldInput";export*from"./FieldButton";export*from"./FieldCounter";export*from"./FieldClearButton";export*from"./FieldToggleVisiblePasswordButton";export*from"./renderSide";export*from"./FieldButtonStyleReset";export*from"./FieldArrayValueInlineControl";export*from"./FieldArrayValueItem";export*from"./FieldWrapper";export*from"./types";
+export*from"./FieldComponents";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/FieldComponents/index.ts"],"sourcesContent":["export * from './FieldCaption';\nexport * from './FieldLabel';\nexport * from './FieldControlLayout';\nexport * from './FieldIcon';\nexport * from './FieldInput';\nexport * from './FieldButton';\nexport * from './FieldCounter';\nexport * from './FieldClearButton';\nexport * from './FieldToggleVisiblePasswordButton';\nexport * from './renderSide';\nexport * from './FieldButtonStyleReset';\nexport * from './FieldArrayValueInlineControl';\nexport * from './FieldArrayValueItem';\nexport * from './FieldWrapper';\nexport * from './types';\n"],"mappings":"AAAA,4BACA,0BACA,kCACA,yBACA,0BACA,2BACA,4BACA,gCACA,gDACA,0BACA,qCACA,4CACA,mCACA,4BACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/FieldComponents/index.ts"],"sourcesContent":["export * from './FieldComponents';\n"],"mappings":"AAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["useBreakpoints","isEmpty","isNotNil","normalizeGap","gap","alignMap","left","top","center","right","bottom","normalizeAlign","align","calculateBreakpoints","breakpoints","activeBreakpoints","retuned","key","Object","prototype","hasOwnProperty","call","useGridBreakpoints","ref","keys","map","fromEntries","item","filter","isActive","length"],"sources":["../../../../../src/components/Grid/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { useBreakpoints } from '##/hooks/useBreakpoints';\nimport { isEmpty } from '##/utils/object';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';\n\nexport const normalizeGap = (gap: GridPropGap | undefined) => {\n  if (typeof gap === 'string') {\n    return `var(--space-${gap})`;\n  }\n\n  return gap;\n};\n\nconst alignMap = {\n  left: 'start',\n  top: 'start',\n  center: 'center',\n  right: 'end',\n  bottom: 'end',\n} as const;\n\nexport const normalizeAlign = (\n  align: GridPropXAlign | GridPropYAlign | undefined,\n) => (align ? alignMap[align] : undefined);\n\nconst calculateBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  activeBreakpoints: Record<string, boolean>,\n) => {\n  let retuned = {} as T;\n  for (const key in activeBreakpoints) {\n    if (\n      Object.prototype.hasOwnProperty.call(activeBreakpoints, key) &&\n      activeBreakpoints[key]\n    ) {\n      retuned = { ...retuned, ...breakpoints[key] };\n    } else {\n      break;\n    }\n  }\n\n  return retuned;\n};\n\nexport const useGridBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  ref?: React.RefObject<HTMLElement>,\n) => {\n  const keys = Object.keys(breakpoints);\n\n  const map = Object.fromEntries(\n    keys\n      .map((item) => {\n        return isEmpty(breakpoints[item])\n          ? undefined\n          : ([item, Number(item)] as const);\n      })\n      .filter(isNotNil),\n  );\n\n  const activeBreakpoints = useBreakpoints({\n    map,\n    ref,\n    isActive: keys.length > 1,\n  });\n\n  return calculateBreakpoints(breakpoints, activeBreakpoints);\n};\n"],"mappings":"qqBAEA,OAASA,cAAT,kCACA,OAASC,OAAT,0BACA,OAASC,QAAT,+BAIA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAkC,OACzC,QAAf,QAAOA,EADiD,uBAEpCA,CAFoC,MAKrDA,CACR,CANM,CAQP,GAAMC,SAAQ,CAAG,CACfC,IAAI,CAAE,OADS,CAEfC,GAAG,CAAE,OAFU,CAGfC,MAAM,CAAE,QAHO,CAIfC,KAAK,CAAE,KAJQ,CAKfC,MAAM,CAAE,KALO,CAAjB,CAQA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,QAExBA,EAAK,CAAGP,QAAQ,CAACO,CAAD,CAAX,OAFmB,CAAvB,CAIP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GAAIC,EAAO,CAAG,EAAd,CACA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACE,GACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAAwDE,CAAxD,GACAF,CAAiB,CAACE,CAAD,CAFnB,CAIED,CAAO,gCAAQA,CAAR,EAAoBF,CAAW,CAACG,CAAD,CAA/B,CAJT,KAME,OAIJ,MAAOD,EACR,CAjBD,CAmBA,MAAO,IAAMM,mBAAkB,CAAG,SAChCR,CADgC,CAEhCS,CAFgC,CAG7B,IACGC,EAAI,CAAGN,MAAM,CAACM,IAAP,CAAYV,CAAZ,CADV,CAGGW,CAAG,CAAGP,MAAM,CAACQ,WAAP,CACVF,CAAI,CACDC,GADH,CACO,SAACE,CAAD,CAAU,CACb,MAAO1B,QAAO,CAACa,CAAW,CAACa,CAAD,CAAZ,CAAP,QAEF,CAACA,CAAD,EAAcA,CAAd,CACN,CALH,EAMGC,MANH,CAMU1B,QANV,CADU,CAHT,CAaGa,CAAiB,CAAGf,cAAc,CAAC,CACvCyB,GAAG,CAAHA,CADuC,CAEvCF,GAAG,CAAHA,CAFuC,CAGvCM,QAAQ,CAAgB,CAAd,CAAAL,CAAI,CAACM,MAHwB,CAAD,CAbrC,CAmBH,MAAOjB,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAC5B,CAvBM"}
+{"version":3,"file":"helpers.js","names":["useBreakpoints","isEmpty","isNotNil","normalizeGap","gap","alignMap","left","top","center","right","bottom","normalizeAlign","align","calculateBreakpoints","breakpoints","activeBreakpoints","returned","key","Object","prototype","hasOwnProperty","call","useGridBreakpoints","ref","keys","map","fromEntries","item","filter","isActive","length"],"sources":["../../../../../src/components/Grid/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { useBreakpoints } from '##/hooks/useBreakpoints';\nimport { isEmpty } from '##/utils/object';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';\n\nexport const normalizeGap = (gap: GridPropGap | undefined) => {\n  if (typeof gap === 'string') {\n    return `var(--space-${gap})`;\n  }\n\n  return gap;\n};\n\nconst alignMap = {\n  left: 'start',\n  top: 'start',\n  center: 'center',\n  right: 'end',\n  bottom: 'end',\n} as const;\n\nexport const normalizeAlign = (\n  align: GridPropXAlign | GridPropYAlign | undefined,\n) => (align ? alignMap[align] : undefined);\n\nconst calculateBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  activeBreakpoints: Record<string, boolean>,\n) => {\n  let returned = {} as T;\n  for (const key in activeBreakpoints) {\n    if (\n      Object.prototype.hasOwnProperty.call(activeBreakpoints, key) &&\n      activeBreakpoints[key]\n    ) {\n      returned = { ...returned, ...breakpoints[key] };\n    } else {\n      break;\n    }\n  }\n\n  return returned;\n};\n\nexport const useGridBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  ref?: React.RefObject<HTMLElement>,\n) => {\n  const keys = Object.keys(breakpoints);\n\n  const map = Object.fromEntries(\n    keys\n      .map((item) => {\n        return isEmpty(breakpoints[item])\n          ? undefined\n          : ([item, Number(item)] as const);\n      })\n      .filter(isNotNil),\n  );\n\n  const activeBreakpoints = useBreakpoints({\n    map,\n    ref,\n    isActive: keys.length > 1,\n  });\n\n  return calculateBreakpoints(breakpoints, activeBreakpoints);\n};\n"],"mappings":"qqBAEA,OAASA,cAAT,kCACA,OAASC,OAAT,0BACA,OAASC,QAAT,+BAIA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAkC,OACzC,QAAf,QAAOA,EADiD,uBAEpCA,CAFoC,MAKrDA,CACR,CANM,CAQP,GAAMC,SAAQ,CAAG,CACfC,IAAI,CAAE,OADS,CAEfC,GAAG,CAAE,OAFU,CAGfC,MAAM,CAAE,QAHO,CAIfC,KAAK,CAAE,KAJQ,CAKfC,MAAM,CAAE,KALO,CAAjB,CAQA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,QAExBA,EAAK,CAAGP,QAAQ,CAACO,CAAD,CAAX,OAFmB,CAAvB,CAIP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GAAIC,EAAQ,CAAG,EAAf,CACA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACE,GACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAAwDE,CAAxD,GACAF,CAAiB,CAACE,CAAD,CAFnB,CAIED,CAAQ,gCAAQA,CAAR,EAAqBF,CAAW,CAACG,CAAD,CAAhC,CAJV,KAME,OAIJ,MAAOD,EACR,CAjBD,CAmBA,MAAO,IAAMM,mBAAkB,CAAG,SAChCR,CADgC,CAEhCS,CAFgC,CAG7B,IACGC,EAAI,CAAGN,MAAM,CAACM,IAAP,CAAYV,CAAZ,CADV,CAGGW,CAAG,CAAGP,MAAM,CAACQ,WAAP,CACVF,CAAI,CACDC,GADH,CACO,SAACE,CAAD,CAAU,CACb,MAAO1B,QAAO,CAACa,CAAW,CAACa,CAAD,CAAZ,CAAP,QAEF,CAACA,CAAD,EAAcA,CAAd,CACN,CALH,EAMGC,MANH,CAMU1B,QANV,CADU,CAHT,CAaGa,CAAiB,CAAGf,cAAc,CAAC,CACvCyB,GAAG,CAAHA,CADuC,CAEvCF,GAAG,CAAHA,CAFuC,CAGvCM,QAAQ,CAAgB,CAAd,CAAAL,CAAI,CAACM,MAHwB,CAAD,CAbrC,CAmBH,MAAOjB,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAC5B,CAvBM"}

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

@@ -1 +1 @@
-.Informer{background-color:var(--informer-bg);border-radius:var(--space-xs);color:var(--color-typo-primary)}.Informer_view_bordered{--informer-bg:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-bg-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{--informer-bg:var(--informer-bg-color)}.Informer_view_outline{--informer-icon-color:var(--informer-typo-color);--informer-bg:color-mix(in srgb,var(--informer-bg-color) var(--informer-bg-opacity),var(--color-bg-default));border:var(--control-border-width) solid var(--informer-border-color)}.Informer-Icon{color:var(--informer-icon-color,inherit);flex:1}
+.Informer{background-color:var(--informer-bg);border-radius:var(--space-xs);color:var(--color-typo-primary)}.Informer_view_bordered{--informer-bg:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-bg-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{--informer-bg:var(--informer-bg-color)}.Informer_view_outline{--informer-icon-color:var(--informer-typo-color);--informer-bg:color-mix(in srgb,var(--informer-bg-color) var(--informer-bg-opacity),var(--color-bg-default));border:var(--control-border-width) solid var(--informer-border-color)}.Informer-Icon{color:var(--informer-icon-color,inherit);flex:none}

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

@@ -10,7 +10,7 @@ export declare type InformerPropStatus = typeof informerPropStatus[number];
 export declare const informerPropStatusDefault: InformerPropStatus;
 export declare const informerPropSize: readonly ["m", "s"];
 export declare type InformerPropSize = typeof informerPropSize[number];
-export declare const informerPropSiseDefault: InformerPropSize;
+export declare const informerPropSizeDefault: InformerPropSize;
 declare type Props = {
     view?: InformerPropView;
     status?: InformerPropStatus;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered', 'outline'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n  'normal',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSizeDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered', 'outline'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n  'normal',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSizeDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSizeDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/Layout/useFixed.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useState}from"react";var verticalAlign=["top","bottom"],verticalAlignDefault=verticalAlign[0],horizontalAlign=["left","right"],horizontalAlignDefault=horizontalAlign[0],getHTMLElement=function(a){return a&&!(a instanceof HTMLElement||a instanceof Window)?null===a||void 0===a?void 0:a.current:a},getStationingElement=function(a){return a instanceof HTMLElement?{offsetTop:a.offsetTop,offsetHeight:a.offsetHeight,offsetLeft:a.offsetLeft,offsetWidth:a.offsetWidth,clientHeight:a.clientHeight,clientWidth:a.clientWidth,scrollTop:a.scrollTop,scrollHeight:a.scrollHeight}:a instanceof Window?{offsetTop:0,offsetHeight:a.innerHeight,offsetLeft:0,offsetWidth:a.innerWidth,clientHeight:a.innerHeight,clientWidth:a.innerWidth,scrollTop:a.scrollY,scrollHeight:Math.max(document.body.scrollHeight,document.body.offsetHeight)}:void 0},isElementScrollible=function(a,b,c,d,e){return d?b.scrollTop>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:c?b.scrollTop+c.offsetHeight>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:b.scrollTop+b.offsetHeight<=e+a.offsetHeight&&b.scrollTop<=b.scrollHeight-b.offsetHeight};export var positioningElement=function(a,b,c,d,e,f){var g={top:0,left:0,width:null===b||void 0===b?void 0:b.offsetWidth,height:null===b||void 0===b?void 0:b.offsetHeight,maxWidth:null===c||void 0===c?void 0:c.clientWidth,maxHeight:null===c||void 0===c?void 0:c.clientHeight,position:"unset"};if(b&&c&&"undefined"!=typeof a){var h={top:c.offsetTop,bottom:c.offsetTop+c.clientHeight,left:c.offsetLeft,right:c.offsetLeft+c.clientWidth,width:c.clientWidth,height:c.clientHeight};g.width=b.offsetWidth,g.height=b.offsetHeight,g.maxWidth=h.width,g.maxHeight=h.height,isElementScrollible(b,c,d,"top"===e,a)?(g.position="fixed",g.top="top"===e?d?d.offsetTop:h.top:d?d.offsetTop+d.offsetHeight:h.bottom-b.offsetHeight,g.left="left"===f?d?d.offsetLeft:-window.scrollX+h.left:d?d.offsetLeft+d.offsetWidth-b.offsetWidth:-window.scrollX+h.right-b.offsetWidth):g.position="unset"}return g};export var useFixed=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:verticalAlignDefault,e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:horizontalAlignDefault,f=useState({}),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState({}),k=_slicedToArray(j,2),l=k[0],m=k[1];useEffect(function(){var c=0;return setTimeout(function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement,e=getStationingElement(d);e&&(c=0<=a.current.offsetTop-e.offsetTop?a.current.offsetTop-e.offsetTop:0),o(c),document.addEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.addEventListener)&&(null===d||void 0===d?void 0:d.addEventListener("resize",n),null===d||void 0===d?void 0:d.addEventListener("scroll",function(){return o(c)}))}},"undefined"==typeof b?500:0),function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement;document.removeEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.removeEventListener)&&(null===d||void 0===d?void 0:d.removeEventListener("resize",n),null===d||void 0===d?void 0:d.removeEventListener("scroll",function(){return o(c)}))}}},[d,e,a,b,c]),useEffect(function(){m(_objectSpread({},h))},[h.top,h.left,h.position,h.width,h.height,h.maxHeight,h.maxWidth]);var n=function(){if(a&&a.current&&a.current.parentElement){var c=b?getHTMLElement(b):a.current.parentElement,d=getStationingElement(c);i(_objectSpread(_objectSpread({},h),{},{width:a.current.offsetWidth,height:a.current.offsetHeight,maxWidth:null===d||void 0===d?void 0:d.clientWidth,maxHeight:null===d||void 0===d?void 0:d.clientHeight}))}},o=useCallback(function(f){if(a&&a.current&&a.current.parentElement&&"number"==typeof f){var g=b?getHTMLElement(b):a.current.parentElement;if(b){var h=positioningElement(f,getStationingElement(a.current),getStationingElement(g),getStationingElement(null===c||void 0===c?void 0:c.current),d,e);i(_objectSpread({},h))}}},[h]);return l};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useState}from"react";var verticalAlign=["top","bottom"],verticalAlignDefault=verticalAlign[0],horizontalAlign=["left","right"],horizontalAlignDefault=horizontalAlign[0],getHTMLElement=function(a){return a&&!(a instanceof HTMLElement||a instanceof Window)?null===a||void 0===a?void 0:a.current:a},getStationingElement=function(a){return a instanceof HTMLElement?{offsetTop:a.offsetTop,offsetHeight:a.offsetHeight,offsetLeft:a.offsetLeft,offsetWidth:a.offsetWidth,clientHeight:a.clientHeight,clientWidth:a.clientWidth,scrollTop:a.scrollTop,scrollHeight:a.scrollHeight}:a instanceof Window?{offsetTop:0,offsetHeight:a.innerHeight,offsetLeft:0,offsetWidth:a.innerWidth,clientHeight:a.innerHeight,clientWidth:a.innerWidth,scrollTop:a.scrollY,scrollHeight:Math.max(document.body.scrollHeight,document.body.offsetHeight)}:void 0},isElementScrollable=function(a,b,c,d,e){return d?b.scrollTop>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:c?b.scrollTop+c.offsetHeight>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:b.scrollTop+b.offsetHeight<=e+a.offsetHeight&&b.scrollTop<=b.scrollHeight-b.offsetHeight};export var positioningElement=function(a,b,c,d,e,f){var g={top:0,left:0,width:null===b||void 0===b?void 0:b.offsetWidth,height:null===b||void 0===b?void 0:b.offsetHeight,maxWidth:null===c||void 0===c?void 0:c.clientWidth,maxHeight:null===c||void 0===c?void 0:c.clientHeight,position:"unset"};if(b&&c&&"undefined"!=typeof a){var h={top:c.offsetTop,bottom:c.offsetTop+c.clientHeight,left:c.offsetLeft,right:c.offsetLeft+c.clientWidth,width:c.clientWidth,height:c.clientHeight};g.width=b.offsetWidth,g.height=b.offsetHeight,g.maxWidth=h.width,g.maxHeight=h.height,isElementScrollable(b,c,d,"top"===e,a)?(g.position="fixed",g.top="top"===e?d?d.offsetTop:h.top:d?d.offsetTop+d.offsetHeight:h.bottom-b.offsetHeight,g.left="left"===f?d?d.offsetLeft:-window.scrollX+h.left:d?d.offsetLeft+d.offsetWidth-b.offsetWidth:-window.scrollX+h.right-b.offsetWidth):g.position="unset"}return g};export var useFixed=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:verticalAlignDefault,e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:horizontalAlignDefault,f=useState({}),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState({}),k=_slicedToArray(j,2),l=k[0],m=k[1];useEffect(function(){var c=0;return setTimeout(function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement,e=getStationingElement(d);e&&(c=0<=a.current.offsetTop-e.offsetTop?a.current.offsetTop-e.offsetTop:0),o(c),document.addEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.addEventListener)&&(null===d||void 0===d?void 0:d.addEventListener("resize",n),null===d||void 0===d?void 0:d.addEventListener("scroll",function(){return o(c)}))}},"undefined"==typeof b?500:0),function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement;document.removeEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.removeEventListener)&&(null===d||void 0===d?void 0:d.removeEventListener("resize",n),null===d||void 0===d?void 0:d.removeEventListener("scroll",function(){return o(c)}))}}},[d,e,a,b,c]),useEffect(function(){m(_objectSpread({},h))},[h.top,h.left,h.position,h.width,h.height,h.maxHeight,h.maxWidth]);var n=function(){if(a&&a.current&&a.current.parentElement){var c=b?getHTMLElement(b):a.current.parentElement,d=getStationingElement(c);i(_objectSpread(_objectSpread({},h),{},{width:a.current.offsetWidth,height:a.current.offsetHeight,maxWidth:null===d||void 0===d?void 0:d.clientWidth,maxHeight:null===d||void 0===d?void 0:d.clientHeight}))}},o=useCallback(function(f){if(a&&a.current&&a.current.parentElement&&"number"==typeof f){var g=b?getHTMLElement(b):a.current.parentElement;if(b){var h=positioningElement(f,getStationingElement(a.current),getStationingElement(g),getStationingElement(null===c||void 0===c?void 0:c.current),d,e);i(_objectSpread({},h))}}},[h]);return l};
 //# sourceMappingURL=useFixed.js.map