@designbasekorea/wordpress-ui 0.1.0 → 0.1.2

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, FormEvent } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { DbAccordion } from '@designbasekorea/ui-wc/components/db-accordion';
 import { DbAnimationBackground } from '@designbasekorea/ui-wc/components/db-animation-background';
 import { DbAvatar } from '@designbasekorea/ui-wc/components/db-avatar';
@@ -83,28 +83,16 @@ interface AdminNavItem {
     badge?: string | number;
 }
 interface AdminBreadcrumb {
+    id?: string;
     label: string;
     href?: string;
-}
-interface AdminTab {
-    id: string;
-    label: string;
+    active?: boolean;
     disabled?: boolean;
 }
-interface AdminTableSort {
-    column: string;
-    direction: 'asc' | 'desc';
-}
-interface AdminTableColumn<Row> {
-    id: string;
-    header: string;
-    key?: keyof Row;
-    sortable?: boolean;
-    width?: string;
-}
 
 interface AdminLayoutContextValue {
     hasSidebar: boolean;
+    isMobile: boolean;
     sidebarOpen: boolean;
     toggleSidebar: () => void;
     closeSidebar: () => void;
@@ -114,121 +102,53 @@ interface AdminWrapperProps {
     children?: ReactNode;
     className?: string;
 }
-interface AdminSidebarProps {
-    items: AdminNavItem[];
-    title?: string;
-    footer?: ReactNode;
-    className?: string;
-}
 interface AdminShellProps {
     children?: ReactNode;
     sidebar?: ReactNode;
     sidebarItems?: AdminNavItem[];
     sidebarTitle?: string;
-    sidebarFooter?: ReactNode;
     className?: string;
     defaultSidebarOpen?: boolean;
     sidebarOpen?: boolean;
     onSidebarOpenChange?: (open: boolean) => void;
 }
-interface AdminPageHeaderProps {
-    title: ReactNode;
-    icon?: string;
-    description?: ReactNode;
-    breadcrumbs?: AdminBreadcrumb[];
-    actions?: ReactNode;
-    backHref?: string;
-    backLabel?: string;
-    onBack?: () => void;
-    menuLabel?: string;
-    showMenuToggle?: boolean;
-    className?: string;
-}
 interface AdminPageContentProps {
     children?: ReactNode;
     maxWidth?: 'none' | 'm' | 'l' | 'xl';
-    density?: 'comfortable' | 'compact';
     className?: string;
 }
-interface AdminSectionProps {
-    title?: ReactNode;
-    description?: ReactNode;
+interface AdminPageHeaderProps {
+    title: string;
+    subtitle?: string;
+    description?: string;
+    breadcrumbs?: AdminBreadcrumb[] | string;
     actions?: ReactNode;
+    meta?: ReactNode;
     children?: ReactNode;
-    collapsible?: boolean;
-    defaultOpen?: boolean;
-    className?: string;
-}
-interface AdminFilterBarOption {
-    value: string;
-    label: string;
-}
-interface AdminFilterBarProps {
-    children?: ReactNode;
-    actions?: ReactNode;
-    activeFilterCount?: number;
-    applyLabel?: string;
-    resetLabel?: string;
-    searchPlaceholder?: string;
-    searchValue?: string;
-    onSearchChange?: (value: string) => void;
-    statusPlaceholder?: string;
-    statusOptions?: AdminFilterBarOption[];
-    statusValue?: string;
-    onStatusChange?: (value: string) => void;
-    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
-    onReset?: (event: FormEvent<HTMLFormElement>) => void;
-    className?: string;
-}
-interface AdminTabsProps {
-    tabs: AdminTab[];
-    activeTab?: string;
-    onChange?: (id: string) => void;
-    className?: string;
-}
-interface AdminStateProps {
-    title?: ReactNode;
-    description?: ReactNode;
-    action?: ReactNode;
-    className?: string;
-}
-interface AdminDataTableProps<Row> {
-    columns: Array<AdminTableColumn<Row> & {
-        render?: (row: Row, index: number) => ReactNode;
-    }>;
-    rows: Row[];
-    rowKey?: (row: Row, index: number) => string | number;
-    sort?: AdminTableSort;
-    onSort?: (sort: AdminTableSort) => void;
-    actions?: (row: Row, index: number) => ReactNode;
-    loading?: boolean;
-    emptyState?: ReactNode;
-    error?: ReactNode;
-    caption?: string;
-    className?: string;
-}
-interface AdminIconProps {
-    name: string;
-    size?: number;
+    showMenuButton?: boolean;
+    menuButtonLabel?: string;
+    variant?: 'default' | 'minimal';
+    align?: 'center' | 'left';
+    showBackButton?: boolean;
+    backFallbackHref?: string;
+    backLabel?: string;
     className?: string;
+    onBack?: (event: Event) => void;
 }
-declare function AdminIcon({ name, size, className }: AdminIconProps): react_jsx_runtime.JSX.Element | null;
+/** WordPress admin 최외곽 wrapper. ui-wc 컴포넌트는 이 안에서 사용합니다. */
 declare function AdminWrapper({ children, className }: AdminWrapperProps): react_jsx_runtime.JSX.Element;
-declare function AdminSidebar({ items, title, footer, className }: AdminSidebarProps): react_jsx_runtime.JSX.Element;
-declare function AdminShell({ children, sidebar, sidebarItems, sidebarTitle, sidebarFooter, className, defaultSidebarOpen, sidebarOpen: controlledSidebarOpen, onSidebarOpenChange, }: AdminShellProps): react_jsx_runtime.JSX.Element;
+/** 모바일 overlay 사이드바를 열 때 PageHeader minimal meta 슬롯에 넣는 메뉴 버튼 */
+declare function AdminShellMenuButton({ label }: {
+    label?: string;
+}): react_jsx_runtime.JSX.Element | null;
+/** ui-wc PageHeader(minimal) + 모바일 메뉴(meta) / 액션(cta). 스타일은 db-page-header가 담당합니다. */
+declare function AdminPageHeader({ title, subtitle, description, breadcrumbs, actions, meta, children, showMenuButton, menuButtonLabel, variant, align, showBackButton, backFallbackHref, backLabel, className, onBack, }: AdminPageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AdminShell({ children, sidebar, sidebarItems, sidebarTitle, className, defaultSidebarOpen, sidebarOpen: controlledSidebarOpen, onSidebarOpenChange, }: AdminShellProps): react_jsx_runtime.JSX.Element;
 declare function AdminPage({ children, className }: {
     children?: ReactNode;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-declare function AdminPageHeader({ title, icon, description, breadcrumbs, actions, backHref, backLabel, onBack, menuLabel, showMenuToggle, className, }: AdminPageHeaderProps): react_jsx_runtime.JSX.Element;
-declare function AdminPageContent({ children, maxWidth, density, className }: AdminPageContentProps): react_jsx_runtime.JSX.Element;
-declare function AdminSection({ title, description, actions, children, collapsible, defaultOpen, className }: AdminSectionProps): react_jsx_runtime.JSX.Element;
-declare function AdminFilterBar({ children, actions, activeFilterCount, applyLabel, resetLabel, searchPlaceholder, searchValue, onSearchChange, statusPlaceholder, statusOptions, statusValue, onStatusChange, onSubmit, onReset, className, }: AdminFilterBarProps): react_jsx_runtime.JSX.Element;
-declare function AdminTabs({ tabs: items, activeTab, onChange, className }: AdminTabsProps): react_jsx_runtime.JSX.Element;
-declare function AdminDataTable<Row>({ columns, rows, rowKey, sort, onSort, actions, loading, emptyState, error, caption, className }: AdminDataTableProps<Row>): react_jsx_runtime.JSX.Element;
-declare function AdminEmptyState({ title, description, action, className }: AdminStateProps): react_jsx_runtime.JSX.Element;
-declare function AdminLoadingState({ title, description, className }: AdminStateProps): react_jsx_runtime.JSX.Element;
-declare function AdminErrorState({ title, description, action, className }: AdminStateProps): react_jsx_runtime.JSX.Element;
+declare function AdminPageContent({ children, maxWidth, className }: AdminPageContentProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AdminDataTable, AdminEmptyState, AdminErrorState, AdminFilterBar, AdminIcon, AdminLoadingState, AdminPage, AdminPageContent, AdminPageHeader, AdminSection, AdminShell, AdminSidebar, AdminTabs, AdminWrapper, Alert, AnimationBackground, Avatar, Badge, Banner, Breadcrumbs, Button, Checkbox, Chip, Drawer, Dropdown, EmptyState, Input, Logo, MenuItem, Modal, PageHeader, Pagination, REGISTERED_PRIMITIVES, Radio, SearchBar, Section, SegmentControl, Select, Sidebar, Skeleton, Spinner, Table, Tabs, Textarea, Toast, Toggle, useAdminLayout };
-export type { AdminDataTableProps, AdminFilterBarOption, AdminFilterBarProps, AdminIconProps, AdminLayoutContextValue, AdminPageContentProps, AdminPageHeaderProps, AdminSectionProps, AdminShellProps, AdminSidebarProps, AdminStateProps, AdminTabsProps, AdminWrapperProps, DbEventHandler, PrimitiveProps };
+export { Accordion, AdminPage, AdminPageContent, AdminPageHeader, AdminShell, AdminShellMenuButton, AdminWrapper, Alert, AnimationBackground, Avatar, Badge, Banner, Breadcrumbs, Button, Checkbox, Chip, Drawer, Dropdown, EmptyState, Input, Logo, MenuItem, Modal, PageHeader, Pagination, REGISTERED_PRIMITIVES, Radio, SearchBar, Section, SegmentControl, Select, Sidebar, Skeleton, Spinner, Table, Tabs, Textarea, Toast, Toggle, useAdminLayout };
+export type { AdminLayoutContextValue, AdminPageContentProps, AdminPageHeaderProps, AdminShellProps, AdminWrapperProps, DbEventHandler, PrimitiveProps };