@croquiscom/pds 4.5.0 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 4.6.0
+
+### Minor Changes
+
+- 439e2eb: add ColumnViewController
+
 ## 4.5.0
 
 ### Minor Changes

package/dist/components/column-view-controller/ColumnViewController.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import { TableColumnType } from '../table';
+export interface TableColumnViewType<DataType> extends TableColumnType<DataType> {
+    isOn?: boolean;
+}
+export interface ColumnViewControllerProps<DataType> {
+    /**
+     * @default '열: 목록보기 설정'
+     */
+    buttonText?: string;
+    /**
+     * columns의 모든 width가 필수값이어야 함
+     */
+    columns: Array<TableColumnViewType<DataType>>;
+    onChange: (columns: Array<TableColumnViewType<DataType>>) => void;
+    width?: number;
+    /**
+     * 고정 column 변경 기능 사용 여부
+     * @default true
+     * @see maxFixedCount
+     * @see pullsFixed
+     */
+    canFixed?: boolean;
+    maxFixedCount?: number;
+    /**
+     * 고정 column을 별도로 끌어서 사용할 지 여부
+     * @default false
+     * @see noFixedItemsText
+     * @see fixedSectionTitle
+     */
+    pullsFixed?: boolean;
+    /**
+     * @default '고정 정보가 없습니다.'
+     */
+    noFixedItemsText?: string;
+    /**
+     * @default '고정 정보'
+     */
+    fixedSectionTitle?: string;
+    /**
+     * @default '목록 정보'
+     */
+    listSectionTitle?: string;
+}
+export declare const ColumnViewController: <T>({ columns, onChange, width, canFixed, pullsFixed, maxFixedCount, buttonText, noFixedItemsText, fixedSectionTitle, listSectionTitle, }: ColumnViewControllerProps<T>) => JSX.Element;

package/dist/components/column-view-controller/ColumnViewController.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(<T>({ columns, onChange, width, canFixed, pullsFixed, maxFixedCount, buttonText, noFixedItemsText, fixedSectionTitle, listSectionTitle, }: import("./ColumnViewController").ColumnViewControllerProps<T>) => JSX.Element)>;
+export default _default;
+export declare const Base: any;
+export declare const PullsFixed: any;
+export declare const MaxFixedCount: any;
+export declare const NoFixed: any;

package/dist/components/column-view-controller/index.d.ts

@@ -0,0 +1 @@
+export * from './ColumnViewController';

package/dist/components/index.d.ts

@@ -30,3 +30,4 @@ export * from './table';
 export * from './drawer';
 export * from './list';
 export * from './list-item';
+export * from './column-view-controller';

package/dist/components/list/List.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { ListItemProps } from '../list-item';
-export interface ListProps {
-    items: Array<Omit<ListItemProps, 'draggable' | 'index'>>;
+export interface ListProps<T = string> {
+    items: Array<ListItemProps<T>>;
     /**
      * 항목을 드래그해서 순서를 바꿀 수 있는 기능 확장 여부
      * @default false
@@ -11,7 +11,7 @@ export interface ListProps {
      * 드래그될 경우 변경된 items값을 파라미터로 넘겨준다
      * @see draggable
      */
-    onChange?: (items: Array<Omit<ListItemProps, 'draggable' | 'index'>>) => void;
+    onChange?: (items: Array<ListItemProps<T>>) => void;
     width?: number;
 }
-export declare const List: React.FC<ListProps>;
+export declare const List: <T extends string>({ items, draggable, onChange, width }: ListProps<T>) => JSX.Element;

package/dist/components/list/List.stories.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<React.FC<import("./List").ListProps>>;
+declare const _default: ComponentMeta<(<T extends string>({ items, draggable, onChange, width }: import("./List").ListProps<T>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Draggable: any;

package/dist/components/list-item/ListItem.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface ListItemProps<T = string> {
     id: T;
     text: ReactNode;
@@ -32,4 +32,4 @@ export interface ListItemProps<T = string> {
      */
     onPin?: (fixed: boolean, index?: number) => void;
 }
-export declare const ListItem: React.FC<ListItemProps>;
+export declare const ListItem: <T extends string>({ id, isOn, fixed, disabled, text, draggable, index, onToggle, onPin, }: ListItemProps<T>) => JSX.Element;

package/dist/components/list-item/ListItem.stories.d.ts

@@ -1,7 +1,6 @@
+/// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-import { ListItemProps } from './ListItem';
-declare const _default: ComponentMeta<React.FC<ListItemProps<string>>>;
+declare const _default: ComponentMeta<(<T extends string>({ id, isOn, fixed, disabled, text, draggable, index, onToggle, onPin, }: import("./ListItem").ListItemProps<T>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Draggable: any;