@vkontakte/vkui 4.24.0 → 4.26.0

package/dist/cssm/components/File/File.js

@@ -39,7 +39,9 @@ var File = function File(props) {
     disabled: restProps.disabled,
     type: "button",
     onClick: function onClick(e) {
-      inputRef.current.click();
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
       _onClick && _onClick(e);
     }
   }, createScopedElement("input", _extends({}, restProps, {
@@ -52,6 +54,7 @@ var File = function File(props) {
 File.defaultProps = {
   children: "Выберите файл",
   align: "left"
-};
+}; // eslint-disable-next-line import/no-default-export
+
 export default File;
 //# sourceMappingURL=File.js.map

package/dist/cssm/components/File/File.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["getClassName","Button","usePlatform","useExternRef","File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","appearance","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,OAAOC,MAAP;AAEA,SAASC,WAAT;AACA,SAASC,YAAT;AACA;;AAWA,IAAMC,IAAwC,GAAG,SAA3CA,IAA2C,CAACC,KAAD,EAAsB;AACrE,MACEC,QADF,GAcID,KAdJ,CACEC,QADF;AAAA,MAEEC,KAFF,GAcIF,KAdJ,CAEEE,KAFF;AAAA,MAGEC,WAHF,GAcIH,KAdJ,CAGEG,WAHF;AAAA,MAIEC,IAJF,GAcIJ,KAdJ,CAIEI,IAJF;AAAA,MAKEC,SALF,GAcIL,KAdJ,CAKEK,SALF;AAAA,MAMEC,MANF,GAcIN,KAdJ,CAMEM,MANF;AAAA,MAOEC,SAPF,GAcIP,KAdJ,CAOEO,SAPF;AAAA,MAQEC,KARF,GAcIR,KAdJ,CAQEQ,KARF;AAAA,MASEC,MATF,GAcIT,KAdJ,CASES,MATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,OAXF;AAAA,MAYEC,UAZF,GAcIZ,KAdJ,CAYEY,UAZF;AAAA,MAaKC,SAbL,4BAcIb,KAdJ;;AAgBA,MAAMc,QAAQ,GAAGjB,WAAW,EAA5B;AACA,MAAMkB,QAAQ,GAAGjB,YAAY,CAACW,MAAD,CAA7B;AAEA,SACE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAEP,YAAY,CAAC,MAAD,EAASmB,QAAT,CAFzB;AAGE,IAAA,SAAS,EAAEP,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,IAAI,EAAED,IALR;AAME,IAAA,UAAU,EAAEQ,UANd;AAOE,IAAA,IAAI,EAAET,WAPR;AAQE,IAAA,MAAM,EAAEG,MARV;AASE,IAAA,KAAK,EAAEE,KATT;AAUE,IAAA,UAAU,EAAEE,UAVd;AAWE,IAAA,QAAQ,EAAEG,SAAS,CAACG,QAXtB;AAYE,IAAA,IAAI,EAAC,QAZP;AAaE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdF,MAAAA,QAAQ,CAACG,OAAT,CAAiBC,KAAjB;AACAR,MAAAA,QAAO,IAAIA,QAAO,CAACM,CAAD,CAAlB;AACD;AAhBH,KAkBE,0CACMJ,SADN;AAEE,IAAA,SAAS,EAAC,aAFZ;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,GAAG,EAAEE;AAJP,KAlBF,EAwBGd,QAxBH,CADF;AA4BD,CAhDD;;AAkDAF,IAAI,CAACqB,YAAL,GAAoB;AAClBnB,EAAAA,QAAQ,EAAE,eADQ;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAApB;AAKA,eAAeH,IAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Button, { VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./File.css\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"size\" | \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onClick\" | \"type\">,\n    Pick<React.HTMLAttributes<HTMLElement>, \"onClick\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\nconst File: React.FunctionComponent<FileProps> = (props: FileProps) => {\n  const {\n    children,\n    align,\n    controlSize,\n    mode,\n    stretched,\n    before,\n    className,\n    style,\n    getRef,\n    getRootRef,\n    onClick,\n    appearance,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  return (\n    <Button\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={controlSize}\n      before={before}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      type=\"button\"\n      onClick={(e) => {\n        inputRef.current.click();\n        onClick && onClick(e);\n      }}\n    >\n      <input\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        ref={inputRef}\n      />\n      {children}\n    </Button>\n  );\n};\n\nFile.defaultProps = {\n  children: \"Выберите файл\",\n  align: \"left\",\n};\n\nexport default File;\n"],"file":"File.js"}
+{"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["getClassName","Button","usePlatform","useExternRef","File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","appearance","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,OAAOC,MAAP;AAEA,SAASC,WAAT;AACA,SAASC,YAAT;AACA;;AAWA,IAAMC,IAAwC,GAAG,SAA3CA,IAA2C,CAACC,KAAD,EAAsB;AACrE,MACEC,QADF,GAcID,KAdJ,CACEC,QADF;AAAA,MAEEC,KAFF,GAcIF,KAdJ,CAEEE,KAFF;AAAA,MAGEC,WAHF,GAcIH,KAdJ,CAGEG,WAHF;AAAA,MAIEC,IAJF,GAcIJ,KAdJ,CAIEI,IAJF;AAAA,MAKEC,SALF,GAcIL,KAdJ,CAKEK,SALF;AAAA,MAMEC,MANF,GAcIN,KAdJ,CAMEM,MANF;AAAA,MAOEC,SAPF,GAcIP,KAdJ,CAOEO,SAPF;AAAA,MAQEC,KARF,GAcIR,KAdJ,CAQEQ,KARF;AAAA,MASEC,MATF,GAcIT,KAdJ,CASES,MATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,OAXF;AAAA,MAYEC,UAZF,GAcIZ,KAdJ,CAYEY,UAZF;AAAA,MAaKC,SAbL,4BAcIb,KAdJ;;AAgBA,MAAMc,QAAQ,GAAGjB,WAAW,EAA5B;AACA,MAAMkB,QAAQ,GAAGjB,YAAY,CAACW,MAAD,CAA7B;AAEA,SACE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAEP,YAAY,CAAC,MAAD,EAASmB,QAAT,CAFzB;AAGE,IAAA,SAAS,EAAEP,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,IAAI,EAAED,IALR;AAME,IAAA,UAAU,EAAEQ,UANd;AAOE,IAAA,IAAI,EAAET,WAPR;AAQE,IAAA,MAAM,EAAEG,MARV;AASE,IAAA,KAAK,EAAEE,KATT;AAUE,IAAA,UAAU,EAAEE,UAVd;AAWE,IAAA,QAAQ,EAAEG,SAAS,CAACG,QAXtB;AAYE,IAAA,IAAI,EAAC,QAZP;AAaE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AAAA;;AACd,2BAAAF,QAAQ,CAACG,OAAT,wEAAkBC,KAAlB;AACAR,MAAAA,QAAO,IAAIA,QAAO,CAACM,CAAD,CAAlB;AACD;AAhBH,KAkBE,0CACMJ,SADN;AAEE,IAAA,SAAS,EAAC,aAFZ;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,GAAG,EAAEE;AAJP,KAlBF,EAwBGd,QAxBH,CADF;AA4BD,CAhDD;;AAkDAF,IAAI,CAACqB,YAAL,GAAoB;AAClBnB,EAAAA,QAAQ,EAAE,eADQ;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAApB,C,CAKA;;AACA,eAAeH,IAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Button, { VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./File.css\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"size\" | \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onClick\" | \"type\">,\n    Pick<React.HTMLAttributes<HTMLElement>, \"onClick\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\nconst File: React.FunctionComponent<FileProps> = (props: FileProps) => {\n  const {\n    children,\n    align,\n    controlSize,\n    mode,\n    stretched,\n    before,\n    className,\n    style,\n    getRef,\n    getRootRef,\n    onClick,\n    appearance,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  return (\n    <Button\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={controlSize}\n      before={before}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      type=\"button\"\n      onClick={(e) => {\n        inputRef.current?.click();\n        onClick && onClick(e);\n      }}\n    >\n      <input\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        ref={inputRef}\n      />\n      {children}\n    </Button>\n  );\n};\n\nFile.defaultProps = {\n  children: \"Выберите файл\",\n  align: \"left\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default File;\n"],"file":"File.js"}

package/dist/cssm/components/FixedLayout/FixedLayout.js

@@ -25,7 +25,7 @@ var FixedLayout = function FixedLayout(_ref) {
 
   var platform = usePlatform();
 
-  var _React$useState = React.useState(null),
+  var _React$useState = React.useState(undefined),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       width = _React$useState2[0],
       setWidth = _React$useState2[1];
@@ -37,10 +37,10 @@ var FixedLayout = function FixedLayout(_ref) {
       colRef = _React$useContext.colRef;
 
   var doResize = function doResize() {
-    return setWidth(colRef !== null && colRef !== void 0 && colRef.current ? "".concat(colRef.current.offsetWidth, "px") : null);
+    return setWidth(colRef !== null && colRef !== void 0 && colRef.current ? "".concat(colRef.current.offsetWidth, "px") : undefined);
   };
 
-  React.useEffect(doResize, []);
+  React.useEffect(doResize, [colRef]);
   useGlobalEventListener(window, "resize", doResize);
   return createScopedElement(TooltipContainer, _extends({}, restProps, {
     fixed: true,
@@ -55,7 +55,8 @@ var FixedLayout = function FixedLayout(_ref) {
     vkuiClass: "FixedLayout__in",
     ref: getRef
   }, children));
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 export default FixedLayout;
 //# sourceMappingURL=FixedLayout.js.map

package/dist/cssm/components/FixedLayout/FixedLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["React","getClassName","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;AACA;;AAqBA,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAQxB;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;;AACtB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BP,KAAK,CAACiB,QAAN,CAAuB,IAAvB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmBd,MAAM,EAAzB;AAAA,MAAQe,MAAR,WAAQA,MAAR;;AACA,0BAAmBpB,KAAK,CAACqB,UAAN,CAAiBlB,eAAjB,CAAnB;AAAA,MAAQmB,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsD,IAAvD,CADO;AAAA,GAAjB;;AAEAzB,EAAAA,KAAK,CAAC0B,SAAN,CAAgBH,QAAhB,EAA0B,EAA1B;AACAjB,EAAAA,sBAAsB,CAACc,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;AAEA,SACE,oBAAC,gBAAD,eACMR,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAEV,UAAU,CACnBD,YAAY,CAAC,aAAD,EAAgBe,QAAhB,CADO,EAEnB;AACE,6BAAuBF;AADzB,KAFmB,yBAKHH,QALG,EAJvB;AAWE,IAAA,KAAK,kCAAOD,KAAP;AAAcQ,MAAAA,KAAK,EAALA;AAAd;AAXP,MAaE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEL;AAAtC,KACGJ,QADH,CAbF,CADF;AAmBD,CArCD;;AAuCA,eAAeD,WAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\nconst FixedLayout: React.FC<FixedLayoutProps> = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string>(null);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : null);\n  React.useEffect(doResize, []);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"FixedLayout\", platform),\n        {\n          \"FixedLayout--filled\": filled,\n        },\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}
+{"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["React","getClassName","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;AACA;;AAqBA,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAQxB;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;;AACtB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BP,KAAK,CAACiB,QAAN,CAAmCC,SAAnC,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmBf,MAAM,EAAzB;AAAA,MAAQgB,MAAR,WAAQA,MAAR;;AACA,0BAAmBrB,KAAK,CAACsB,UAAN,CAAiBnB,eAAjB,CAAnB;AAAA,MAAQoB,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDR,SAAvD,CADO;AAAA,GAAjB;;AAEAlB,EAAAA,KAAK,CAAC2B,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;AACAjB,EAAAA,sBAAsB,CAACe,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;AAEA,SACE,oBAAC,gBAAD,eACMT,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAEV,UAAU,CACnBD,YAAY,CAAC,aAAD,EAAgBe,QAAhB,CADO,EAEnB;AACE,6BAAuBF;AADzB,KAFmB,yBAKHH,QALG,EAJvB;AAWE,IAAA,KAAK,kCAAOD,KAAP;AAAcS,MAAAA,KAAK,EAALA;AAAd;AAXP,MAaE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEN;AAAtC,KACGJ,QADH,CAbF,CADF;AAmBD,CArCD,C,CAuCA;;;AACA,eAAeD,WAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\nconst FixedLayout: React.FC<FixedLayoutProps> = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"FixedLayout\", platform),\n        {\n          \"FixedLayout--filled\": filled,\n        },\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}

package/dist/cssm/components/FocusTrap/FocusTrap.js

@@ -65,9 +65,9 @@ export var FocusTrap = function FocusTrap(_ref) {
     var nodes = [];
     Array.prototype.forEach.call( // eslint-disable-next-line no-restricted-properties
     ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function (focusableEl) {
-      var _window$getComputedSt = window.getComputedStyle(focusableEl),
-          display = _window$getComputedSt.display,
-          visibility = _window$getComputedSt.visibility;
+      var _getComputedStyle = window.getComputedStyle(focusableEl),
+          display = _getComputedStyle.display,
+          visibility = _getComputedStyle.visibility;
 
       if (display !== "none" && visibility !== "hidden") {
         nodes.push(focusableEl);

package/dist/cssm/components/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","noop","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = \"div\",\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] =\n    React.useState<HTMLElement[]>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document.activeElement) {\n      setRestoreFocusTo(document.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}
+{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","noop","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = \"div\",\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<\n    HTMLElement[] | null\n  >(null);\n  const [restoreFocusTo, setRestoreFocusTo] =\n    React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}

package/dist/cssm/components/FormItem/FormItem.css

@@ -1 +1 @@
-.vkuiFormItem{display:block;padding:12px 16px;padding:12px var(--formitem_padding)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-grow:1;min-width:0;max-width:100%;overflow:hidden}.vkuiFormItem__top{padding-top:2px;padding-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6d7885;color:var(--text_subhead)}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary);padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border)}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border)}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding: 12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop{margin-top:-28px}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:-26px}
+.vkuiFormItem{display:block;padding:12px 16px;padding:12px var(--formitem_padding)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-grow:1;min-width:0;max-width:100%;overflow:hidden}.vkuiFormItem__top{padding-top:2px;padding-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6d7885;color:var(--text_subhead)}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary);padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border)}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border)}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop{margin-top:-28px}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:-26px}

package/dist/cssm/components/FormItem/FormItem.js

@@ -52,7 +52,9 @@ export var FormItem = function FormItem(_ref) {
   }), removable ? createScopedElement(Removable, {
     align: "start",
     onRemove: function onRemove(e) {
-      return _onRemove(e, rootEl === null || rootEl === void 0 ? void 0 : rootEl.current);
+      if (rootEl !== null && rootEl !== void 0 && rootEl.current) {
+        _onRemove(e, rootEl.current);
+      }
     },
     removePlaceholder: removePlaceholder
   }, createScopedElement("div", {

package/dist/cssm/components/FormItem/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","noop","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AACA;AAgBA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRZ,IAIQ;AAAA,mCAHnBa,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AACA,MAAMoB,MAAM,GAAGrB,YAAY,CAACkB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGpB,YAAY,CAACQ,GAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,GADH,CAFJ,EAMGD,QANH,EAOGP,YAAY,CAACS,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGA,MADH,CARJ,CADF;AAgBA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAEtB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAakB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBnB,YAAY,CAACQ,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACS,CAAD;AAAA,aAAOR,SAAQ,CAACQ,CAAD,EAAIH,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEI,OAAZ,CAAf;AAAA,KAFZ;AAGE,IAAA,iBAAiB,EAAER;AAHrB,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CALF,CADQ,GASRA,eAtBJ,CADF;AA2BD,CA3DM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && (\n        <Subhead weight=\"regular\" vkuiClass=\"FormItem__top\">\n          {top}\n        </Subhead>\n      )}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">\n          {bottom}\n        </Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform),\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        {\n          \"FormItem--withTop\": hasReactNode(top),\n          \"FormItem--removable\": removable,\n        }\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => onRemove(e, rootEl?.current)}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}
+{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","noop","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AACA;AAgBA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRZ,IAIQ;AAAA,mCAHnBa,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AACA,MAAMoB,MAAM,GAAGrB,YAAY,CAACkB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGpB,YAAY,CAACQ,GAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,GADH,CAFJ,EAMGD,QANH,EAOGP,YAAY,CAACS,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGA,MADH,CARJ,CADF;AAgBA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAEtB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAakB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBnB,YAAY,CAACQ,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eA1BJ,CADF;AA+BD,CA/DM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && (\n        <Subhead weight=\"regular\" vkuiClass=\"FormItem__top\">\n          {top}\n        </Subhead>\n      )}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">\n          {bottom}\n        </Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform),\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        {\n          \"FormItem--withTop\": hasReactNode(top),\n          \"FormItem--removable\": removable,\n        }\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}

package/dist/cssm/components/FormLayout/FormLayout.js

@@ -12,9 +12,11 @@ var preventDefault = function preventDefault(e) {
 
 var FormLayout = function FormLayout(props) {
   var children = props.children,
-      Component = props.Component,
+      _props$Component = props.Component,
+      Component = _props$Component === void 0 ? "form" : _props$Component,
       getRef = props.getRef,
-      onSubmit = props.onSubmit,
+      _props$onSubmit = props.onSubmit,
+      onSubmit = _props$onSubmit === void 0 ? preventDefault : _props$onSubmit,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var platform = usePlatform();
@@ -29,11 +31,8 @@ var FormLayout = function FormLayout(props) {
     vkuiClass: "FormLayout__submit",
     value: ""
   }));
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
-FormLayout.defaultProps = {
-  Component: "form",
-  onSubmit: preventDefault
-};
 export default FormLayout;
 //# sourceMappingURL=FormLayout.js.map

package/dist/cssm/components/FormLayout/FormLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AAEA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA,IAAME,UAAoD,GAAG,SAAvDA,UAAuD,CAC3DC,KAD2D,EAExD;AACH,MAAQC,QAAR,GAAgED,KAAhE,CAAQC,QAAR;AAAA,MAAkBC,SAAlB,GAAgEF,KAAhE,CAAkBE,SAAlB;AAAA,MAA6BC,MAA7B,GAAgEH,KAAhE,CAA6BG,MAA7B;AAAA,MAAqCC,QAArC,GAAgEJ,KAAhE,CAAqCI,QAArC;AAAA,MAAkDC,SAAlD,4BAAgEL,KAAhE;;AAEA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CAnBD;;AAqBAH,UAAU,CAACQ,YAAX,GAA0B;AACxBL,EAAAA,SAAS,EAAE,MADa;AAExBE,EAAAA,QAAQ,EAAEP;AAFc,CAA1B;AAKA,eAAeE,UAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\nconst FormLayout: React.FunctionComponent<FormLayoutProps> = (\n  props: FormLayoutProps\n) => {\n  const { children, Component, getRef, onSubmit, ...restProps } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n\nFormLayout.defaultProps = {\n  Component: \"form\",\n  onSubmit: preventDefault,\n};\n\nexport default FormLayout;\n"],"file":"FormLayout.js"}
+{"version":3,"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AAEA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA,IAAME,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,yBAMID,KANJ,CAEEE,SAFF;AAAA,MAEEA,SAFF,iCAEc,MAFd;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,wBAMIH,KANJ,CAIEI,QAJF;AAAA,MAIEA,QAJF,gCAIaP,cAJb;AAAA,MAKKQ,SALL,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CAvBD,C,CAyBA;;;AACA,eAAeH,UAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\nconst FormLayout: React.FC<FormLayoutProps> = (props: FormLayoutProps) => {\n  const {\n    children,\n    Component = \"form\",\n    getRef,\n    onSubmit = preventDefault,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FormLayout;\n"],"file":"FormLayout.js"}

package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css

@@ -1 +1 @@
-.vkuiFormLayoutGroup--horizontal{display:flex;padding:12px 16px;padding:12px var(--formitem_padding)}.vkuiFormLayoutGroup__removable{flex-grow:1;min-width:0;max-width:100%}.vkuiFormLayoutGroup--ios{--formitem_padding: 12px}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}
+.vkuiFormLayoutGroup--horizontal{display:flex;padding:12px 16px;padding:12px var(--formitem_padding)}.vkuiFormLayoutGroup__removable{flex-grow:1;min-width:0;max-width:100%}.vkuiFormLayoutGroup--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}

package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js

@@ -40,10 +40,13 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
     align: "start",
     removePlaceholder: removePlaceholder,
     onRemove: function onRemove(e) {
-      return _onRemove(e, rootEl === null || rootEl === void 0 ? void 0 : rootEl.current);
+      if (rootEl !== null && rootEl !== void 0 && rootEl.current) {
+        _onRemove(e, rootEl.current);
+      }
     }
   }, children) : children);
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 export default FormLayoutGroup;
 //# sourceMappingURL=FormLayoutGroup.js.map

package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA;;AAaA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfV,IAGe;AAAA,MAF1BW,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEjB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBe,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAInB;AACE,oCAA8BQ;AADhC,KAJmB;AAFvB,KAUMH,SAVN,GAYGG,WAAW,GACV,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAJZ,KAMGZ,QANH,CADU,GAUVA,QAtBJ,CADF;AA2BD,CAzCD;;AA2CA,eAAeD,eAAf","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform),\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        {\n          \"FormLayoutGroup--removable\": isRemovable,\n        }\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => onRemove(e, rootEl?.current)}\n        >\n          {children}\n        </Removable>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}
+{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA;;AAaA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfV,IAGe;AAAA,MAF1BW,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEjB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBe,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAInB;AACE,oCAA8BQ;AADhC,KAJmB;AAFvB,KAUMH,SAVN,GAYGG,WAAW,GACV,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBR,QAAAA,SAAQ,CAACO,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGZ,QAVH,CADU,GAcVA,QA1BJ,CADF;AA+BD,CA7CD,C,CA+CA;;;AACA,eAAeD,eAAf","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform),\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        {\n          \"FormLayoutGroup--removable\": isRemovable,\n        }\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}