@vkontakte/vkui 8.1.3 → 8.2.0

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"}