@designbasekorea/wordpress-ui 0.1.4 → 0.1.6

package/dist/react/index.d.ts

@@ -35,7 +35,49 @@ import * as _designbasekorea_ui_wc_components_db_animation_background from '@des
 import * as _designbasekorea_ui_wc_components_db_accordion from '@designbasekorea/ui-wc/components/db-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const REGISTERED_PRIMITIVES: (typeof _designbasekorea_ui_wc_components_db_accordion.DbAccordion | typeof _designbasekorea_ui_wc_components_db_animation_background.DbAnimationBackground | typeof _designbasekorea_ui_wc_components_db_alert.DbAlert | typeof _designbasekorea_ui_wc_components_db_avatar.DbAvatar | typeof _designbasekorea_ui_wc_components_db_badge.DbBadge | typeof _designbasekorea_ui_wc_components_db_banner.DbBanner | typeof _designbasekorea_ui_wc_components_db_breadcrumbs.DbBreadcrumbs | typeof _designbasekorea_ui_wc_components_db_button.DbButton | typeof _designbasekorea_ui_wc_components_db_checkbox.DbCheckbox | typeof _designbasekorea_ui_wc_components_db_chip.DbChip | typeof _designbasekorea_ui_wc_components_db_drawer.DbDrawer | typeof _designbasekorea_ui_wc_components_db_dropdown.DbDropdown | typeof _designbasekorea_ui_wc_components_db_container.DbContainer | typeof _designbasekorea_ui_wc_components_db_empty_state.DbEmptyState | typeof _designbasekorea_ui_wc_components_db_input.DbInput | typeof _designbasekorea_ui_wc_components_db_logo.DbLogo | typeof _designbasekorea_ui_wc_components_db_menu_item.DbMenuItem | typeof _designbasekorea_ui_wc_components_db_modal.DbModal | typeof _designbasekorea_ui_wc_components_db_page_header.DbPageHeader | typeof _designbasekorea_ui_wc_components_db_pagination.DbPagination | typeof _designbasekorea_ui_wc_components_db_radio.DbRadio | typeof _designbasekorea_ui_wc_components_db_search_bar.DbSearchBar | typeof _designbasekorea_ui_wc_components_db_section.DbSection | typeof _designbasekorea_ui_wc_components_db_segment_control.DbSegmentControl | typeof _designbasekorea_ui_wc_components_db_select.DbSelect | typeof _designbasekorea_ui_wc_components_db_sidebar.DbSidebar | typeof _designbasekorea_ui_wc_components_db_skeleton.DbSkeleton | typeof _designbasekorea_ui_wc_components_db_spinner.DbSpinner | typeof _designbasekorea_ui_wc_components_db_table.DbTable | typeof _designbasekorea_ui_wc_components_db_tabs.DbTabs | typeof _designbasekorea_ui_wc_components_db_textarea.DbTextarea | typeof _designbasekorea_ui_wc_components_db_toast.DbToast | typeof _designbasekorea_ui_wc_components_db_toggle.DbToggle)[];
+/**
+ * WordPress admin의 반복 레이아웃을 하나의 vanilla Web Component로 제공합니다.
+ *
+ * `db-admin-shell`은 플러그인/테마가 소유한 화면 내부에서만 사용합니다.
+ * 직접 자식인 `db-page-header`는 header로 유지하고 나머지 Light DOM은
+ * `db-container`로 감싸므로 PHP 템플릿도 React 패턴과 같은 구조를 사용합니다.
+ */
+declare class DbAdminShell extends HTMLElement {
+    static get observedAttributes(): string[];
+    private originalChildren;
+    private mediaQuery;
+    private mediaHandler;
+    private sidebarOpen;
+    private toggleButton;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private captureOriginalChildren;
+    private getOriginalElements;
+    private getBrandLabel;
+    private getSidebarItems;
+    private getSidebarSections;
+    /**
+     * 플러그인명은 사이드바 로고 슬롯에 둡니다. `sections`가 브랜드명과 같은
+     * 단일 그룹만 감싸고 있으면 섹션 제목 없이 `items`로 펼칩니다.
+     */
+    private resolveSidebarNav;
+    private createBrand;
+    private createSidebar;
+    private createPageHeader;
+    private addHeaderToggle;
+    private render;
+    private getInitialSidebarOpen;
+    private setSidebarOpen;
+    private bindViewport;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-admin-shell': DbAdminShell;
+    }
+}
+
+declare const REGISTERED_PRIMITIVES: (typeof _designbasekorea_ui_wc_components_db_accordion.DbAccordion | typeof DbAdminShell | typeof _designbasekorea_ui_wc_components_db_animation_background.DbAnimationBackground | typeof _designbasekorea_ui_wc_components_db_alert.DbAlert | typeof _designbasekorea_ui_wc_components_db_avatar.DbAvatar | typeof _designbasekorea_ui_wc_components_db_badge.DbBadge | typeof _designbasekorea_ui_wc_components_db_banner.DbBanner | typeof _designbasekorea_ui_wc_components_db_breadcrumbs.DbBreadcrumbs | typeof _designbasekorea_ui_wc_components_db_button.DbButton | typeof _designbasekorea_ui_wc_components_db_checkbox.DbCheckbox | typeof _designbasekorea_ui_wc_components_db_chip.DbChip | typeof _designbasekorea_ui_wc_components_db_drawer.DbDrawer | typeof _designbasekorea_ui_wc_components_db_dropdown.DbDropdown | typeof _designbasekorea_ui_wc_components_db_container.DbContainer | typeof _designbasekorea_ui_wc_components_db_empty_state.DbEmptyState | typeof _designbasekorea_ui_wc_components_db_input.DbInput | typeof _designbasekorea_ui_wc_components_db_logo.DbLogo | typeof _designbasekorea_ui_wc_components_db_menu_item.DbMenuItem | typeof _designbasekorea_ui_wc_components_db_modal.DbModal | typeof _designbasekorea_ui_wc_components_db_page_header.DbPageHeader | typeof _designbasekorea_ui_wc_components_db_pagination.DbPagination | typeof _designbasekorea_ui_wc_components_db_radio.DbRadio | typeof _designbasekorea_ui_wc_components_db_search_bar.DbSearchBar | typeof _designbasekorea_ui_wc_components_db_section.DbSection | typeof _designbasekorea_ui_wc_components_db_segment_control.DbSegmentControl | typeof _designbasekorea_ui_wc_components_db_select.DbSelect | typeof _designbasekorea_ui_wc_components_db_sidebar.DbSidebar | typeof _designbasekorea_ui_wc_components_db_skeleton.DbSkeleton | typeof _designbasekorea_ui_wc_components_db_spinner.DbSpinner | typeof _designbasekorea_ui_wc_components_db_table.DbTable | typeof _designbasekorea_ui_wc_components_db_tabs.DbTabs | typeof _designbasekorea_ui_wc_components_db_textarea.DbTextarea | typeof _designbasekorea_ui_wc_components_db_toast.DbToast | typeof _designbasekorea_ui_wc_components_db_toggle.DbToggle)[];
 type DbEventHandler<T = unknown> = (event: CustomEvent<T>) => void;
 type PrimitiveProps = Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> & {
     children?: ReactNode;
@@ -91,6 +133,22 @@ interface AdminBreadcrumb {
     active?: boolean;
     disabled?: boolean;
 }
+interface AdminTab {
+    id: string;
+    label: string;
+    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;
@@ -108,6 +166,7 @@ interface AdminShellProps {
     children?: ReactNode;
     sidebar?: ReactNode;
     sidebarItems?: AdminNavItem[];
+    /** 사이드바 헤더 로고 슬롯에 넣는 플러그인명. 섹션 제목으로 쓰지 않습니다. */
     sidebarTitle?: string;
     className?: string;
     defaultSidebarOpen?: boolean;
@@ -153,4 +212,4 @@ declare function AdminPage({ children, className }: {
 declare function AdminPageContent({ children, maxWidth, className }: AdminPageContentProps): react_jsx_runtime.JSX.Element;
 
 export { Accordion, AdminPage, AdminPageContent, AdminPageHeader, AdminShell, AdminShellMenuButton, AdminWrapper, Alert, AnimationBackground, Avatar, Badge, Banner, Breadcrumbs, Button, Checkbox, Chip, Container, 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 };
+export type { AdminBreadcrumb, AdminLayoutContextValue, AdminNavItem, AdminPageContentProps, AdminPageHeaderProps, AdminShellProps, AdminTab, AdminTableColumn, AdminTableSort, AdminWrapperProps, DbEventHandler, PrimitiveProps };