@croquiscom/pds 5.1.0 → 5.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 5.2.0
+
+### Minor Changes
+
+- 1668561: PanelTab 컴포넌트 추가
+
 ## 5.1.0
 
 ### Minor Changes

package/dist/components/tabs/PanelTabs/PanelTab.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface PanelTabProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
+    id: string;
+    onClick?: (id: string) => void;
+    title: string;
+    number: number;
+    suffix: string;
+    helperIcon?: (icon: ReactNode) => JSX.Element;
+    highlight?: boolean;
+    caption?: string;
+    disabled?: boolean;
+}
+export declare const PanelTab: ({ id, onClick, className, caption, highlight, helperIcon, suffix, title, number, disabled, ...props }: PanelTabProps) => JSX.Element;

package/dist/components/tabs/PanelTabs/PanelTab.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ id, onClick, className, caption, highlight, helperIcon, suffix, title, number, disabled, ...props }: import("./PanelTab").PanelTabProps) => JSX.Element>;
+export default _default;
+export declare const Base: any;

package/dist/components/tabs/PanelTabs/PanelTabGroup.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface PanelTabGroupProps {
+    title?: string;
+    important?: boolean;
+    className?: string;
+}
+export declare const PanelTabGroup: ({ title, important, className, children }: PropsWithChildren<PanelTabGroupProps>) => JSX.Element;

package/dist/components/tabs/PanelTabs/PanelTabGroup.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ title, important, className, children }: React.PropsWithChildren<import("./PanelTabGroup").PanelTabGroupProps>) => JSX.Element>;
+export default _default;
+export declare const Base: any;
+export declare const Scroll: any;

package/dist/components/tabs/PanelTabs/PanelTabs.d.ts

@@ -0,0 +1,19 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+export interface PanelTabsContextProps {
+    activeTabId: string;
+    onChange?: (id: string) => void;
+}
+export declare const PanelTabContext: React.Context<PanelTabsContextProps>;
+export declare const usePanelTabContext: () => PanelTabsContextProps;
+export interface TabsProps {
+    title?: string;
+    important?: boolean;
+    items: ReactNode;
+}
+export interface PanelTabsProps {
+    divider?: boolean;
+    className?: string;
+    activeTabId?: string;
+    onChange?: (id?: string) => void;
+}
+export declare const PanelTabs: ({ divider, children, className, activeTabId, onChange, }: PropsWithChildren<PanelTabsProps>) => JSX.Element;

package/dist/components/tabs/PanelTabs/PanelTabs.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ divider, children, className, activeTabId, onChange, }: React.PropsWithChildren<import("./PanelTabs").PanelTabsProps>) => JSX.Element>;
+export default _default;
+export declare const Base: any;
+export declare const WithTabGroup: any;
+export declare const Scroll: any;

package/dist/components/tabs/PanelTabs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PanelTab';
+export * from './PanelTabGroup';
+export * from './PanelTabs';

package/dist/components/tabs/index.d.ts

@@ -1,2 +1,3 @@
 export * from './LineTabs';
 export * from './LineTab';
+export * from './PanelTabs';