@hh.ru/magritte-ui-textarea 3.3.54 → 3.3.55

package/TextAreaGrowLimiter.js

@@ -5,76 +5,88 @@ import { debounce } from '@hh.ru/magritte-common-func-utils';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 
 const GrowLimiterContext = createContext({
-    getHeightDiff: () => 0,
-    onHeightChange: () => void 0,
-    offHeightChange: () => void 0,
-    heightUpdated: () => void 0,
-    hasLimit: false,
+  getHeightDiff: () => 0,
+  onHeightChange: () => void 0,
+  offHeightChange: () => void 0,
+  heightUpdated: () => void 0,
+  hasLimit: false
 });
-const TextAreaGrowLimiter = forwardRef(({ children, containerRef, preMeasurement, postMeasurement, debounce: debounce$1 = false, ...rest }, ref) => {
+const TextAreaGrowLimiter = forwardRef(
+  ({ children, containerRef, preMeasurement, postMeasurement, debounce: debounce$1 = false, ...rest }, ref) => {
     const wrapperRef = useRef(null);
     const refMultiplexer = useMultipleRefs(ref, wrapperRef);
-    const [heightChangeHandlers, _] = useState(() => new Set());
+    const [heightChangeHandlers, _] = useState(() => /* @__PURE__ */ new Set());
     const heightDiffCache = useRef(null);
-    const contextValue = useMemo(() => ({
+    const contextValue = useMemo(
+      () => ({
         getHeightDiff: () => {
-            if (heightDiffCache.current === null) {
-                const currentContainer = containerRef?.current || wrapperRef?.current?.parentElement;
-                if (!wrapperRef.current || !currentContainer) {
-                    return 0;
-                }
-                // запоминаем позицию скролла в контейнере, отключаем скролл, вызываем preMeasurement если задан
-                // в BottomSheet например он отключает ограничение height на внешнем контейнере, чтобы была
-                // возможность узнать реальный максимальный размер контейнера
-                const scrollTop = currentContainer.scrollTop;
-                const overflow = currentContainer.style.overflowY;
-                currentContainer.style.overflowY = 'hidden';
-                preMeasurement?.();
-                // Устанавливаем толщину нижней рамки равно 20000 пикселей, чтобы размер обертки гарантированно
-                // превысил размер контейнера. После этого сравниваем offsetHeight и scrollHeight контейнера
-                // чтобы вычислить сколько доступно свободного пространства до появления в контейнере скролла
-                wrapperRef.current.style.borderBottomWidth = '20000px';
-                heightDiffCache.current = currentContainer.clientHeight - currentContainer.scrollHeight + 20000;
-                // Вызываем postMeasurement если задан, в BottomSheet он возвращает ограничение height к
-                // изначальному значению
-                postMeasurement?.();
-                // Возвращаем настройки контейнера и обретки к изначальным значениям
-                currentContainer.style.overflowY = overflow;
-                wrapperRef.current.style.borderBottomWidth = '0';
-                currentContainer.scrollTop = scrollTop;
+          if (heightDiffCache.current === null) {
+            const currentContainer = containerRef?.current || wrapperRef?.current?.parentElement;
+            if (!wrapperRef.current || !currentContainer) {
+              return 0;
             }
-            return heightDiffCache.current;
+            const scrollTop = currentContainer.scrollTop;
+            const overflow = currentContainer.style.overflowY;
+            currentContainer.style.overflowY = "hidden";
+            preMeasurement?.();
+            wrapperRef.current.style.borderBottomWidth = "20000px";
+            heightDiffCache.current = currentContainer.clientHeight - currentContainer.scrollHeight + 2e4;
+            postMeasurement?.();
+            currentContainer.style.overflowY = overflow;
+            wrapperRef.current.style.borderBottomWidth = "0";
+            currentContainer.scrollTop = scrollTop;
+          }
+          return heightDiffCache.current;
         },
         onHeightChange: (callback) => heightChangeHandlers.add(callback),
         offHeightChange: (callback) => heightChangeHandlers.delete(callback),
-        heightUpdated: () => (heightDiffCache.current = null),
-        hasLimit: true,
-    }), [heightChangeHandlers, containerRef, wrapperRef, preMeasurement, postMeasurement]);
-    useEffect(() => {
+        heightUpdated: () => heightDiffCache.current = null,
+        hasLimit: true
+      }),
+      [heightChangeHandlers, containerRef, wrapperRef, preMeasurement, postMeasurement]
+    );
+    useEffect(
+      () => {
         const currentContainer = containerRef?.current || wrapperRef?.current?.parentElement;
         if (!wrapperRef.current || !currentContainer) {
-            return void 0;
+          return void 0;
         }
         const observerCallback = () => {
-            heightDiffCache.current = null;
-            heightChangeHandlers.forEach((callback) => callback());
+          heightDiffCache.current = null;
+          heightChangeHandlers.forEach((callback) => callback());
         };
-        const observer = new ResizeObserver(debounce$1 ? debounce(observerCallback, 17 /* ~= 1000ms / 60fps */) : observerCallback);
-        observer.observe(wrapperRef.current, { box: 'content-box' });
-        observer.observe(currentContainer, { box: 'content-box' });
+        const observer = new ResizeObserver(
+          debounce$1 ? debounce(
+            observerCallback,
+            17
+            /* ~= 1000ms / 60fps */
+          ) : observerCallback
+        );
+        observer.observe(wrapperRef.current, { box: "content-box" });
+        observer.observe(currentContainer, { box: "content-box" });
         return () => observer.disconnect();
-    }, 
-    // eslint считает что containerRef?.current лишняя зависимость, но эффект должен реагировать если
-    // значение в рефе изменилось, т.к. обзервер должен переподписаться на другой элемент
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [heightChangeHandlers, containerRef, containerRef?.current, wrapperRef]);
-    return (jsx("div", { ref: refMultiplexer, ...rest, style: {
-            ...(rest.style || {}),
-            borderBottomStyle: 'solid',
-            borderBottomColor: 'transparent',
-        }, children: jsx(GrowLimiterContext.Provider, { value: contextValue, children: children }) }));
-});
-TextAreaGrowLimiter.displayName = 'TextAreaGrowLimiter';
+      },
+      // eslint считает что containerRef?.current лишняя зависимость, но эффект должен реагировать если
+      // значение в рефе изменилось, т.к. обзервер должен переподписаться на другой элемент
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [heightChangeHandlers, containerRef, containerRef?.current, wrapperRef]
+    );
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: refMultiplexer,
+        ...rest,
+        style: {
+          ...rest.style || {},
+          borderBottomStyle: "solid",
+          borderBottomColor: "transparent"
+        },
+        children: /* @__PURE__ */ jsx(GrowLimiterContext.Provider, { value: contextValue, children })
+      }
+    );
+  }
+);
+TextAreaGrowLimiter.displayName = "TextAreaGrowLimiter";
 
 export { GrowLimiterContext, TextAreaGrowLimiter };
 //# sourceMappingURL=TextAreaGrowLimiter.js.map

package/TextAreaGrowLimiter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaGrowLimiter.js","sources":["src/TextAreaGrowLimiter.tsx"],"sourcesContent":["import { createContext, useRef, forwardRef, useEffect, useState, useMemo } from 'react';\n\nimport { debounce as debounceFunc } from '@hh.ru/magritte-common-func-utils';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport type { TextAreaGrowLimiterProps } from '@hh.ru/magritte-ui-textarea/types';\n\nexport interface GrowLimiterContextValue {\n    getHeightDiff: () => number;\n    onHeightChange: (callback: VoidFunction) => void;\n    offHeightChange: (callback: VoidFunction) => void;\n    heightUpdated: VoidFunction;\n    hasLimit: boolean;\n}\n\nexport const GrowLimiterContext = createContext<GrowLimiterContextValue>({\n    getHeightDiff: () => 0,\n    onHeightChange: () => void 0,\n    offHeightChange: () => void 0,\n    heightUpdated: () => void 0,\n    hasLimit: false,\n});\n\nexport const TextAreaGrowLimiter = forwardRef<HTMLDivElement, TextAreaGrowLimiterProps>(\n    ({ children, containerRef, preMeasurement, postMeasurement, debounce = false, ...rest }, ref) => {\n        const wrapperRef = useRef<HTMLDivElement>(null);\n        const refMultiplexer = useMultipleRefs(ref, wrapperRef);\n        const [heightChangeHandlers, _] = useState(() => new Set<VoidFunction>());\n        const heightDiffCache = useRef<number | null>(null);\n\n        const contextValue = useMemo<GrowLimiterContextValue>(\n            () => ({\n                getHeightDiff: () => {\n                    if (heightDiffCache.current === null) {\n                        const currentContainer = containerRef?.current || wrapperRef?.current?.parentElement;\n\n                        if (!wrapperRef.current || !currentContainer) {\n                            return 0;\n                        }\n\n                        // запоминаем позицию скролла в контейнере, отключаем скролл, вызываем preMeasurement если задан\n                        // в BottomSheet например он отключает ограничение height на внешнем контейнере, чтобы была\n                        // возможность узнать реальный максимальный размер контейнера\n                        const scrollTop = currentContainer.scrollTop;\n                        const overflow = currentContainer.style.overflowY;\n                        currentContainer.style.overflowY = 'hidden';\n                        preMeasurement?.();\n\n                        // Устанавливаем толщину нижней рамки равно 20000 пикселей, чтобы размер обертки гарантированно\n                        // превысил размер контейнера. После этого сравниваем offsetHeight и scrollHeight контейнера\n                        // чтобы вычислить сколько доступно свободного пространства до появления в контейнере скролла\n                        wrapperRef.current.style.borderBottomWidth = '20000px';\n                        heightDiffCache.current = currentContainer.clientHeight - currentContainer.scrollHeight + 20000;\n                        // Вызываем postMeasurement если задан, в BottomSheet он возвращает ограничение height к\n                        // изначальному значению\n                        postMeasurement?.();\n\n                        // Возвращаем настройки контейнера и обретки к изначальным значениям\n                        currentContainer.style.overflowY = overflow;\n                        wrapperRef.current.style.borderBottomWidth = '0';\n                        currentContainer.scrollTop = scrollTop;\n                    }\n                    return heightDiffCache.current;\n                },\n                onHeightChange: (callback) => heightChangeHandlers.add(callback),\n                offHeightChange: (callback) => heightChangeHandlers.delete(callback),\n                heightUpdated: () => (heightDiffCache.current = null),\n                hasLimit: true,\n            }),\n            [heightChangeHandlers, containerRef, wrapperRef, preMeasurement, postMeasurement]\n        );\n\n        useEffect(\n            () => {\n                const currentContainer = containerRef?.current || wrapperRef?.current?.parentElement;\n\n                if (!wrapperRef.current || !currentContainer) {\n                    return void 0;\n                }\n\n                const observerCallback = () => {\n                    heightDiffCache.current = null;\n                    heightChangeHandlers.forEach((callback) => callback());\n                };\n\n                const observer = new ResizeObserver(\n                    debounce ? debounceFunc(observerCallback, 17 /* ~= 1000ms / 60fps */) : observerCallback\n                );\n                observer.observe(wrapperRef.current, { box: 'content-box' });\n                observer.observe(currentContainer, { box: 'content-box' });\n\n                return () => observer.disconnect();\n            },\n            // eslint считает что containerRef?.current лишняя зависимость, но эффект должен реагировать если\n            // значение в рефе изменилось, т.к. обзервер должен переподписаться на другой элемент\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n            [heightChangeHandlers, containerRef, containerRef?.current, wrapperRef]\n        );\n\n        return (\n            <div\n                ref={refMultiplexer}\n                {...rest}\n                style={{\n                    ...(rest.style || {}),\n                    borderBottomStyle: 'solid',\n                    borderBottomColor: 'transparent',\n                }}\n            >\n                <GrowLimiterContext.Provider value={contextValue}>{children}</GrowLimiterContext.Provider>\n            </div>\n        );\n    }\n);\n\nTextAreaGrowLimiter.displayName = 'TextAreaGrowLimiter';\n"],"names":["debounce","debounceFunc","_jsx"],"mappings":"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"}
+{"version":3,"file":"TextAreaGrowLimiter.js","sources":["src/TextAreaGrowLimiter.tsx"],"sourcesContent":["import { createContext, useRef, forwardRef, useEffect, useState, useMemo } from 'react';\n\nimport { debounce as debounceFunc } from '@hh.ru/magritte-common-func-utils';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport type { TextAreaGrowLimiterProps } from '@hh.ru/magritte-ui-textarea/types';\n\nexport interface GrowLimiterContextValue {\n    getHeightDiff: () => number;\n    onHeightChange: (callback: VoidFunction) => void;\n    offHeightChange: (callback: VoidFunction) => void;\n    heightUpdated: VoidFunction;\n    hasLimit: boolean;\n}\n\nexport const GrowLimiterContext = createContext<GrowLimiterContextValue>({\n    getHeightDiff: () => 0,\n    onHeightChange: () => void 0,\n    offHeightChange: () => void 0,\n    heightUpdated: () => void 0,\n    hasLimit: false,\n});\n\nexport const TextAreaGrowLimiter = forwardRef<HTMLDivElement, TextAreaGrowLimiterProps>(\n    ({ children, containerRef, preMeasurement, postMeasurement, debounce = false, ...rest }, ref) => {\n        const wrapperRef = useRef<HTMLDivElement>(null);\n        const refMultiplexer = useMultipleRefs(ref, wrapperRef);\n        const [heightChangeHandlers, _] = useState(() => new Set<VoidFunction>());\n        const heightDiffCache = useRef<number | null>(null);\n\n        const contextValue = useMemo<GrowLimiterContextValue>(\n            () => ({\n                getHeightDiff: () => {\n                    if (heightDiffCache.current === null) {\n                        const currentContainer = containerRef?.current || wrapperRef?.current?.parentElement;\n\n                        if (!wrapperRef.current || !currentContainer) {\n                            return 0;\n                        }\n\n                        // запоминаем позицию скролла в контейнере, отключаем скролл, вызываем preMeasurement если задан\n                        // в BottomSheet например он отключает ограничение height на внешнем контейнере, чтобы была\n                        // возможность узнать реальный максимальный размер контейнера\n                        const scrollTop = currentContainer.scrollTop;\n                        const overflow = currentContainer.style.overflowY;\n                        currentContainer.style.overflowY = 'hidden';\n                        preMeasurement?.();\n\n                        // Устанавливаем толщину нижней рамки равно 20000 пикселей, чтобы размер обертки гарантированно\n                        // превысил размер контейнера. После этого сравниваем offsetHeight и scrollHeight контейнера\n                        // чтобы вычислить сколько доступно свободного пространства до появления в контейнере скролла\n                        wrapperRef.current.style.borderBottomWidth = '20000px';\n                        heightDiffCache.current = currentContainer.clientHeight - currentContainer.scrollHeight + 20000;\n                        // Вызываем postMeasurement если задан, в BottomSheet он возвращает ограничение height к\n                        // изначальному значению\n                        postMeasurement?.();\n\n                        // Возвращаем настройки контейнера и обретки к изначальным значениям\n                        currentContainer.style.overflowY = overflow;\n                        wrapperRef.current.style.borderBottomWidth = '0';\n                        currentContainer.scrollTop = scrollTop;\n                    }\n                    return heightDiffCache.current;\n                },\n                onHeightChange: (callback) => heightChangeHandlers.add(callback),\n                offHeightChange: (callback) => heightChangeHandlers.delete(callback),\n                heightUpdated: () => (heightDiffCache.current = null),\n                hasLimit: true,\n            }),\n            [heightChangeHandlers, containerRef, wrapperRef, preMeasurement, postMeasurement]\n        );\n\n        useEffect(\n            () => {\n                const currentContainer = containerRef?.current || wrapperRef?.current?.parentElement;\n\n                if (!wrapperRef.current || !currentContainer) {\n                    return void 0;\n                }\n\n                const observerCallback = () => {\n                    heightDiffCache.current = null;\n                    heightChangeHandlers.forEach((callback) => callback());\n                };\n\n                const observer = new ResizeObserver(\n                    debounce ? debounceFunc(observerCallback, 17 /* ~= 1000ms / 60fps */) : observerCallback\n                );\n                observer.observe(wrapperRef.current, { box: 'content-box' });\n                observer.observe(currentContainer, { box: 'content-box' });\n\n                return () => observer.disconnect();\n            },\n            // eslint считает что containerRef?.current лишняя зависимость, но эффект должен реагировать если\n            // значение в рефе изменилось, т.к. обзервер должен переподписаться на другой элемент\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n            [heightChangeHandlers, containerRef, containerRef?.current, wrapperRef]\n        );\n\n        return (\n            <div\n                ref={refMultiplexer}\n                {...rest}\n                style={{\n                    ...(rest.style || {}),\n                    borderBottomStyle: 'solid',\n                    borderBottomColor: 'transparent',\n                }}\n            >\n                <GrowLimiterContext.Provider value={contextValue}>{children}</GrowLimiterContext.Provider>\n            </div>\n        );\n    }\n);\n\nTextAreaGrowLimiter.displayName = 'TextAreaGrowLimiter';\n"],"names":["debounce","debounceFunc"],"mappings":"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"}

package/UncontrolledTextArea.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement } from 'react';
-import type { TextAreaLayout, UncontrolledTextAreaProps } from '@hh.ru/magritte-ui-textarea/types';
-export declare const UncontrolledTextArea: (<Layout extends TextAreaLayout>(props: UncontrolledTextAreaProps<Layout> & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof UncontrolledTextAreaProps<"fixed">> & {
+import type { TextAreaLayout, UncontrolledTextAreaProps } from './types';
+export declare const UncontrolledTextArea: (<Layout extends TextAreaLayout>(props: UncontrolledTextAreaProps<Layout> & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof UncontrolledTextAreaProps<'fixed'>> & {
     ref?: React.ForwardedRef<HTMLTextAreaElement>;
 }) => ReactElement | null) & {
     displayName: string;

package/UncontrolledTextArea.js

@@ -20,16 +20,19 @@ import './TextAreaGrowLimiter.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-typography';
 
-const UncontrolledTextAreaComponent = ({ value = '', onChange, ...restProps }, ref) => {
-    const [defaultValue, setDefaultValue] = useState(value);
-    const changeHandler = useCallback((event) => {
-        setDefaultValue(event.target.value);
-        onChange?.(event);
-    }, [onChange]);
-    return jsx(TextArea, { ...restProps, value: defaultValue, onChange: changeHandler, ref: ref });
+const UncontrolledTextAreaComponent = ({ value = "", onChange, ...restProps }, ref) => {
+  const [defaultValue, setDefaultValue] = useState(value);
+  const changeHandler = useCallback(
+    (event) => {
+      setDefaultValue(event.target.value);
+      onChange?.(event);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsx(TextArea, { ...restProps, value: defaultValue, onChange: changeHandler, ref });
 };
 const UncontrolledTextArea = forwardRef(UncontrolledTextAreaComponent);
-UncontrolledTextArea.displayName = 'UncontrolledTextArea';
+UncontrolledTextArea.displayName = "UncontrolledTextArea";
 
 export { UncontrolledTextArea };
 //# sourceMappingURL=UncontrolledTextArea.js.map

package/UncontrolledTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"UncontrolledTextArea.js","sources":["src/UncontrolledTextArea.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useCallback, useState, type ChangeEvent } from 'react';\n\nimport { TextArea } from '@hh.ru/magritte-ui-textarea/TextArea';\nimport type { TextAreaLayout, UncontrolledTextAreaProps } from '@hh.ru/magritte-ui-textarea/types';\n\nconst UncontrolledTextAreaComponent = <Layout extends TextAreaLayout>(\n    { value = '', onChange, ...restProps }: UncontrolledTextAreaProps<Layout>,\n    ref: React.ForwardedRef<HTMLTextAreaElement>\n) => {\n    const [defaultValue, setDefaultValue] = useState(value);\n    const changeHandler = useCallback(\n        (event: ChangeEvent<HTMLTextAreaElement>) => {\n            setDefaultValue(event.target.value);\n            onChange?.(event);\n        },\n        [onChange]\n    );\n\n    return <TextArea {...restProps} value={defaultValue} onChange={changeHandler} ref={ref} />;\n};\n\nexport const UncontrolledTextArea = forwardRef(UncontrolledTextAreaComponent) as (<Layout extends TextAreaLayout>(\n    props: UncontrolledTextAreaProps<Layout> &\n        Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof UncontrolledTextAreaProps<'fixed'>> & {\n            ref?: React.ForwardedRef<HTMLTextAreaElement>;\n        }\n) => ReactElement | null) & { displayName: string };\nUncontrolledTextArea.displayName = 'UncontrolledTextArea';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,6BAA6B,GAAG,CAClC,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAqC,EACzE,GAA4C,KAC5C;IACA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxD,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAuC,KAAI;AACxC,QAAA,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpC,QAAA,QAAQ,GAAG,KAAK,CAAC,CAAC;AACtB,KAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;AAEF,IAAA,OAAOA,IAAC,QAAQ,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC/F,CAAC,CAAC;MAEW,oBAAoB,GAAG,UAAU,CAAC,6BAA6B,EAKxB;AACpD,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"UncontrolledTextArea.js","sources":["src/UncontrolledTextArea.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useCallback, useState, type ChangeEvent } from 'react';\n\nimport { TextArea } from '@hh.ru/magritte-ui-textarea/TextArea';\nimport type { TextAreaLayout, UncontrolledTextAreaProps } from '@hh.ru/magritte-ui-textarea/types';\n\nconst UncontrolledTextAreaComponent = <Layout extends TextAreaLayout>(\n    { value = '', onChange, ...restProps }: UncontrolledTextAreaProps<Layout>,\n    ref: React.ForwardedRef<HTMLTextAreaElement>\n) => {\n    const [defaultValue, setDefaultValue] = useState(value);\n    const changeHandler = useCallback(\n        (event: ChangeEvent<HTMLTextAreaElement>) => {\n            setDefaultValue(event.target.value);\n            onChange?.(event);\n        },\n        [onChange]\n    );\n\n    return <TextArea {...restProps} value={defaultValue} onChange={changeHandler} ref={ref} />;\n};\n\nexport const UncontrolledTextArea = forwardRef(UncontrolledTextAreaComponent) as (<Layout extends TextAreaLayout>(\n    props: UncontrolledTextAreaProps<Layout> &\n        Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof UncontrolledTextAreaProps<'fixed'>> & {\n            ref?: React.ForwardedRef<HTMLTextAreaElement>;\n        }\n) => ReactElement | null) & { displayName: string };\nUncontrolledTextArea.displayName = 'UncontrolledTextArea';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,6BAAA,GAAgC,CAClC,EAAE,KAAA,GAAQ,IAAI,QAAU,EAAA,GAAG,SAAU,EAAA,EACrC,GACC,KAAA;AACD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AACtD,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IAClB,CAAC,KAA4C,KAAA;AACzC,MAAgB,eAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAClC,MAAA,QAAA,GAAW,KAAK,CAAA,CAAA;AAAA,KACpB;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,uBAAA,GAAA,CAAC,YAAU,GAAG,SAAA,EAAW,OAAO,YAAc,EAAA,QAAA,EAAU,eAAe,GAAU,EAAA,CAAA,CAAA;AAC5F,CAAA,CAAA;AAEa,MAAA,oBAAA,GAAuB,WAAW,6BAA6B,EAAA;AAM5E,oBAAA,CAAqB,WAAc,GAAA,sBAAA;;;;"}