@croquiscom/pds 8.10.4 → 8.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 8.12.0
+
+### Minor Changes
+
+- 09ba973: Timepicker 텍스트 기입 활성화
+
+## 8.11.0
+
+### Minor Changes
+
+- b8e985e: Textarea autoSize 추가
+
 ## 8.10.4
 
 ### Patch Changes

package/dist/components/textarea/Textarea.d.ts

@@ -1,6 +1,10 @@
 import React, { TextareaHTMLAttributes } from 'react';
 import { AriaFocusProps } from '../../types/common';
 import { SizeProps } from '../../styles';
+export interface AutoSizeType {
+    minRows?: number;
+    maxRows?: number;
+}
 export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, SizeProps, AriaFocusProps {
     error?: boolean;
     /**
@@ -8,5 +12,14 @@ export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
      * @default false
      */
     showCounter?: boolean;
+    /**
+     * 입혁하는 텍스트에 따라 자동으로 크기를 조절하며 최소/최대 라인수를 설정할 수 있습니다.
+     *  - height 또는 textarea 기본 rows 속성이 있을 경우 적용되지 않습니다.
+     *  - autoSize를 사용할 경우 기본 resize는 none처리됩니다.
+     *  - minRows(최소 행 수)의 기본값은 2입니다.
+     *  - maxRows(최대 행 수)를 넘어갈 경우 자동 내부 스크롤 처리됩니다.
+     * @default false
+     */
+    autoSize?: boolean | AutoSizeType;
 }
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/textarea/Textarea.stories.d.ts

@@ -3,6 +3,10 @@ import { ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Textarea").TextareaProps & React.RefAttributes<HTMLTextAreaElement>>>;
 export default _default;
 export declare const Base: any;
+export declare const AutoSize: any;
+export declare const AutoSizeWithMinRows: any;
+export declare const AutoSizeWithMaxRows: any;
+export declare const AutoSizeWithMinMaxRows: any;
 export declare const Error: any;
 export declare const WithFormHelperText: () => JSX.Element;
 export declare const Disabled: any;

package/dist/components/textarea/utils.d.ts

@@ -0,0 +1,18 @@
+type TextareaSizingData = {
+    paddingSize: number;
+    borderSize: number;
+    sizingStyles: string;
+};
+export declare function getTextareaComputedStyle(textarea: HTMLTextAreaElement): TextareaSizingData;
+/**
+ * @desc Textarea autoSize 동적 Height 계산
+ *  - 입력 콘텐츠의 폰트/크기/행 간격등 요소에 따른 높이 계산시 브라우저마다의 일관된 값을 처리하도록 가상의 숨겨진 hiddenTextarea를 재사용합니다.
+ *  - hiddenTextarea를 통해 해당 요소의 스타일을 적용하여 텍스트의 크기를 계산하고 실제로 보이는 textarea의 높이를 조절합니다.
+ */
+export declare function getTextareaAutoSizeStyles(sizingData: TextareaSizingData, value: string, minRows?: number, maxRows?: number): {
+    maxHeight: number;
+    minHeight: number;
+    resize: string;
+    height: number;
+};
+export {};