@ankhorage/zora 1.4.11 → 1.5.0
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/CHANGELOG.md +27 -0
- package/README.md +48 -25
- package/dist/index.d.ts +4 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -3
- package/dist/index.js.map +1 -1
- package/dist/layout/auth-layout/meta.js +2 -2
- package/dist/layout/auth-layout/meta.js.map +1 -1
- package/dist/layout/screen/Screen.d.ts +4 -0
- package/dist/layout/screen/Screen.d.ts.map +1 -0
- package/dist/layout/screen/Screen.js +19 -0
- package/dist/layout/screen/Screen.js.map +1 -0
- package/dist/layout/screen/index.d.ts +3 -0
- package/dist/layout/screen/index.d.ts.map +1 -0
- package/dist/layout/screen/index.js +2 -0
- package/dist/layout/screen/index.js.map +1 -0
- package/dist/layout/screen/meta.d.ts +25 -0
- package/dist/layout/screen/meta.d.ts.map +1 -0
- package/dist/layout/screen/meta.js +26 -0
- package/dist/layout/screen/meta.js.map +1 -0
- package/dist/layout/{page → screen}/types.d.ts +2 -2
- package/dist/layout/screen/types.d.ts.map +1 -0
- package/dist/layout/screen/types.js.map +1 -0
- package/dist/layout/screen-section/ScreenSection.d.ts +4 -0
- package/dist/layout/screen-section/ScreenSection.d.ts.map +1 -0
- package/dist/layout/{page-section/PageSection.js → screen-section/ScreenSection.js} +3 -3
- package/dist/layout/screen-section/ScreenSection.js.map +1 -0
- package/dist/layout/screen-section/index.d.ts +3 -0
- package/dist/layout/screen-section/index.d.ts.map +1 -0
- package/dist/layout/screen-section/index.js +2 -0
- package/dist/layout/screen-section/index.js.map +1 -0
- package/dist/layout/{page-section → screen-section}/meta.d.ts +3 -3
- package/dist/layout/screen-section/meta.d.ts.map +1 -0
- package/dist/layout/{page-section → screen-section}/meta.js +5 -5
- package/dist/layout/screen-section/meta.js.map +1 -0
- package/dist/layout/{page-section → screen-section}/types.d.ts +1 -1
- package/dist/layout/screen-section/types.d.ts.map +1 -0
- package/dist/layout/screen-section/types.js.map +1 -0
- package/dist/layout/settings-layout/SettingsLayout.d.ts.map +1 -1
- package/dist/layout/settings-layout/SettingsLayout.js +8 -5
- package/dist/layout/settings-layout/SettingsLayout.js.map +1 -1
- package/dist/metadata/allowedChildren.d.ts +2 -2
- package/dist/metadata/allowedChildren.d.ts.map +1 -1
- package/dist/metadata/allowedChildren.js +2 -6
- package/dist/metadata/allowedChildren.js.map +1 -1
- package/dist/metadata/componentMeta.d.ts.map +1 -1
- package/dist/metadata/componentMeta.js +4 -6
- package/dist/metadata/componentMeta.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +4 -6
- package/src/layout/auth-layout/meta.ts +2 -2
- package/src/layout/{page/Page.tsx → screen/Screen.tsx} +13 -7
- package/src/layout/screen/index.ts +2 -0
- package/src/layout/{page → screen}/meta.ts +11 -5
- package/src/layout/{page → screen}/types.ts +2 -2
- package/src/layout/{page-section/PageSection.tsx → screen-section/ScreenSection.tsx} +4 -4
- package/src/layout/screen-section/index.ts +2 -0
- package/src/layout/{page-section → screen-section}/meta.ts +5 -5
- package/src/layout/{page-section → screen-section}/types.ts +1 -1
- package/src/layout/settings-layout/SettingsLayout.tsx +8 -10
- package/src/metadata/allowedChildren.ts +2 -6
- package/src/metadata/componentMeta.test.ts +2 -3
- package/src/metadata/componentMeta.ts +4 -6
- package/src/showcaseCoverage.test.ts +2 -3
- package/src/theme/themeScopeStructure.test.ts +4 -6
- package/dist/layout/page/Page.d.ts +0 -4
- package/dist/layout/page/Page.d.ts.map +0 -1
- package/dist/layout/page/Page.js +0 -15
- package/dist/layout/page/Page.js.map +0 -1
- package/dist/layout/page/index.d.ts +0 -3
- package/dist/layout/page/index.d.ts.map +0 -1
- package/dist/layout/page/index.js +0 -2
- package/dist/layout/page/index.js.map +0 -1
- package/dist/layout/page/meta.d.ts +0 -19
- package/dist/layout/page/meta.d.ts.map +0 -1
- package/dist/layout/page/meta.js +0 -20
- package/dist/layout/page/meta.js.map +0 -1
- package/dist/layout/page/types.d.ts.map +0 -1
- package/dist/layout/page/types.js +0 -2
- package/dist/layout/page/types.js.map +0 -1
- package/dist/layout/page-header/PageHeader.d.ts +0 -4
- package/dist/layout/page-header/PageHeader.d.ts.map +0 -1
- package/dist/layout/page-header/PageHeader.js +0 -24
- package/dist/layout/page-header/PageHeader.js.map +0 -1
- package/dist/layout/page-header/index.d.ts +0 -3
- package/dist/layout/page-header/index.d.ts.map +0 -1
- package/dist/layout/page-header/index.js +0 -2
- package/dist/layout/page-header/index.js.map +0 -1
- package/dist/layout/page-header/meta.d.ts +0 -38
- package/dist/layout/page-header/meta.d.ts.map +0 -1
- package/dist/layout/page-header/meta.js +0 -38
- package/dist/layout/page-header/meta.js.map +0 -1
- package/dist/layout/page-header/types.d.ts +0 -10
- package/dist/layout/page-header/types.d.ts.map +0 -1
- package/dist/layout/page-header/types.js.map +0 -1
- package/dist/layout/page-section/PageSection.d.ts +0 -4
- package/dist/layout/page-section/PageSection.d.ts.map +0 -1
- package/dist/layout/page-section/PageSection.js.map +0 -1
- package/dist/layout/page-section/index.d.ts +0 -3
- package/dist/layout/page-section/index.d.ts.map +0 -1
- package/dist/layout/page-section/index.js +0 -2
- package/dist/layout/page-section/index.js.map +0 -1
- package/dist/layout/page-section/meta.d.ts.map +0 -1
- package/dist/layout/page-section/meta.js.map +0 -1
- package/dist/layout/page-section/types.d.ts.map +0 -1
- package/dist/layout/page-section/types.js.map +0 -1
- package/src/layout/page/index.ts +0 -2
- package/src/layout/page-header/PageHeader.tsx +0 -48
- package/src/layout/page-header/index.ts +0 -2
- package/src/layout/page-header/meta.ts +0 -39
- package/src/layout/page-header/types.ts +0 -11
- package/src/layout/page-section/index.ts +0 -2
- /package/dist/layout/{page-section → screen}/types.js +0 -0
- /package/dist/layout/{page-header → screen-section}/types.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsLayout.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SettingsLayout.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACc;IACpB,OAAO,CACL,EACE;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACjF;MAAA,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACrB;QAAA,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAC5D;MAAA,EAAE,MAAM,CACV;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { AppBar } from '../../components/app-bar';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Screen } from '../screen';\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { SettingsLayoutProps } from './types';\n\nfunction SettingsLayoutInner({\n themeId: _themeId,\n mode: _mode,\n title,\n description,\n sidebar,\n children,\n actions,\n testID,\n}: SettingsLayoutProps) {\n return (\n <>\n {title ? <AppBar actions={actions} subtitle={description} title={title} /> : null}\n <Screen testID={testID}>\n <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>\n </Screen>\n </>\n );\n}\n\nexport const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const CONTAINER_ALLOWED_CHILDREN: readonly ["Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
2
|
+
export declare const SCREEN_SECTION_ALLOWED_CHILDREN: readonly ["Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
|
|
3
|
+
export declare const SCREEN_ALLOWED_CHILDREN: readonly ["ScreenSection", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
|
|
4
4
|
//# sourceMappingURL=allowedChildren.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allowedChildren.d.ts","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,gPAqB7B,CAAC;AAEX,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"allowedChildren.d.ts","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,gPAqB7B,CAAC;AAEX,eAAO,MAAM,+BAA+B,gPAA2C,CAAC;AAExF,eAAO,MAAM,uBAAuB,iQAA4D,CAAC"}
|
|
@@ -20,10 +20,6 @@ export const CONTAINER_ALLOWED_CHILDREN = [
|
|
|
20
20
|
'ChatListItem',
|
|
21
21
|
'MessageBubble',
|
|
22
22
|
];
|
|
23
|
-
export const
|
|
24
|
-
export const
|
|
25
|
-
'PageHeader',
|
|
26
|
-
'PageSection',
|
|
27
|
-
...CONTAINER_ALLOWED_CHILDREN,
|
|
28
|
-
];
|
|
23
|
+
export const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN];
|
|
24
|
+
export const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN];
|
|
29
25
|
//# sourceMappingURL=allowedChildren.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allowedChildren.js","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,KAAK;IACL,OAAO;IACP,MAAM;IACN,WAAW;IACX,SAAS;IACT,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;IACP,UAAU;IACV,WAAW;IACX,MAAM;IACN,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,eAAe;IACf,aAAa;IACb,UAAU;IACV,cAAc;IACd,eAAe;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"allowedChildren.js","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,KAAK;IACL,OAAO;IACP,MAAM;IACN,WAAW;IACX,SAAS;IACT,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;IACP,UAAU;IACV,WAAW;IACX,MAAM;IACN,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,eAAe;IACf,aAAa;IACb,UAAU;IACV,cAAc;IACd,eAAe;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,GAAG,0BAA0B,CAAU,CAAC;AAExF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,eAAe,EAAE,GAAG,0BAA0B,CAAU,CAAC","sourcesContent":["export const CONTAINER_ALLOWED_CHILDREN = [\n 'Box',\n 'Stack',\n 'Grid',\n 'Container',\n 'Divider',\n 'Text',\n 'Heading',\n 'Button',\n 'Input',\n 'Textarea',\n 'FormField',\n 'Card',\n 'Panel',\n 'Notice',\n 'EmptyState',\n 'SectionHeader',\n 'SettingsRow',\n 'PostCard',\n 'ChatListItem',\n 'MessageBubble',\n] as const;\n\nexport const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;\n\nexport const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN] as const;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"componentMeta.d.ts","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"componentMeta.d.ts","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,mBAAmB,EAAE,yBAgFjC,CAAC"}
|
|
@@ -31,9 +31,8 @@ import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
|
|
|
31
31
|
import { foundationMetas } from '../foundation/meta';
|
|
32
32
|
import { appShellMeta } from '../layout/app-shell/meta';
|
|
33
33
|
import { authLayoutMeta } from '../layout/auth-layout/meta';
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import { pageSectionMeta } from '../layout/page-section/meta';
|
|
34
|
+
import { screenMeta } from '../layout/screen/meta';
|
|
35
|
+
import { screenSectionMeta } from '../layout/screen-section/meta';
|
|
37
36
|
import { settingsLayoutMeta } from '../layout/settings-layout/meta';
|
|
38
37
|
import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
|
|
39
38
|
import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
|
|
@@ -104,9 +103,8 @@ export const ZORA_COMPONENT_META = {
|
|
|
104
103
|
ToolbarAction: toolbarActionMeta,
|
|
105
104
|
AppShell: appShellMeta,
|
|
106
105
|
AuthLayout: authLayoutMeta,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
PageSection: pageSectionMeta,
|
|
106
|
+
Screen: screenMeta,
|
|
107
|
+
ScreenSection: screenSectionMeta,
|
|
110
108
|
SettingsLayout: settingsLayoutMeta,
|
|
111
109
|
SidebarLayout: sidebarLayoutMeta,
|
|
112
110
|
TopbarLayout: topbarLayoutMeta,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"componentMeta.js","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import { appBarMeta } from '../components/app-bar/meta';\nimport { avatarMeta } from '../components/avatar/meta';\nimport { avatarGroupMeta } from '../components/avatar-group/meta';\nimport { badgeMeta } from '../components/badge/meta';\nimport { buttonMeta } from '../components/button/meta';\nimport { cardMeta } from '../components/card/meta';\nimport { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';\nimport { chipMeta } from '../components/chip/meta';\nimport { chipGroupMeta } from '../components/chip-group/meta';\nimport { drawerMeta } from '../components/drawer/meta';\nimport { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';\nimport { headingMeta } from '../components/heading/meta';\nimport { iconMeta } from '../components/icon/meta';\nimport { iconButtonMeta } from '../components/icon-button/meta';\nimport { imageMeta } from '../components/image/meta';\nimport { inputMeta } from '../components/input/meta';\nimport { mediaCardMeta } from '../components/media-card/meta';\nimport { metricCardMeta } from '../components/metric-card/meta';\nimport { modalMeta } from '../components/modal/meta';\nimport { navigationItemMeta } from '../components/navigation-item/meta';\nimport { navigationListMeta } from '../components/navigation-list/meta';\nimport { progressMeta } from '../components/progress/meta';\nimport { radioGroupMeta, radioMeta } from '../components/radio/meta';\nimport { ratingMeta } from '../components/rating/meta';\nimport { searchBarMeta } from '../components/search-bar/meta';\nimport { selectMeta } from '../components/select/meta';\nimport { tabsMeta } from '../components/tabs/meta';\nimport { textMeta } from '../components/text/meta';\nimport { textareaMeta } from '../components/textarea/meta';\nimport { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';\nimport { foundationMetas } from '../foundation/meta';\nimport { appShellMeta } from '../layout/app-shell/meta';\nimport { authLayoutMeta } from '../layout/auth-layout/meta';\nimport { pageMeta } from '../layout/page/meta';\nimport { pageHeaderMeta } from '../layout/page-header/meta';\nimport { pageSectionMeta } from '../layout/page-section/meta';\nimport { settingsLayoutMeta } from '../layout/settings-layout/meta';\nimport { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';\nimport { topbarLayoutMeta } from '../layout/topbar-layout/meta';\nimport {\n forgotPasswordFormMeta,\n otpFormMeta,\n signInFormMeta,\n signUpFormMeta,\n} from '../patterns/auth/meta';\nimport { chatListItemMeta } from '../patterns/chat-list-item/meta';\nimport { collectionEditorMeta } from '../patterns/collection-editor/meta';\nimport { confirmDialogMeta } from '../patterns/confirm-dialog/meta';\nimport { disclosureSectionMeta } from '../patterns/disclosure-section/meta';\nimport { emptyStateMeta } from '../patterns/empty-state/meta';\nimport { filterBarMeta } from '../patterns/filter-bar/meta';\nimport { heroMeta } from '../patterns/hero/meta';\nimport { imagePreviewMeta } from '../patterns/image-preview/meta';\nimport { imageUploadFieldMeta } from '../patterns/image-upload-field/meta';\nimport { inspectorFieldMeta } from '../patterns/inspector-field/meta';\nimport { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';\nimport { messageBubbleMeta } from '../patterns/message-bubble/meta';\nimport { noticeMeta } from '../patterns/notice/meta';\nimport { panelMeta } from '../patterns/panel/meta';\nimport { postCardMeta } from '../patterns/post-card/meta';\nimport { responsivePanelMeta } from '../patterns/responsive-panel/meta';\nimport { sectionHeaderMeta } from '../patterns/section-header/meta';\nimport { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';\nimport { settingsRowMeta } from '../patterns/settings-row/meta';\nimport { switchFieldMeta } from '../patterns/switch-field/meta';\nimport { themeComposerMeta } from '../patterns/theme-composer/meta';\nimport { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';\nimport { timelineMeta } from '../patterns/timeline/meta';\nimport { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';\nimport { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';\nimport { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';\nimport type { ZoraComponentMetaRegistry } from './types';\n\nexport const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {\n ...foundationMetas,\n AppBar: appBarMeta,\n Avatar: avatarMeta,\n AvatarGroup: avatarGroupMeta,\n Badge: badgeMeta,\n Button: buttonMeta,\n Card: cardMeta,\n Checkbox: checkboxMeta,\n CheckboxGroup: checkboxGroupMeta,\n Chip: chipMeta,\n ChipGroup: chipGroupMeta,\n Drawer: drawerMeta,\n Form: formMeta,\n FormActions: formActionsMeta,\n FormError: formErrorMeta,\n FormField: formFieldMeta,\n Heading: headingMeta,\n Icon: iconMeta,\n IconButton: iconButtonMeta,\n Image: imageMeta,\n Input: inputMeta,\n MediaCard: mediaCardMeta,\n MetricCard: metricCardMeta,\n Modal: modalMeta,\n NavigationItem: navigationItemMeta,\n NavigationList: navigationListMeta,\n Progress: progressMeta,\n Radio: radioMeta,\n RadioGroup: radioGroupMeta,\n Rating: ratingMeta,\n SearchBar: searchBarMeta,\n Select: selectMeta,\n Tabs: tabsMeta,\n Text: textMeta,\n Textarea: textareaMeta,\n Toolbar: toolbarMeta,\n ToolbarAction: toolbarActionMeta,\n AppShell: appShellMeta,\n AuthLayout: authLayoutMeta,\n Page: pageMeta,\n PageHeader: pageHeaderMeta,\n PageSection: pageSectionMeta,\n SettingsLayout: settingsLayoutMeta,\n SidebarLayout: sidebarLayoutMeta,\n TopbarLayout: topbarLayoutMeta,\n ForgotPasswordForm: forgotPasswordFormMeta,\n OtpForm: otpFormMeta,\n SignInForm: signInFormMeta,\n SignUpForm: signUpFormMeta,\n ChatListItem: chatListItemMeta,\n CollectionEditor: collectionEditorMeta,\n ConfirmDialog: confirmDialogMeta,\n DisclosureSection: disclosureSectionMeta,\n EmptyState: emptyStateMeta,\n FilterBar: filterBarMeta,\n Hero: heroMeta,\n ImagePreview: imagePreviewMeta,\n ImageUploadField: imageUploadFieldMeta,\n InspectorField: inspectorFieldMeta,\n List: listMeta,\n ListRow: listRowMeta,\n ListSection: listSectionMeta,\n MessageBubble: messageBubbleMeta,\n Notice: noticeMeta,\n Panel: panelMeta,\n PostCard: postCardMeta,\n ResponsivePanel: responsivePanelMeta,\n SectionHeader: sectionHeaderMeta,\n SelectableItem: selectableItemMeta,\n SelectionProvider: selectionProviderMeta,\n SettingsRow: settingsRowMeta,\n SwitchField: switchFieldMeta,\n ThemeComposer: themeComposerMeta,\n PaletteItem: paletteItemMeta,\n TileGrid: tileGridMeta,\n Timeline: timelineMeta,\n TreeItem: treeItemMeta,\n TreeView: treeViewMeta,\n ZoraDrawerContent: zoraDrawerContentMeta,\n ZoraTabBar: zoraTabBarMeta,\n};\n"]}
|
|
1
|
+
{"version":3,"file":"componentMeta.js","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import { appBarMeta } from '../components/app-bar/meta';\nimport { avatarMeta } from '../components/avatar/meta';\nimport { avatarGroupMeta } from '../components/avatar-group/meta';\nimport { badgeMeta } from '../components/badge/meta';\nimport { buttonMeta } from '../components/button/meta';\nimport { cardMeta } from '../components/card/meta';\nimport { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';\nimport { chipMeta } from '../components/chip/meta';\nimport { chipGroupMeta } from '../components/chip-group/meta';\nimport { drawerMeta } from '../components/drawer/meta';\nimport { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';\nimport { headingMeta } from '../components/heading/meta';\nimport { iconMeta } from '../components/icon/meta';\nimport { iconButtonMeta } from '../components/icon-button/meta';\nimport { imageMeta } from '../components/image/meta';\nimport { inputMeta } from '../components/input/meta';\nimport { mediaCardMeta } from '../components/media-card/meta';\nimport { metricCardMeta } from '../components/metric-card/meta';\nimport { modalMeta } from '../components/modal/meta';\nimport { navigationItemMeta } from '../components/navigation-item/meta';\nimport { navigationListMeta } from '../components/navigation-list/meta';\nimport { progressMeta } from '../components/progress/meta';\nimport { radioGroupMeta, radioMeta } from '../components/radio/meta';\nimport { ratingMeta } from '../components/rating/meta';\nimport { searchBarMeta } from '../components/search-bar/meta';\nimport { selectMeta } from '../components/select/meta';\nimport { tabsMeta } from '../components/tabs/meta';\nimport { textMeta } from '../components/text/meta';\nimport { textareaMeta } from '../components/textarea/meta';\nimport { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';\nimport { foundationMetas } from '../foundation/meta';\nimport { appShellMeta } from '../layout/app-shell/meta';\nimport { authLayoutMeta } from '../layout/auth-layout/meta';\nimport { screenMeta } from '../layout/screen/meta';\nimport { screenSectionMeta } from '../layout/screen-section/meta';\nimport { settingsLayoutMeta } from '../layout/settings-layout/meta';\nimport { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';\nimport { topbarLayoutMeta } from '../layout/topbar-layout/meta';\nimport {\n forgotPasswordFormMeta,\n otpFormMeta,\n signInFormMeta,\n signUpFormMeta,\n} from '../patterns/auth/meta';\nimport { chatListItemMeta } from '../patterns/chat-list-item/meta';\nimport { collectionEditorMeta } from '../patterns/collection-editor/meta';\nimport { confirmDialogMeta } from '../patterns/confirm-dialog/meta';\nimport { disclosureSectionMeta } from '../patterns/disclosure-section/meta';\nimport { emptyStateMeta } from '../patterns/empty-state/meta';\nimport { filterBarMeta } from '../patterns/filter-bar/meta';\nimport { heroMeta } from '../patterns/hero/meta';\nimport { imagePreviewMeta } from '../patterns/image-preview/meta';\nimport { imageUploadFieldMeta } from '../patterns/image-upload-field/meta';\nimport { inspectorFieldMeta } from '../patterns/inspector-field/meta';\nimport { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';\nimport { messageBubbleMeta } from '../patterns/message-bubble/meta';\nimport { noticeMeta } from '../patterns/notice/meta';\nimport { panelMeta } from '../patterns/panel/meta';\nimport { postCardMeta } from '../patterns/post-card/meta';\nimport { responsivePanelMeta } from '../patterns/responsive-panel/meta';\nimport { sectionHeaderMeta } from '../patterns/section-header/meta';\nimport { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';\nimport { settingsRowMeta } from '../patterns/settings-row/meta';\nimport { switchFieldMeta } from '../patterns/switch-field/meta';\nimport { themeComposerMeta } from '../patterns/theme-composer/meta';\nimport { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';\nimport { timelineMeta } from '../patterns/timeline/meta';\nimport { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';\nimport { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';\nimport { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';\nimport type { ZoraComponentMetaRegistry } from './types';\n\nexport const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {\n ...foundationMetas,\n AppBar: appBarMeta,\n Avatar: avatarMeta,\n AvatarGroup: avatarGroupMeta,\n Badge: badgeMeta,\n Button: buttonMeta,\n Card: cardMeta,\n Checkbox: checkboxMeta,\n CheckboxGroup: checkboxGroupMeta,\n Chip: chipMeta,\n ChipGroup: chipGroupMeta,\n Drawer: drawerMeta,\n Form: formMeta,\n FormActions: formActionsMeta,\n FormError: formErrorMeta,\n FormField: formFieldMeta,\n Heading: headingMeta,\n Icon: iconMeta,\n IconButton: iconButtonMeta,\n Image: imageMeta,\n Input: inputMeta,\n MediaCard: mediaCardMeta,\n MetricCard: metricCardMeta,\n Modal: modalMeta,\n NavigationItem: navigationItemMeta,\n NavigationList: navigationListMeta,\n Progress: progressMeta,\n Radio: radioMeta,\n RadioGroup: radioGroupMeta,\n Rating: ratingMeta,\n SearchBar: searchBarMeta,\n Select: selectMeta,\n Tabs: tabsMeta,\n Text: textMeta,\n Textarea: textareaMeta,\n Toolbar: toolbarMeta,\n ToolbarAction: toolbarActionMeta,\n AppShell: appShellMeta,\n AuthLayout: authLayoutMeta,\n Screen: screenMeta,\n ScreenSection: screenSectionMeta,\n SettingsLayout: settingsLayoutMeta,\n SidebarLayout: sidebarLayoutMeta,\n TopbarLayout: topbarLayoutMeta,\n ForgotPasswordForm: forgotPasswordFormMeta,\n OtpForm: otpFormMeta,\n SignInForm: signInFormMeta,\n SignUpForm: signUpFormMeta,\n ChatListItem: chatListItemMeta,\n CollectionEditor: collectionEditorMeta,\n ConfirmDialog: confirmDialogMeta,\n DisclosureSection: disclosureSectionMeta,\n EmptyState: emptyStateMeta,\n FilterBar: filterBarMeta,\n Hero: heroMeta,\n ImagePreview: imagePreviewMeta,\n ImageUploadField: imageUploadFieldMeta,\n InspectorField: inspectorFieldMeta,\n List: listMeta,\n ListRow: listRowMeta,\n ListSection: listSectionMeta,\n MessageBubble: messageBubbleMeta,\n Notice: noticeMeta,\n Panel: panelMeta,\n PostCard: postCardMeta,\n ResponsivePanel: responsivePanelMeta,\n SectionHeader: sectionHeaderMeta,\n SelectableItem: selectableItemMeta,\n SelectionProvider: selectionProviderMeta,\n SettingsRow: settingsRowMeta,\n SwitchField: switchFieldMeta,\n ThemeComposer: themeComposerMeta,\n PaletteItem: paletteItemMeta,\n TileGrid: tileGridMeta,\n Timeline: timelineMeta,\n TreeItem: treeItemMeta,\n TreeView: treeViewMeta,\n ZoraDrawerContent: zoraDrawerContentMeta,\n ZoraTabBar: zoraTabBarMeta,\n};\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ankhorage/zora",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.5.0",
|
|
5
5
|
"description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
|
|
6
6
|
"homepage": "https://github.com/ankhorage/zora#readme",
|
|
7
7
|
"bugs": {
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@ankhorage/color-theory": "^0.0.7",
|
|
47
47
|
"@ankhorage/contracts": "^1.3.1",
|
|
48
|
-
"@ankhorage/surface": "^1.
|
|
48
|
+
"@ankhorage/surface": "^1.4.0"
|
|
49
49
|
},
|
|
50
50
|
"files": [
|
|
51
51
|
"dist",
|
package/src/index.ts
CHANGED
|
@@ -124,12 +124,10 @@ export type { AppShellProps } from './layout/app-shell';
|
|
|
124
124
|
export { AppShell } from './layout/app-shell';
|
|
125
125
|
export type { AuthLayoutProps } from './layout/auth-layout';
|
|
126
126
|
export { AuthLayout } from './layout/auth-layout';
|
|
127
|
-
export type {
|
|
128
|
-
export {
|
|
129
|
-
export type {
|
|
130
|
-
export {
|
|
131
|
-
export type { PageSectionProps } from './layout/page-section';
|
|
132
|
-
export { PageSection } from './layout/page-section';
|
|
127
|
+
export type { ScreenProps } from './layout/screen';
|
|
128
|
+
export { Screen } from './layout/screen';
|
|
129
|
+
export type { ScreenSectionProps } from './layout/screen-section';
|
|
130
|
+
export { ScreenSection } from './layout/screen-section';
|
|
133
131
|
export type { SettingsLayoutProps } from './layout/settings-layout';
|
|
134
132
|
export { SettingsLayout } from './layout/settings-layout';
|
|
135
133
|
export type { SidebarLayoutProps } from './layout/sidebar-layout';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { ZoraComponentMeta } from '../../metadata';
|
|
2
|
-
import {
|
|
2
|
+
import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
|
|
3
3
|
|
|
4
4
|
export const authLayoutMeta = {
|
|
5
5
|
name: 'AuthLayout',
|
|
6
6
|
category: 'layout',
|
|
7
7
|
directManifestNode: true,
|
|
8
|
-
allowedChildren: [...
|
|
8
|
+
allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
|
|
9
9
|
blueprint: {
|
|
10
10
|
label: 'Auth layout',
|
|
11
11
|
defaultProps: {
|
|
@@ -1,28 +1,34 @@
|
|
|
1
|
+
import { ScrollArea } from '@ankhorage/surface';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
|
|
3
4
|
import { Container, Stack } from '../../foundation';
|
|
4
5
|
import { resolvePageMaxWidth } from '../../internal/recipes';
|
|
5
6
|
import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
|
|
6
|
-
import type {
|
|
7
|
+
import type { ScreenProps } from './types';
|
|
7
8
|
|
|
8
|
-
function
|
|
9
|
+
function ScreenInner({
|
|
9
10
|
themeId: _themeId,
|
|
10
11
|
mode: _mode,
|
|
11
12
|
children,
|
|
12
|
-
header,
|
|
13
13
|
footer,
|
|
14
|
+
scroll = true,
|
|
14
15
|
width = 'default',
|
|
15
16
|
testID,
|
|
16
|
-
}:
|
|
17
|
-
|
|
17
|
+
}: ScreenProps) {
|
|
18
|
+
const content = (
|
|
18
19
|
<Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
|
|
19
20
|
<Stack gap="l">
|
|
20
|
-
{header}
|
|
21
21
|
{children}
|
|
22
22
|
{footer}
|
|
23
23
|
</Stack>
|
|
24
24
|
</Container>
|
|
25
25
|
);
|
|
26
|
+
|
|
27
|
+
if (!scroll) {
|
|
28
|
+
return content;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
return <ScrollArea>{content}</ScrollArea>;
|
|
26
32
|
}
|
|
27
33
|
|
|
28
|
-
export const
|
|
34
|
+
export const Screen = withZoraThemeScope(ScreenInner);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { ZoraComponentMeta } from '../../metadata';
|
|
2
|
-
import {
|
|
2
|
+
import { SCREEN_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
|
|
3
3
|
|
|
4
|
-
export const
|
|
5
|
-
name: '
|
|
4
|
+
export const screenMeta = {
|
|
5
|
+
name: 'Screen',
|
|
6
6
|
category: 'layout',
|
|
7
7
|
directManifestNode: true,
|
|
8
|
-
allowedChildren: [...
|
|
8
|
+
allowedChildren: [...SCREEN_ALLOWED_CHILDREN],
|
|
9
9
|
blueprint: {
|
|
10
|
-
label: '
|
|
10
|
+
label: 'Screen',
|
|
11
11
|
},
|
|
12
12
|
props: {
|
|
13
13
|
width: {
|
|
@@ -17,5 +17,11 @@ export const pageMeta = {
|
|
|
17
17
|
enum: ['narrow', 'default', 'wide'],
|
|
18
18
|
default: 'default',
|
|
19
19
|
},
|
|
20
|
+
scroll: {
|
|
21
|
+
type: 'boolean',
|
|
22
|
+
category: 'Layout',
|
|
23
|
+
label: 'Scroll',
|
|
24
|
+
default: true,
|
|
25
|
+
},
|
|
20
26
|
},
|
|
21
27
|
} as const satisfies ZoraComponentMeta;
|
|
@@ -3,9 +3,9 @@ import type React from 'react';
|
|
|
3
3
|
import type { ZoraContentWidth } from '../../internal/recipes';
|
|
4
4
|
import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
|
|
5
5
|
|
|
6
|
-
export interface
|
|
6
|
+
export interface ScreenProps extends ZoraBaseProps {
|
|
7
7
|
children?: React.ReactNode;
|
|
8
|
-
header?: React.ReactNode;
|
|
9
8
|
footer?: React.ReactNode;
|
|
9
|
+
scroll?: boolean;
|
|
10
10
|
width?: ZoraContentWidth;
|
|
11
11
|
}
|
|
@@ -3,9 +3,9 @@ import React from 'react';
|
|
|
3
3
|
import { Stack } from '../../foundation';
|
|
4
4
|
import { SectionHeader } from '../../patterns/section-header';
|
|
5
5
|
import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
|
|
6
|
-
import type {
|
|
6
|
+
import type { ScreenSectionProps } from './types';
|
|
7
7
|
|
|
8
|
-
function
|
|
8
|
+
function ScreenSectionInner({
|
|
9
9
|
themeId: _themeId,
|
|
10
10
|
mode: _mode,
|
|
11
11
|
title,
|
|
@@ -13,7 +13,7 @@ function PageSectionInner({
|
|
|
13
13
|
actions,
|
|
14
14
|
children,
|
|
15
15
|
testID,
|
|
16
|
-
}:
|
|
16
|
+
}: ScreenSectionProps) {
|
|
17
17
|
return (
|
|
18
18
|
<Stack gap="m" testID={testID}>
|
|
19
19
|
{title ? <SectionHeader actions={actions} description={description} title={title} /> : null}
|
|
@@ -22,4 +22,4 @@ function PageSectionInner({
|
|
|
22
22
|
);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
export const
|
|
25
|
+
export const ScreenSection = withZoraThemeScope(ScreenSectionInner);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { ZoraComponentMeta } from '../../metadata';
|
|
2
|
-
import {
|
|
2
|
+
import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
|
|
3
3
|
|
|
4
|
-
export const
|
|
5
|
-
name: '
|
|
4
|
+
export const screenSectionMeta = {
|
|
5
|
+
name: 'ScreenSection',
|
|
6
6
|
category: 'layout',
|
|
7
7
|
directManifestNode: true,
|
|
8
|
-
allowedChildren: [...
|
|
8
|
+
allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
|
|
9
9
|
blueprint: {
|
|
10
|
-
label: '
|
|
10
|
+
label: 'Screen section',
|
|
11
11
|
defaultProps: {
|
|
12
12
|
title: 'Section',
|
|
13
13
|
description: 'Section description.',
|
|
@@ -2,7 +2,7 @@ import type React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
|
|
4
4
|
|
|
5
|
-
export interface
|
|
5
|
+
export interface ScreenSectionProps extends ZoraBaseProps {
|
|
6
6
|
title?: React.ReactNode;
|
|
7
7
|
description?: React.ReactNode;
|
|
8
8
|
actions?: React.ReactNode;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
+
import { AppBar } from '../../components/app-bar';
|
|
3
4
|
import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
|
|
4
|
-
import {
|
|
5
|
-
import { PageHeader } from '../page-header';
|
|
5
|
+
import { Screen } from '../screen';
|
|
6
6
|
import { SidebarLayout } from '../sidebar-layout';
|
|
7
7
|
import type { SettingsLayoutProps } from './types';
|
|
8
8
|
|
|
@@ -17,14 +17,12 @@ function SettingsLayoutInner({
|
|
|
17
17
|
testID,
|
|
18
18
|
}: SettingsLayoutProps) {
|
|
19
19
|
return (
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
<SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
|
|
27
|
-
</Page>
|
|
20
|
+
<>
|
|
21
|
+
{title ? <AppBar actions={actions} subtitle={description} title={title} /> : null}
|
|
22
|
+
<Screen testID={testID}>
|
|
23
|
+
<SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
|
|
24
|
+
</Screen>
|
|
25
|
+
</>
|
|
28
26
|
);
|
|
29
27
|
}
|
|
30
28
|
|
|
@@ -21,10 +21,6 @@ export const CONTAINER_ALLOWED_CHILDREN = [
|
|
|
21
21
|
'MessageBubble',
|
|
22
22
|
] as const;
|
|
23
23
|
|
|
24
|
-
export const
|
|
24
|
+
export const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;
|
|
25
25
|
|
|
26
|
-
export const
|
|
27
|
-
'PageHeader',
|
|
28
|
-
'PageSection',
|
|
29
|
-
...CONTAINER_ALLOWED_CHILDREN,
|
|
30
|
-
] as const;
|
|
26
|
+
export const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN] as const;
|
|
@@ -130,7 +130,6 @@ describe('ZORA_COMPONENT_META invariants', () => {
|
|
|
130
130
|
|
|
131
131
|
test('direct manifest node leaf/container rules', () => {
|
|
132
132
|
const expectedLeafNodes = new Set([
|
|
133
|
-
'PageHeader',
|
|
134
133
|
'SectionHeader',
|
|
135
134
|
'SettingsRow',
|
|
136
135
|
'EmptyState',
|
|
@@ -146,8 +145,8 @@ describe('ZORA_COMPONENT_META invariants', () => {
|
|
|
146
145
|
|
|
147
146
|
const expectedContainerNodes = new Set([
|
|
148
147
|
'FormField',
|
|
149
|
-
'
|
|
150
|
-
'
|
|
148
|
+
'Screen',
|
|
149
|
+
'ScreenSection',
|
|
151
150
|
'AuthLayout',
|
|
152
151
|
'Card',
|
|
153
152
|
'Panel',
|
|
@@ -31,9 +31,8 @@ import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
|
|
|
31
31
|
import { foundationMetas } from '../foundation/meta';
|
|
32
32
|
import { appShellMeta } from '../layout/app-shell/meta';
|
|
33
33
|
import { authLayoutMeta } from '../layout/auth-layout/meta';
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import { pageSectionMeta } from '../layout/page-section/meta';
|
|
34
|
+
import { screenMeta } from '../layout/screen/meta';
|
|
35
|
+
import { screenSectionMeta } from '../layout/screen-section/meta';
|
|
37
36
|
import { settingsLayoutMeta } from '../layout/settings-layout/meta';
|
|
38
37
|
import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
|
|
39
38
|
import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
|
|
@@ -111,9 +110,8 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
|
|
|
111
110
|
ToolbarAction: toolbarActionMeta,
|
|
112
111
|
AppShell: appShellMeta,
|
|
113
112
|
AuthLayout: authLayoutMeta,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
PageSection: pageSectionMeta,
|
|
113
|
+
Screen: screenMeta,
|
|
114
|
+
ScreenSection: screenSectionMeta,
|
|
117
115
|
SettingsLayout: settingsLayoutMeta,
|
|
118
116
|
SidebarLayout: sidebarLayoutMeta,
|
|
119
117
|
TopbarLayout: topbarLayoutMeta,
|
|
@@ -84,9 +84,8 @@ const scopedComponentFiles = [
|
|
|
84
84
|
|
|
85
85
|
join(srcDir, 'layout', 'app-shell', 'AppShell.tsx'),
|
|
86
86
|
join(srcDir, 'layout', 'auth-layout', 'AuthLayout.tsx'),
|
|
87
|
-
join(srcDir, 'layout', '
|
|
88
|
-
join(srcDir, 'layout', '
|
|
89
|
-
join(srcDir, 'layout', 'page-section', 'PageSection.tsx'),
|
|
87
|
+
join(srcDir, 'layout', 'screen', 'Screen.tsx'),
|
|
88
|
+
join(srcDir, 'layout', 'screen-section', 'ScreenSection.tsx'),
|
|
90
89
|
join(srcDir, 'layout', 'settings-layout', 'SettingsLayout.tsx'),
|
|
91
90
|
join(srcDir, 'layout', 'sidebar-layout', 'SidebarLayout.tsx'),
|
|
92
91
|
join(srcDir, 'layout', 'topbar-layout', 'TopbarLayout.tsx'),
|
|
@@ -154,9 +153,8 @@ const scopedPropTypeFiles = [
|
|
|
154
153
|
|
|
155
154
|
join(srcDir, 'layout', 'app-shell', 'types.ts'),
|
|
156
155
|
join(srcDir, 'layout', 'auth-layout', 'types.ts'),
|
|
157
|
-
join(srcDir, 'layout', '
|
|
158
|
-
join(srcDir, 'layout', '
|
|
159
|
-
join(srcDir, 'layout', 'page-section', 'types.ts'),
|
|
156
|
+
join(srcDir, 'layout', 'screen', 'types.ts'),
|
|
157
|
+
join(srcDir, 'layout', 'screen-section', 'types.ts'),
|
|
160
158
|
join(srcDir, 'layout', 'settings-layout', 'types.ts'),
|
|
161
159
|
join(srcDir, 'layout', 'sidebar-layout', 'types.ts'),
|
|
162
160
|
join(srcDir, 'layout', 'topbar-layout', 'types.ts'),
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAsBzC,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
|
package/dist/layout/page/Page.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Container, Stack } from '../../foundation';
|
|
3
|
-
import { resolvePageMaxWidth } from '../../internal/recipes';
|
|
4
|
-
import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
|
|
5
|
-
function PageInner({ themeId: _themeId, mode: _mode, children, header, footer, width = 'default', testID, }) {
|
|
6
|
-
return (<Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
|
|
7
|
-
<Stack gap="l">
|
|
8
|
-
{header}
|
|
9
|
-
{children}
|
|
10
|
-
{footer}
|
|
11
|
-
</Stack>
|
|
12
|
-
</Container>);
|
|
13
|
-
}
|
|
14
|
-
export const Page = withZoraThemeScope(PageInner);
|
|
15
|
-
//# sourceMappingURL=Page.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,GAAG,SAAS,EACjB,MAAM,GACI;IACV,OAAO,CACL,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACtE;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;QAAA,CAAC,MAAM,CACP;QAAA,CAAC,QAAQ,CACT;QAAA,CAAC,MAAM,CACT;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Container, Stack } from '../../foundation';\nimport { resolvePageMaxWidth } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { PageProps } from './types';\n\nfunction PageInner({\n themeId: _themeId,\n mode: _mode,\n children,\n header,\n footer,\n width = 'default',\n testID,\n}: PageProps) {\n return (\n <Container maxWidth={resolvePageMaxWidth(width)} py=\"xl\" testID={testID}>\n <Stack gap=\"l\">\n {header}\n {children}\n {footer}\n </Stack>\n </Container>\n );\n}\n\nexport const Page = withZoraThemeScope(PageInner);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Page } from './Page';\nexport type { PageProps } from './types';\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export declare const pageMeta: {
|
|
2
|
-
readonly name: "Page";
|
|
3
|
-
readonly category: "layout";
|
|
4
|
-
readonly directManifestNode: true;
|
|
5
|
-
readonly allowedChildren: readonly ["PageHeader", "PageSection", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
|
|
6
|
-
readonly blueprint: {
|
|
7
|
-
readonly label: "Page";
|
|
8
|
-
};
|
|
9
|
-
readonly props: {
|
|
10
|
-
readonly width: {
|
|
11
|
-
readonly type: "enum";
|
|
12
|
-
readonly category: "Layout";
|
|
13
|
-
readonly label: "Width";
|
|
14
|
-
readonly enum: readonly ["narrow", "default", "wide"];
|
|
15
|
-
readonly default: "default";
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=meta.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/layout/page/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAiBiB,CAAC"}
|
package/dist/layout/page/meta.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { PAGE_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
|
|
2
|
-
export const pageMeta = {
|
|
3
|
-
name: 'Page',
|
|
4
|
-
category: 'layout',
|
|
5
|
-
directManifestNode: true,
|
|
6
|
-
allowedChildren: [...PAGE_ALLOWED_CHILDREN],
|
|
7
|
-
blueprint: {
|
|
8
|
-
label: 'Page',
|
|
9
|
-
},
|
|
10
|
-
props: {
|
|
11
|
-
width: {
|
|
12
|
-
type: 'enum',
|
|
13
|
-
category: 'Layout',
|
|
14
|
-
label: 'Width',
|
|
15
|
-
enum: ['narrow', 'default', 'wide'],
|
|
16
|
-
default: 'default',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=meta.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/layout/page/meta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,qBAAqB,CAAC;IAC3C,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YACnC,OAAO,EAAE,SAAS;SACnB;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { PAGE_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const pageMeta = {\n name: 'Page',\n category: 'layout',\n directManifestNode: true,\n allowedChildren: [...PAGE_ALLOWED_CHILDREN],\n blueprint: {\n label: 'Page',\n },\n props: {\n width: {\n type: 'enum',\n category: 'Layout',\n label: 'Width',\n enum: ['narrow', 'default', 'wide'],\n default: 'default',\n },\n },\n} as const satisfies ZoraComponentMeta;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraContentWidth } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface PageProps extends ZoraBaseProps {\n children?: React.ReactNode;\n header?: React.ReactNode;\n footer?: React.ReactNode;\n width?: ZoraContentWidth;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyC/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
|