@vkontakte/vkui 8.1.2 → 8.2.0

package/dist/components/WriteBar/WriteBar.d.ts

@@ -42,5 +42,19 @@ export interface WriteBarProps extends Pick<React.TextareaHTMLAttributes<HTMLTex
 /**
  * @see https://vkui.io/components/write-bar
  */
-export declare const WriteBar: ({ before, inlineAfter, after, onHeightChange, shadow, getRef, autoComplete, autoCapitalize, autoCorrect, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value: valueProp, wrap, rows, form, onChange: onChangeProp, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, slotProps, ...restProps }: WriteBarProps) => React.ReactNode;
+export declare const WriteBar: {
+    ({ before, inlineAfter, after, onHeightChange, shadow, getRef, autoComplete, autoCapitalize, autoCorrect, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value: valueProp, wrap, rows, form, onChange, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, slotProps, ...restProps }: WriteBarProps): React.ReactNode;
+    FormField: {
+        ({ className, ...restProps }: import("../..").FlexProps): import("react/jsx-runtime").JSX.Element;
+        InlineAfter: ({ className, ...restProps }: import("../..").FlexProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Textarea: ({ className, getRootRef, onHeightChange, onChange, ...restProps }: import("../RootComponent/RootComponent").RootComponentProps<HTMLTextAreaElement> & {
+        onHeightChange?: VoidFunction | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ shadow, className, ...restProps }: import("../..").FlexProps & {
+        shadow?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Before: ({ className, ...restProps }: import("../..").FlexProps) => import("react/jsx-runtime").JSX.Element;
+    After: ({ className, ...restProps }: import("../..").FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
 //# sourceMappingURL=WriteBar.d.ts.map

package/dist/components/WriteBar/WriteBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.d.ts","sourceRoot":"","sources":["../../../src/components/WriteBar/WriteBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUhE,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EAC7E,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACpD;;;;OAIG;IACH,SAAS,CAAC,EACN;QACE,IAAI,CAAC,EACD,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GACrD,UAAU,CAAC,cAAc,CAAC,GAC1B,gBAAgB,CAAC,GACnB,SAAS,CAAC;QACd,QAAQ,CAAC,EACL,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAChD,UAAU,CAAC,mBAAmB,CAAC,GAC/B,gBAAgB,CAAC,GACnB,SAAS,CAAC;KACf,GACD,SAAS,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC9B;AAYD;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,qWAsCtB,aAAa,KAAG,KAAK,CAAC,SA8ExB,CAAC"}
+{"version":3,"file":"WriteBar.d.ts","sourceRoot":"","sources":["../../../src/components/WriteBar/WriteBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAShE,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EAC7E,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACpD;;;;OAIG;IACH,SAAS,CAAC,EACN;QACE,IAAI,CAAC,EACD,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GACrD,UAAU,CAAC,cAAc,CAAC,GAC1B,gBAAgB,CAAC,GACnB,SAAS,CAAC;QACd,QAAQ,CAAC,EACL,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAChD,UAAU,CAAC,mBAAmB,CAAC,GAC/B,gBAAgB,CAAC,GACnB,SAAS,CAAC;KACf,GACD,SAAS,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ;4VAsClB,aAAa,GAAG,KAAK,CAAC,SAAS;;;;;;;;;;;;;CAoDjC,CAAC"}

package/dist/components/WriteBar/WriteBar.js

@@ -1,43 +1,25 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { classNames, hasReactNode } from "@vkontakte/vkjs";
-import { useExternRef } from "../../hooks/useExternRef.js";
+import { hasReactNode } from "@vkontakte/vkjs";
 import { useMergeProps } from "../../hooks/useMergeProps.js";
-import { usePlatform } from "../../hooks/usePlatform.js";
-import { callMultiple } from "../../lib/callMultiple.js";
 import { warnOnce } from "../../lib/warnOnce.js";
-import { RootComponent } from "../RootComponent/RootComponent.js";
-import { useResizeTextarea } from "../Textarea/useResizeTextarea.js";
-import { Headline } from "../Typography/Headline/Headline.js";
-import { Title } from "../Typography/Title/Title.js";
+import { WriteBarBeforeOrAfter } from "./WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.js";
+import { WriteBarFormField } from "./WriteBarFormField/WriteBarFormField.js";
+import { WriteBarFormFieldInlineAfter } from "./WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js";
+import { WriteBarRoot } from "./WriteBarRoot/WriteBarRoot.js";
+import { WriteBarTextarea } from "./WriteBarTextarea/WriteBarTextarea.js";
 const warn = warnOnce('WriteBar');
-const WriteBarTypography = (props)=>{
-    const platform = usePlatform();
-    if (platform === 'ios') {
-        return /*#__PURE__*/ _jsx(Title, {
-            ...props,
-            level: "3",
-            weight: "3"
-        });
-    }
-    return /*#__PURE__*/ _jsx(Headline, {
-        weight: "3",
-        ...props
-    });
-};
 /**
  * @see https://vkui.io/components/write-bar
  */ export const WriteBar = ({ // WriteBarProps
 before, inlineAfter, after, onHeightChange, shadow = false, getRef, // textarea props
-autoComplete, autoCapitalize, autoCorrect, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value: valueProp, wrap, rows, form, onChange: onChangeProp, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, slotProps, ...restProps })=>{
+autoComplete, autoCapitalize, autoCorrect, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value: valueProp, wrap, rows, form, onChange, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, slotProps, ...restProps })=>{
     /* istanbul ignore if: не проверяем в тестах */ if (process.env.NODE_ENV === 'development' && getRef) {
         warn('Свойство `getRef` устаревшее, используйте `slotProps={ textArea: { getRootRef: ... } }`');
     }
-    const platform = usePlatform();
     const rootProps = useMergeProps(restProps, slotProps?.root);
-    const { onChange, getRootRef: getTextAreaRef, ...textAreaRest } = useMergeProps({
-        className: "vkuiWriteBar__textarea",
+    const textAreaRest = useMergeProps({
         getRootRef: getRef,
         autoComplete,
         autoCapitalize,
@@ -55,7 +37,7 @@ autoComplete, autoCapitalize, autoCorrect, cols, dirName, disabled, maxLength, m
         wrap,
         rows,
         form,
-        onChange: onChangeProp,
+        onChange,
         onFocus,
         onBlur,
         id,
@@ -65,44 +47,34 @@ autoComplete, autoCapitalize, autoCorrect, cols, dirName, disabled, maxLength, m
         tabIndex,
         spellCheck
     }, slotProps?.textArea);
-    const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);
-    const textareaRef = useExternRef(getTextAreaRef, refResizeTextarea);
-    React.useEffect(resize, [
-        resize,
-        platform
-    ]);
-    return /*#__PURE__*/ _jsx(RootComponent, {
-        baseClassName: classNames("vkuiWriteBar__host", platform === 'ios' && "vkuiWriteBar__ios", shadow && "vkuiWriteBar__shadow"),
+    return /*#__PURE__*/ _jsxs(WriteBarRoot, {
+        shadow: shadow,
         ...rootProps,
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: "vkuiWriteBar__form",
-            children: [
-                hasReactNode(before) && /*#__PURE__*/ _jsx("div", {
-                    className: "vkuiWriteBar__before",
-                    children: before
-                }),
-                /*#__PURE__*/ _jsxs("div", {
-                    className: "vkuiWriteBar__formIn",
-                    children: [
-                        /*#__PURE__*/ _jsx(WriteBarTypography, {
-                            Component: "textarea",
-                            onChange: callMultiple(onChange, resize),
-                            getRootRef: textareaRef,
-                            ...textAreaRest
-                        }),
-                        hasReactNode(inlineAfter) && /*#__PURE__*/ _jsx("div", {
-                            className: "vkuiWriteBar__inlineAfter",
-                            children: inlineAfter
-                        })
-                    ]
-                }),
-                hasReactNode(after) && /*#__PURE__*/ _jsx("div", {
-                    className: "vkuiWriteBar__after",
-                    children: after
-                })
-            ]
-        })
+        children: [
+            hasReactNode(before) && /*#__PURE__*/ _jsx(WriteBarBeforeOrAfter, {
+                children: before
+            }),
+            /*#__PURE__*/ _jsxs(WriteBarFormField, {
+                children: [
+                    /*#__PURE__*/ _jsx(WriteBarTextarea, {
+                        onHeightChange: onHeightChange,
+                        ...textAreaRest
+                    }),
+                    hasReactNode(inlineAfter) && /*#__PURE__*/ _jsx(WriteBarFormFieldInlineAfter, {
+                        children: inlineAfter
+                    })
+                ]
+            }),
+            hasReactNode(after) && /*#__PURE__*/ _jsx(WriteBarBeforeOrAfter, {
+                children: after
+            })
+        ]
     });
 };
+WriteBar.FormField = WriteBarFormField;
+WriteBar.Textarea = WriteBarTextarea;
+WriteBar.Root = WriteBarRoot;
+WriteBar.Before = WriteBarBeforeOrAfter;
+WriteBar.After = WriteBarBeforeOrAfter;
 
 //# sourceMappingURL=WriteBar.js.map

package/dist/components/WriteBar/WriteBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasDataAttribute, HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { useResizeTextarea } from '../Textarea/useResizeTextarea';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport type { TypographyProps } from '../Typography/Typography';\nimport styles from './WriteBar.module.css';\n\nconst warn = warnOnce('WriteBar');\n\nexport interface WriteBarProps\n  extends Pick<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      | 'autoComplete'\n      | 'autoCapitalize'\n      | 'autoCorrect'\n      | 'cols'\n      | 'dirName'\n      | 'disabled'\n      | 'maxLength'\n      | 'minLength'\n      | 'name'\n      | 'placeholder'\n      | 'readOnly'\n      | 'required'\n      | 'rows'\n      | 'value'\n      | 'wrap'\n      | 'form'\n      | 'onChange'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ textArea: { getRootRef: ... } }`.\n   */\n  getRef?: React.Ref<HTMLTextAreaElement> | undefined;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `textArea`: свойства для прокидывания в поле ввода.\n   */\n  slotProps?:\n    | {\n        root?:\n          | (Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &\n              HasRootRef<HTMLDivElement> &\n              HasDataAttribute)\n          | undefined;\n        textArea?:\n          | (React.TextareaHTMLAttributes<HTMLTextAreaElement> &\n              HasRootRef<HTMLTextAreaElement> &\n              HasDataAttribute)\n          | undefined;\n      }\n    | undefined;\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS).\n   */\n  inlineAfter?: React.ReactNode | undefined;\n  /**\n   * Содержимое, отображаемое справа от поля ввода.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Вызывается при смене высоты поля ввода.\n   */\n  onHeightChange?: VoidFunction | undefined;\n  /**\n   * Добавляет тень вокруг поля ввода.\n   */\n  shadow?: boolean | undefined;\n  /**\n   * @deprecated Неиспользуемое свойство.\n   */\n  children?: never | undefined;\n}\n\nconst WriteBarTypography = (props: TypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <Title {...props} level=\"3\" weight=\"3\" />;\n  }\n\n  return <Headline weight=\"3\" {...props} />;\n};\n\n/**\n * @see https://vkui.io/components/write-bar\n */\nexport const WriteBar = ({\n  // WriteBarProps\n  before,\n  inlineAfter,\n  after,\n  onHeightChange,\n  shadow = false,\n  getRef,\n\n  // textarea props\n  autoComplete,\n  autoCapitalize,\n  autoCorrect,\n  cols,\n  dirName,\n  disabled,\n  maxLength,\n  minLength,\n  name,\n  placeholder,\n  readOnly,\n  required,\n  value: valueProp,\n  wrap,\n  rows,\n  form,\n  onChange: onChangeProp,\n  onFocus,\n  onBlur,\n  id,\n  inputMode,\n  defaultValue,\n  autoFocus,\n  tabIndex,\n  spellCheck,\n\n  slotProps,\n  ...restProps\n}: WriteBarProps): React.ReactNode => {\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development' && getRef) {\n    warn('Свойство `getRef` устаревшее, используйте `slotProps={ textArea: { getRootRef: ... } }`');\n  }\n\n  const platform = usePlatform();\n\n  const rootProps = useMergeProps(restProps, slotProps?.root);\n\n  const {\n    onChange,\n    getRootRef: getTextAreaRef,\n    ...textAreaRest\n  } = useMergeProps(\n    {\n      className: styles.textarea,\n      getRootRef: getRef,\n      autoComplete,\n      autoCapitalize,\n      autoCorrect,\n      cols,\n      dirName,\n      disabled,\n      maxLength,\n      minLength,\n      name,\n      placeholder,\n      readOnly,\n      required,\n      value: valueProp,\n      wrap,\n      rows,\n      form,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      id,\n      inputMode,\n      defaultValue,\n      autoFocus,\n      tabIndex,\n      spellCheck,\n    },\n    slotProps?.textArea,\n  );\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);\n  const textareaRef = useExternRef(getTextAreaRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, platform]);\n\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        shadow && styles.shadow,\n      )}\n      {...rootProps}\n    >\n      <div className={styles.form}>\n        {hasReactNode(before) && <div className={styles.before}>{before}</div>}\n\n        <div className={styles.formIn}>\n          <WriteBarTypography\n            Component=\"textarea\"\n            onChange={callMultiple(onChange, resize)}\n            getRootRef={textareaRef}\n            {...textAreaRest}\n          />\n          {hasReactNode(inlineAfter) && <div className={styles.inlineAfter}>{inlineAfter}</div>}\n        </div>\n\n        {hasReactNode(after) && <div className={styles.after}>{after}</div>}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useExternRef","useMergeProps","usePlatform","callMultiple","warnOnce","RootComponent","useResizeTextarea","Headline","Title","warn","WriteBarTypography","props","platform","level","weight","WriteBar","before","inlineAfter","after","onHeightChange","shadow","getRef","autoComplete","autoCapitalize","autoCorrect","cols","dirName","disabled","maxLength","minLength","name","placeholder","readOnly","required","value","valueProp","wrap","rows","form","onChange","onChangeProp","onFocus","onBlur","id","inputMode","defaultValue","autoFocus","tabIndex","spellCheck","slotProps","restProps","process","env","NODE_ENV","rootProps","root","getRootRef","getTextAreaRef","textAreaRest","className","textArea","refResizeTextarea","resize","textareaRef","useEffect","baseClassName","div","Component"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,KAAK,QAAQ,+BAA4B;AAIlD,MAAMC,OAAOL,SAAS;AA4EtB,MAAMM,qBAAqB,CAACC;IAC1B,MAAMC,WAAWV;IAEjB,IAAIU,aAAa,OAAO;QACtB,qBAAO,KAACJ;YAAO,GAAGG,KAAK;YAAEE,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,KAACP;QAASO,QAAO;QAAK,GAAGH,KAAK;;AACvC;AAEA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvB,gBAAgB;AAChBC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,cAAc,EACdC,SAAS,KAAK,EACdC,MAAM,EAEN,iBAAiB;AACjBC,YAAY,EACZC,cAAc,EACdC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,OAAOC,SAAS,EAChBC,IAAI,EACJC,IAAI,EACJC,IAAI,EACJC,UAAUC,YAAY,EACtBC,OAAO,EACPC,MAAM,EACNC,EAAE,EACFC,SAAS,EACTC,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,UAAU,EAEVC,SAAS,EACT,GAAGC,WACW;IACd,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBhC,QAAQ;QACpDZ,KAAK;IACP;IAEA,MAAMG,WAAWV;IAEjB,MAAMoD,YAAYrD,cAAciD,WAAWD,WAAWM;IAEtD,MAAM,EACJhB,QAAQ,EACRiB,YAAYC,cAAc,EAC1B,GAAGC,cACJ,GAAGzD,cACF;QACE0D,SAAS;QACTH,YAAYnC;QACZC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,OAAOC;QACPC;QACAC;QACAC;QACAC,UAAUC;QACVC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWW;IAGb,MAAM,CAACC,mBAAmBC,OAAO,GAAGxD,kBAAkBa,gBAAgB;IACtE,MAAM4C,cAAc/D,aAAayD,gBAAgBI;IAEjDhE,MAAMmE,SAAS,CAACF,QAAQ;QAACA;QAAQlD;KAAS;IAE1C,qBACE,KAACP;QACC4D,eAAenE,iCAEbc,aAAa,8BACbQ;QAED,GAAGkC,SAAS;kBAEb,cAAA,MAACY;YAAIP,SAAS;;gBACX5D,aAAaiB,yBAAW,KAACkD;oBAAIP,SAAS;8BAAkB3C;;8BAEzD,MAACkD;oBAAIP,SAAS;;sCACZ,KAACjD;4BACCyD,WAAU;4BACV5B,UAAUpC,aAAaoC,UAAUuB;4BACjCN,YAAYO;4BACX,GAAGL,YAAY;;wBAEjB3D,aAAakB,8BAAgB,KAACiD;4BAAIP,SAAS;sCAAuB1C;;;;gBAGpElB,aAAamB,wBAAU,KAACgD;oBAAIP,SAAS;8BAAiBzC;;;;;AAI/D,EAAE"}
+{"version":3,"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasDataAttribute, HasRootRef } from '../../types';\nimport { WriteBarBeforeOrAfter } from './WriteBarBeforeOrAfter/WriteBarBeforeOrAfter';\nimport { WriteBarFormField } from './WriteBarFormField/WriteBarFormField';\nimport { WriteBarFormFieldInlineAfter } from './WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter';\nimport { WriteBarRoot } from './WriteBarRoot/WriteBarRoot';\nimport { WriteBarTextarea } from './WriteBarTextarea/WriteBarTextarea';\n\nconst warn = warnOnce('WriteBar');\n\nexport interface WriteBarProps\n  extends Pick<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      | 'autoComplete'\n      | 'autoCapitalize'\n      | 'autoCorrect'\n      | 'cols'\n      | 'dirName'\n      | 'disabled'\n      | 'maxLength'\n      | 'minLength'\n      | 'name'\n      | 'placeholder'\n      | 'readOnly'\n      | 'required'\n      | 'rows'\n      | 'value'\n      | 'wrap'\n      | 'form'\n      | 'onChange'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ textArea: { getRootRef: ... } }`.\n   */\n  getRef?: React.Ref<HTMLTextAreaElement> | undefined;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `textArea`: свойства для прокидывания в поле ввода.\n   */\n  slotProps?:\n    | {\n        root?:\n          | (Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &\n              HasRootRef<HTMLDivElement> &\n              HasDataAttribute)\n          | undefined;\n        textArea?:\n          | (React.TextareaHTMLAttributes<HTMLTextAreaElement> &\n              HasRootRef<HTMLTextAreaElement> &\n              HasDataAttribute)\n          | undefined;\n      }\n    | undefined;\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS).\n   */\n  inlineAfter?: React.ReactNode | undefined;\n  /**\n   * Содержимое, отображаемое справа от поля ввода.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Вызывается при смене высоты поля ввода.\n   */\n  onHeightChange?: VoidFunction | undefined;\n  /**\n   * Добавляет тень вокруг поля ввода.\n   */\n  shadow?: boolean | undefined;\n  /**\n   * @deprecated Неиспользуемое свойство.\n   */\n  children?: never | undefined;\n}\n\n/**\n * @see https://vkui.io/components/write-bar\n */\nexport const WriteBar = ({\n  // WriteBarProps\n  before,\n  inlineAfter,\n  after,\n  onHeightChange,\n  shadow = false,\n  getRef,\n\n  // textarea props\n  autoComplete,\n  autoCapitalize,\n  autoCorrect,\n  cols,\n  dirName,\n  disabled,\n  maxLength,\n  minLength,\n  name,\n  placeholder,\n  readOnly,\n  required,\n  value: valueProp,\n  wrap,\n  rows,\n  form,\n  onChange,\n  onFocus,\n  onBlur,\n  id,\n  inputMode,\n  defaultValue,\n  autoFocus,\n  tabIndex,\n  spellCheck,\n\n  slotProps,\n  ...restProps\n}: WriteBarProps): React.ReactNode => {\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development' && getRef) {\n    warn('Свойство `getRef` устаревшее, используйте `slotProps={ textArea: { getRootRef: ... } }`');\n  }\n\n  const rootProps = useMergeProps(restProps, slotProps?.root);\n\n  const textAreaRest = useMergeProps(\n    {\n      getRootRef: getRef,\n      autoComplete,\n      autoCapitalize,\n      autoCorrect,\n      cols,\n      dirName,\n      disabled,\n      maxLength,\n      minLength,\n      name,\n      placeholder,\n      readOnly,\n      required,\n      value: valueProp,\n      wrap,\n      rows,\n      form,\n      onChange,\n      onFocus,\n      onBlur,\n      id,\n      inputMode,\n      defaultValue,\n      autoFocus,\n      tabIndex,\n      spellCheck,\n    },\n    slotProps?.textArea,\n  );\n\n  return (\n    <WriteBarRoot shadow={shadow} {...rootProps}>\n      {hasReactNode(before) && <WriteBarBeforeOrAfter>{before}</WriteBarBeforeOrAfter>}\n      <WriteBarFormField>\n        <WriteBarTextarea onHeightChange={onHeightChange} {...textAreaRest} />\n        {hasReactNode(inlineAfter) && (\n          <WriteBarFormFieldInlineAfter>{inlineAfter}</WriteBarFormFieldInlineAfter>\n        )}\n      </WriteBarFormField>\n      {hasReactNode(after) && <WriteBarBeforeOrAfter>{after}</WriteBarBeforeOrAfter>}\n    </WriteBarRoot>\n  );\n};\n\nWriteBar.FormField = WriteBarFormField;\nWriteBar.Textarea = WriteBarTextarea;\nWriteBar.Root = WriteBarRoot;\nWriteBar.Before = WriteBarBeforeOrAfter;\nWriteBar.After = WriteBarBeforeOrAfter;\n"],"names":["React","hasReactNode","useMergeProps","warnOnce","WriteBarBeforeOrAfter","WriteBarFormField","WriteBarFormFieldInlineAfter","WriteBarRoot","WriteBarTextarea","warn","WriteBar","before","inlineAfter","after","onHeightChange","shadow","getRef","autoComplete","autoCapitalize","autoCorrect","cols","dirName","disabled","maxLength","minLength","name","placeholder","readOnly","required","value","valueProp","wrap","rows","form","onChange","onFocus","onBlur","id","inputMode","defaultValue","autoFocus","tabIndex","spellCheck","slotProps","restProps","process","env","NODE_ENV","rootProps","root","textAreaRest","getRootRef","textArea","FormField","Textarea","Root","Before","After"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,qBAAqB,QAAQ,mDAAgD;AACtF,SAASC,iBAAiB,QAAQ,2CAAwC;AAC1E,SAASC,4BAA4B,QAAQ,mFAAgF;AAC7H,SAASC,YAAY,QAAQ,iCAA8B;AAC3D,SAASC,gBAAgB,QAAQ,yCAAsC;AAEvE,MAAMC,OAAON,SAAS;AA4EtB;;CAEC,GACD,OAAO,MAAMO,WAAW,CAAC,EACvB,gBAAgB;AAChBC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,cAAc,EACdC,SAAS,KAAK,EACdC,MAAM,EAEN,iBAAiB;AACjBC,YAAY,EACZC,cAAc,EACdC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,OAAOC,SAAS,EAChBC,IAAI,EACJC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,EAAE,EACFC,SAAS,EACTC,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,UAAU,EAEVC,SAAS,EACT,GAAGC,WACW;IACd,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB/B,QAAQ;QACpDP,KAAK;IACP;IAEA,MAAMuC,YAAY9C,cAAc0C,WAAWD,WAAWM;IAEtD,MAAMC,eAAehD,cACnB;QACEiD,YAAYnC;QACZC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,OAAOC;QACPC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWS;IAGb,qBACE,MAAC7C;QAAaQ,QAAQA;QAAS,GAAGiC,SAAS;;YACxC/C,aAAaU,yBAAW,KAACP;0BAAuBO;;0BACjD,MAACN;;kCACC,KAACG;wBAAiBM,gBAAgBA;wBAAiB,GAAGoC,YAAY;;oBACjEjD,aAAaW,8BACZ,KAACN;kCAA8BM;;;;YAGlCX,aAAaY,wBAAU,KAACT;0BAAuBS;;;;AAGtD,EAAE;AAEFH,SAAS2C,SAAS,GAAGhD;AACrBK,SAAS4C,QAAQ,GAAG9C;AACpBE,SAAS6C,IAAI,GAAGhD;AAChBG,SAAS8C,MAAM,GAAGpD;AAClBM,SAAS+C,KAAK,GAAGrD"}

package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.d.ts

@@ -0,0 +1,5 @@
+import { type FlexProps } from '../../../components/Flex/Flex';
+type WriteBarBeforeOrAfterProps = FlexProps;
+export declare const WriteBarBeforeOrAfter: ({ className, ...restProps }: WriteBarBeforeOrAfterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WriteBarBeforeOrAfter.d.ts.map

package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteBarBeforeOrAfter.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAIrE,KAAK,0BAA0B,GAAG,SAAS,CAAC;AAE5C,eAAO,MAAM,qBAAqB,GAAI,6BAA6B,0BAA0B,4CAU5F,CAAC"}

package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "@vkontakte/vkjs";
+import { Flex } from "../../Flex/Flex.js";
+import { usePlatform } from "../../../hooks/usePlatform.js";
+export const WriteBarBeforeOrAfter = ({ className, ...restProps })=>{
+    const platform = usePlatform();
+    return /*#__PURE__*/ _jsx(Flex, {
+        align: "end",
+        className: classNames("vkuiWriteBarBeforeOrAfter__host", platform === 'ios' && "vkuiWriteBarBeforeOrAfter__ios", className),
+        ...restProps
+    });
+};
+
+//# sourceMappingURL=WriteBarBeforeOrAfter.js.map

package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { Flex, type FlexProps } from '../../../components/Flex/Flex';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport styles from './WriteBarBeforeOrAfter.module.css';\n\ntype WriteBarBeforeOrAfterProps = FlexProps;\n\nexport const WriteBarBeforeOrAfter = ({ className, ...restProps }: WriteBarBeforeOrAfterProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Flex\n      align=\"end\"\n      className={classNames(styles.host, platform === 'ios' && styles.ios, className)}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Flex","usePlatform","WriteBarBeforeOrAfter","className","restProps","platform","align"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,IAAI,QAAwB,qBAAgC;AACrE,SAASC,WAAW,QAAQ,gCAA6B;AAKzD,OAAO,MAAMC,wBAAwB,CAAC,EAAEC,SAAS,EAAE,GAAGC,WAAuC;IAC3F,MAAMC,WAAWJ;IAEjB,qBACE,KAACD;QACCM,OAAM;QACNH,WAAWJ,8CAAwBM,aAAa,2CAAqBF;QACpE,GAAGC,SAAS;;AAGnB,EAAE"}

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.d.ts

@@ -0,0 +1,8 @@
+import { type FlexProps } from '../../Flex/Flex';
+type WriteBarFormFieldProps = FlexProps;
+export declare const WriteBarFormField: {
+    ({ className, ...restProps }: WriteBarFormFieldProps): import("react/jsx-runtime").JSX.Element;
+    InlineAfter: ({ className, ...restProps }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=WriteBarFormField.d.ts.map

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteBarFormField.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBarFormField/WriteBarFormField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIvD,KAAK,sBAAsB,GAAG,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB;kCAAiC,sBAAsB;;CASpF,CAAC"}

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "@vkontakte/vkjs";
+import { usePlatform } from "../../../hooks/usePlatform.js";
+import { Flex } from "../../Flex/Flex.js";
+import { WriteBarFormFieldInlineAfter } from "./WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js";
+export const WriteBarFormField = ({ className, ...restProps })=>{
+    const platform = usePlatform();
+    return /*#__PURE__*/ _jsx(Flex, {
+        className: classNames("vkuiWriteBarFormField__host", platform === 'ios' && "vkuiWriteBarFormField__ios", className),
+        ...restProps
+    });
+};
+WriteBarFormField.InlineAfter = WriteBarFormFieldInlineAfter;
+
+//# sourceMappingURL=WriteBarFormField.js.map

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WriteBar/WriteBarFormField/WriteBarFormField.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { Flex, type FlexProps } from '../../Flex/Flex';\nimport { WriteBarFormFieldInlineAfter } from './WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter';\nimport styles from './WriteBarFormField.module.css';\n\ntype WriteBarFormFieldProps = FlexProps;\n\nexport const WriteBarFormField = ({ className, ...restProps }: WriteBarFormFieldProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Flex\n      className={classNames(styles.host, platform === 'ios' && styles.ios, className)}\n      {...restProps}\n    />\n  );\n};\n\nWriteBarFormField.InlineAfter = WriteBarFormFieldInlineAfter;\n"],"names":["classNames","usePlatform","Flex","WriteBarFormFieldInlineAfter","WriteBarFormField","className","restProps","platform","InlineAfter"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,IAAI,QAAwB,qBAAkB;AACvD,SAASC,4BAA4B,QAAQ,iEAA8D;AAK3G,OAAO,MAAMC,oBAAoB,CAAC,EAAEC,SAAS,EAAE,GAAGC,WAAmC;IACnF,MAAMC,WAAWN;IAEjB,qBACE,KAACC;QACCG,WAAWL,0CAAwBO,aAAa,uCAAqBF;QACpE,GAAGC,SAAS;;AAGnB,EAAE;AAEFF,kBAAkBI,WAAW,GAAGL"}

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.d.ts

@@ -0,0 +1,5 @@
+import { type FlexProps } from '../../../../components/Flex/Flex';
+type WriteBarFormFieldInlineAfterProps = FlexProps;
+export declare const WriteBarFormFieldInlineAfter: ({ className, ...restProps }: WriteBarFormFieldInlineAfterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WriteBarFormFieldInlineAfter.d.ts.map

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteBarFormFieldInlineAfter.d.ts","sourceRoot":"","sources":["../../../../../src/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAIxE,KAAK,iCAAiC,GAAG,SAAS,CAAC;AAEnD,eAAO,MAAM,4BAA4B,GAAI,6BAG1C,iCAAiC,4CAUnC,CAAC"}

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "@vkontakte/vkjs";
+import { Flex } from "../../../Flex/Flex.js";
+import { usePlatform } from "../../../../hooks/usePlatform.js";
+export const WriteBarFormFieldInlineAfter = ({ className, ...restProps })=>{
+    const platform = usePlatform();
+    return /*#__PURE__*/ _jsx(Flex, {
+        align: "end",
+        className: classNames(platform === 'ios' && "vkuiWriteBarFormFieldInlineAfter__ios", className),
+        ...restProps
+    });
+};
+
+//# sourceMappingURL=WriteBarFormFieldInlineAfter.js.map

package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { Flex, type FlexProps } from '../../../../components/Flex/Flex';\nimport { usePlatform } from '../../../../hooks/usePlatform';\nimport styles from './WriteBarFormFieldInlineAfter.module.css';\n\ntype WriteBarFormFieldInlineAfterProps = FlexProps;\n\nexport const WriteBarFormFieldInlineAfter = ({\n  className,\n  ...restProps\n}: WriteBarFormFieldInlineAfterProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Flex\n      align=\"end\"\n      className={classNames(platform === 'ios' && styles.ios, className)}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Flex","usePlatform","WriteBarFormFieldInlineAfter","className","restProps","platform","align"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,IAAI,QAAwB,wBAAmC;AACxE,SAASC,WAAW,QAAQ,mCAAgC;AAK5D,OAAO,MAAMC,+BAA+B,CAAC,EAC3CC,SAAS,EACT,GAAGC,WAC+B;IAClC,MAAMC,WAAWJ;IAEjB,qBACE,KAACD;QACCM,OAAM;QACNH,WAAWJ,WAAWM,aAAa,kDAAqBF;QACvD,GAAGC,SAAS;;AAGnB,EAAE"}

package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.d.ts

@@ -0,0 +1,10 @@
+import { type FlexProps } from '../../Flex/Flex';
+type WriteBarRootProps = FlexProps & {
+    /**
+     * Добавляет тень вокруг поля ввода.
+     */
+    shadow?: boolean;
+};
+export declare const WriteBarRoot: ({ shadow, className, ...restProps }: WriteBarRootProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WriteBarRoot.d.ts.map

package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteBarRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBarRoot/WriteBarRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGvD,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,qCAAqC,iBAAiB,4CAgBlF,CAAC"}

package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "@vkontakte/vkjs";
+import { usePlatform } from "../../../hooks/usePlatform.js";
+import { Flex } from "../../Flex/Flex.js";
+export const WriteBarRoot = ({ shadow, className, ...restProps })=>{
+    const platform = usePlatform();
+    return /*#__PURE__*/ _jsx(Flex, {
+        align: "end",
+        minBlockSize: 52,
+        className: classNames("vkuiWriteBarRoot__host", platform === 'ios' && "vkuiWriteBarRoot__ios", shadow && "vkuiWriteBarRoot__shadow", className),
+        ...restProps
+    });
+};
+
+//# sourceMappingURL=WriteBarRoot.js.map

package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WriteBar/WriteBarRoot/WriteBarRoot.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { Flex, type FlexProps } from '../../Flex/Flex';\nimport styles from './WriteBarRoot.module.css';\n\ntype WriteBarRootProps = FlexProps & {\n  /**\n   * Добавляет тень вокруг поля ввода.\n   */\n  shadow?: boolean;\n};\n\nexport const WriteBarRoot = ({ shadow, className, ...restProps }: WriteBarRootProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Flex\n      align=\"end\"\n      minBlockSize={52}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        shadow && styles.shadow,\n        className,\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","usePlatform","Flex","WriteBarRoot","shadow","className","restProps","platform","align","minBlockSize"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,IAAI,QAAwB,qBAAkB;AAUvD,OAAO,MAAMC,eAAe,CAAC,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAA8B;IACjF,MAAMC,WAAWN;IAEjB,qBACE,KAACC;QACCM,OAAM;QACNC,cAAc;QACdJ,WAAWL,qCAETO,aAAa,kCACbH,sCACAC;QAED,GAAGC,SAAS;;AAGnB,EAAE"}

package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.d.ts

@@ -0,0 +1,10 @@
+import type { RootComponentProps } from '../../RootComponent/RootComponent';
+type WriteBarTextareaProps = RootComponentProps<HTMLTextAreaElement> & {
+    /**
+     * Вызывается при смене высоты поля ввода.
+     */
+    onHeightChange?: VoidFunction | undefined;
+};
+export declare const WriteBarTextarea: ({ className, getRootRef, onHeightChange, onChange, ...restProps }: WriteBarTextareaProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WriteBarTextarea.d.ts.map

package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteBarTextarea.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBarTextarea/WriteBarTextarea.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAM5E,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,GAAG;IACrE;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,mEAM9B,qBAAqB,4CAqBvB,CAAC"}

package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useExternRef } from "../../../hooks/useExternRef.js";
+import { usePlatform } from "../../../hooks/usePlatform.js";
+import { callMultiple } from "../../../lib/callMultiple.js";
+import { useResizeTextarea } from "../../Textarea/useResizeTextarea.js";
+import { Headline } from "../../Typography/Headline/Headline.js";
+import { Title } from "../../Typography/Title/Title.js";
+export const WriteBarTextarea = ({ className, getRootRef, onHeightChange, onChange, ...restProps })=>{
+    const platform = usePlatform();
+    const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);
+    const textareaRef = useExternRef(getRootRef, refResizeTextarea);
+    React.useEffect(resize, [
+        resize,
+        platform
+    ]);
+    const props = {
+        Component: 'textarea',
+        weight: '3',
+        className: classNames(className, "vkuiWriteBarTextarea__host", platform === 'ios' && "vkuiWriteBarTextarea__ios"),
+        getRootRef: textareaRef,
+        onChange: callMultiple(onChange, resize)
+    };
+    if (platform === 'ios') {
+        return /*#__PURE__*/ _jsx(Title, {
+            level: "3",
+            ...props,
+            ...restProps
+        });
+    }
+    return /*#__PURE__*/ _jsx(Headline, {
+        ...props,
+        ...restProps
+    });
+};
+
+//# sourceMappingURL=WriteBarTextarea.js.map

package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WriteBar/WriteBarTextarea/WriteBarTextarea.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../../hooks/useExternRef';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { callMultiple } from '../../../lib/callMultiple';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport { useResizeTextarea } from '../../Textarea/useResizeTextarea';\nimport { Headline } from '../../Typography/Headline/Headline';\nimport { Title } from '../../Typography/Title/Title';\nimport styles from './WriteBarTextarea.module.css';\n\ntype WriteBarTextareaProps = RootComponentProps<HTMLTextAreaElement> & {\n  /**\n   * Вызывается при смене высоты поля ввода.\n   */\n  onHeightChange?: VoidFunction | undefined;\n};\n\nexport const WriteBarTextarea = ({\n  className,\n  getRootRef,\n  onHeightChange,\n  onChange,\n  ...restProps\n}: WriteBarTextareaProps) => {\n  const platform = usePlatform();\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);\n  const textareaRef = useExternRef(getRootRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, platform]);\n\n  const props = {\n    Component: 'textarea',\n    weight: '3',\n    className: classNames(className, styles.host, platform === 'ios' && styles.ios),\n    getRootRef: textareaRef,\n    onChange: callMultiple(onChange, resize),\n  } as const;\n\n  if (platform === 'ios') {\n    return <Title level=\"3\" {...props} {...restProps} />;\n  }\n\n  return <Headline {...props} {...restProps} />;\n};\n"],"names":["React","classNames","useExternRef","usePlatform","callMultiple","useResizeTextarea","Headline","Title","WriteBarTextarea","className","getRootRef","onHeightChange","onChange","restProps","platform","refResizeTextarea","resize","textareaRef","useEffect","props","Component","weight","level"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,iCAA8B;AAC3D,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,YAAY,QAAQ,+BAA4B;AAEzD,SAASC,iBAAiB,QAAQ,sCAAmC;AACrE,SAASC,QAAQ,QAAQ,wCAAqC;AAC9D,SAASC,KAAK,QAAQ,kCAA+B;AAUrD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,SAAS,EACTC,UAAU,EACVC,cAAc,EACdC,QAAQ,EACR,GAAGC,WACmB;IACtB,MAAMC,WAAWX;IAEjB,MAAM,CAACY,mBAAmBC,OAAO,GAAGX,kBAAkBM,gBAAgB;IACtE,MAAMM,cAAcf,aAAaQ,YAAYK;IAE7Cf,MAAMkB,SAAS,CAACF,QAAQ;QAACA;QAAQF;KAAS;IAE1C,MAAMK,QAAQ;QACZC,WAAW;QACXC,QAAQ;QACRZ,WAAWR,WAAWQ,yCAAwBK,aAAa;QAC3DJ,YAAYO;QACZL,UAAUR,aAAaQ,UAAUI;IACnC;IAEA,IAAIF,aAAa,OAAO;QACtB,qBAAO,KAACP;YAAMe,OAAM;YAAK,GAAGH,KAAK;YAAG,GAAGN,SAAS;;IAClD;IAEA,qBAAO,KAACP;QAAU,GAAGa,KAAK;QAAG,GAAGN,SAAS;;AAC3C,EAAE"}