@teamturing/react-kit 2.32.8 → 2.33.0

package/dist/core/Textarea/index.d.ts

@@ -1,10 +1,12 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
 type Props = {
     validationStatus?: 'error' | 'success' | undefined;
+    renderCount?: (count: number, element: HTMLTextAreaElement | null) => ReactNode;
 } & TextareaAutosizeProps;
 declare const Textarea: import("react").ForwardRefExoticComponent<{
     validationStatus?: 'error' | 'success' | undefined;
+    renderCount?: ((count: number, element: HTMLTextAreaElement | null) => ReactNode) | undefined;
 } & TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;
 export type { Props as TextareaProps };

package/dist/index.js

@@ -18989,13 +18989,13 @@ const Dialog = ({
       tabIndex: -1,
       sx: {
         ...(size === 's' ? {
-          maxHeight: 'calc(100vh - 64px)',
+          maxHeight: 'calc(100dvh - 64px)',
           width: ['calc(100% - 64px)', 400, 400],
           marginX: 'auto',
           marginY: 'auto',
           borderRadius: 'l'
         } : size === 'm' ? {
-          maxHeight: ['100%', '100%', 'calc(100vh - 64px)'],
+          maxHeight: ['100%', '100%', 'calc(100dvh - 64px)'],
           height: ['100%', '100%', 'auto'],
           minHeight: ['-webkit-fill-available', '-webkit-fill-available', 'auto'],
           width: ['100%', '100%', 640],
@@ -19003,7 +19003,7 @@ const Dialog = ({
           marginY: 'auto',
           borderRadius: ['none', 'none', 'l']
         } : size === 'l' ? {
-          maxHeight: ['100%', '100%', 'calc(100vh - 64px)'],
+          maxHeight: ['100%', '100%', 'calc(100dvh - 64px)'],
           height: ['100%', '100%', 'auto'],
           minHeight: ['-webkit-fill-available', '-webkit-fill-available', 'auto'],
           width: ['100%', '100%', 860],
@@ -19011,7 +19011,7 @@ const Dialog = ({
           marginY: 'auto',
           borderRadius: ['none', 'none', 'l']
         } : size === 'full' ? {
-          height: ['100%', '100%', 'calc(100vh - 40px)'],
+          height: ['100%', '100%', 'calc(100dvh - 40px)'],
           width: ['100%', '100%', 'calc(100vw - 40px)'],
           marginX: [0, 0, 'auto'],
           marginY: 'auto',
@@ -36640,6 +36640,7 @@ var toArray$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_toarray);
 const Textarea = /*#__PURE__*/React.forwardRef(({
   validationStatus,
   disabled,
+  renderCount = count => `${commaizeNumber(count)}자`,
   ...props
 }, ref) => {
   const inputRef = useProvidedOrCreatedRef(ref);
@@ -36672,8 +36673,8 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
       },
       disabled: disabled,
       onChange: handleChange
-    }), /*#__PURE__*/jsxRuntimeExports.jsxs(TextareaCount, {
-      children: [commaizeNumber(count), "\uC790"]
+    }), /*#__PURE__*/jsxRuntimeExports.jsx(TextareaCount, {
+      children: renderCount(count, inputRef.current)
     })]
   });
 });

package/esm/core/Dialog/index.js

@@ -74,13 +74,13 @@ const Dialog = ({
       tabIndex: -1,
       sx: {
         ...(size === 's' ? {
-          maxHeight: 'calc(100vh - 64px)',
+          maxHeight: 'calc(100dvh - 64px)',
           width: ['calc(100% - 64px)', 400, 400],
           marginX: 'auto',
           marginY: 'auto',
           borderRadius: 'l'
         } : size === 'm' ? {
-          maxHeight: ['100%', '100%', 'calc(100vh - 64px)'],
+          maxHeight: ['100%', '100%', 'calc(100dvh - 64px)'],
           height: ['100%', '100%', 'auto'],
           minHeight: ['-webkit-fill-available', '-webkit-fill-available', 'auto'],
           width: ['100%', '100%', 640],
@@ -88,7 +88,7 @@ const Dialog = ({
           marginY: 'auto',
           borderRadius: ['none', 'none', 'l']
         } : size === 'l' ? {
-          maxHeight: ['100%', '100%', 'calc(100vh - 64px)'],
+          maxHeight: ['100%', '100%', 'calc(100dvh - 64px)'],
           height: ['100%', '100%', 'auto'],
           minHeight: ['-webkit-fill-available', '-webkit-fill-available', 'auto'],
           width: ['100%', '100%', 860],
@@ -96,7 +96,7 @@ const Dialog = ({
           marginY: 'auto',
           borderRadius: ['none', 'none', 'l']
         } : size === 'full' ? {
-          height: ['100%', '100%', 'calc(100vh - 40px)'],
+          height: ['100%', '100%', 'calc(100dvh - 40px)'],
           width: ['100%', '100%', 'calc(100vw - 40px)'],
           marginX: [0, 0, 'auto'],
           marginY: 'auto',

package/esm/core/Textarea/index.js

@@ -11,6 +11,7 @@ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js'
 const Textarea = /*#__PURE__*/forwardRef(({
   validationStatus,
   disabled,
+  renderCount = count => `${commaizeNumber(count)}자`,
   ...props
 }, ref) => {
   const inputRef = useProvidedOrCreatedRef(ref);
@@ -43,8 +44,8 @@ const Textarea = /*#__PURE__*/forwardRef(({
       },
       disabled: disabled,
       onChange: handleChange
-    }), /*#__PURE__*/jsxRuntimeExports.jsxs(TextareaCount, {
-      children: [commaizeNumber(count), "\uC790"]
+    }), /*#__PURE__*/jsxRuntimeExports.jsx(TextareaCount, {
+      children: renderCount(count, inputRef.current)
     })]
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.32.8",
+  "version": "2.33.0",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "3a4c9dd6c4cd3b1238b05e1e3d952bad3de73041"
+  "gitHead": "249a90d29a2e6dcd0cff9076059492615777a08a"
 }