@designbasekorea/wordpress-ui 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -13
- package/dist/browser.cjs +1 -1
- package/dist/browser.d.ts +38 -2
- package/dist/browser.esm.js +1 -1
- package/dist/browser.iife.js +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.d.ts +38 -2
- package/dist/components.esm.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +39 -3
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +37 -1
- package/dist/react/index.esm.js +1 -1
- package/dist/styles/controls.css +2 -2
- package/dist/styles/overlays.css +1 -1
- package/dist/styles/shell.css +2 -2
- package/dist/styles.css +2 -2
- package/docs/WORDPRESS-ADMIN-GUIDE.md +39 -51
- package/examples/vanilla.html +42 -59
- package/package.json +2 -2
package/dist/react/index.d.ts
CHANGED
|
@@ -35,7 +35,43 @@ import * as _designbasekorea_ui_wc_components_db_animation_background from '@des
|
|
|
35
35
|
import * as _designbasekorea_ui_wc_components_db_accordion from '@designbasekorea/ui-wc/components/db-accordion';
|
|
36
36
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
/**
|
|
39
|
+
* WordPress admin의 반복 레이아웃을 하나의 vanilla Web Component로 제공합니다.
|
|
40
|
+
*
|
|
41
|
+
* `db-admin-shell`은 플러그인/테마가 소유한 화면 내부에서만 사용합니다.
|
|
42
|
+
* 직접 자식인 `db-page-header`는 header로 유지하고 나머지 Light DOM은
|
|
43
|
+
* `db-container`로 감싸므로 PHP 템플릿도 React 패턴과 같은 구조를 사용합니다.
|
|
44
|
+
*/
|
|
45
|
+
declare class DbAdminShell extends HTMLElement {
|
|
46
|
+
static get observedAttributes(): string[];
|
|
47
|
+
private originalChildren;
|
|
48
|
+
private mediaQuery;
|
|
49
|
+
private mediaHandler;
|
|
50
|
+
private sidebarOpen;
|
|
51
|
+
private toggleButton;
|
|
52
|
+
connectedCallback(): void;
|
|
53
|
+
disconnectedCallback(): void;
|
|
54
|
+
attributeChangedCallback(): void;
|
|
55
|
+
private captureOriginalChildren;
|
|
56
|
+
private getOriginalElements;
|
|
57
|
+
private getSidebarItems;
|
|
58
|
+
private getSidebarSections;
|
|
59
|
+
private createBrand;
|
|
60
|
+
private createSidebar;
|
|
61
|
+
private createPageHeader;
|
|
62
|
+
private addHeaderToggle;
|
|
63
|
+
private render;
|
|
64
|
+
private getInitialSidebarOpen;
|
|
65
|
+
private setSidebarOpen;
|
|
66
|
+
private bindViewport;
|
|
67
|
+
}
|
|
68
|
+
declare global {
|
|
69
|
+
interface HTMLElementTagNameMap {
|
|
70
|
+
'db-admin-shell': DbAdminShell;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
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)[];
|
|
39
75
|
type DbEventHandler<T = unknown> = (event: CustomEvent<T>) => void;
|
|
40
76
|
type PrimitiveProps = Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> & {
|
|
41
77
|
children?: ReactNode;
|