@servicetitan/anvil2 1.39.0 → 1.40.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 +31 -12
- package/dist/Breadcrumbs-C_gan90a.js +36 -0
- package/dist/Breadcrumbs-C_gan90a.js.map +1 -0
- package/dist/{Breadcrumbs-DJbCkSeD.js → Breadcrumbs-D_jgwoN3-Dlw-weD8.js} +8 -38
- package/dist/Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map +1 -0
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Calendar-CIWOPMcu.js → Calendar-C2ONV7cq.js} +2 -2
- package/dist/{Calendar-CIWOPMcu.js.map → Calendar-C2ONV7cq.js.map} +1 -1
- package/dist/{Calendar-BT6eeZDr-CSY_7I1M.js → Calendar-DixTCgAW-CfphBge0.js} +16 -15
- package/dist/Calendar-DixTCgAW-CfphBge0.js.map +1 -0
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-BNrjUtHs-CfExXZer.js → Checkbox-BNrjUtHs-BBLXLwO5.js} +2 -2
- package/dist/{Checkbox-BNrjUtHs-CfExXZer.js.map → Checkbox-BNrjUtHs-BBLXLwO5.js.map} +1 -1
- package/dist/{Checkbox-ic-HmakR.js → Checkbox-Dxr3rgQV.js} +2 -2
- package/dist/{Checkbox-ic-HmakR.js.map → Checkbox-Dxr3rgQV.js.map} +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/{Combobox-DR7O7aaZ.js → Combobox-C7nV-w8I.js} +195 -391
- package/dist/Combobox-C7nV-w8I.js.map +1 -0
- package/dist/Combobox.css +43 -281
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-CYT6udu8.js → DateField-Df42sxE9.js} +43 -43
- package/dist/DateField-Df42sxE9.js.map +1 -0
- package/dist/DateField.js +1 -1
- package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js +2759 -0
- package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js.map +1 -0
- package/dist/DateFieldRange-DQJ_FMeA.js +22 -0
- package/dist/DateFieldRange-DQJ_FMeA.js.map +1 -0
- package/dist/DateFieldRange.d.ts +2 -0
- package/dist/DateFieldRange.js +2 -0
- package/dist/DateFieldRange.js.map +1 -0
- package/dist/DateFieldSingle-BXPhS91g.js +22 -0
- package/dist/DateFieldSingle-BXPhS91g.js.map +1 -0
- package/dist/DateFieldSingle.d.ts +2 -0
- package/dist/DateFieldSingle.js +2 -0
- package/dist/DateFieldSingle.js.map +1 -0
- package/dist/{DaysOfTheWeek-DbjM8UPz.js → DaysOfTheWeek-C4ZGriW7.js} +2 -2
- package/dist/{DaysOfTheWeek-DbjM8UPz.js.map → DaysOfTheWeek-C4ZGriW7.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Dialog-BmeXBcs-.js → Dialog-CBWaZO5U.js} +2 -2
- package/dist/{Dialog-BmeXBcs-.js.map → Dialog-CBWaZO5U.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/{Drawer-8jQ-jaiv.js → Drawer-Be0tyTMM.js} +2 -2
- package/dist/{Drawer-8jQ-jaiv.js.map → Drawer-Be0tyTMM.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{InputMask-CiHg25XE-DXRWDeku.js → InputMask-CiHg25XE--lofQ4oF.js} +2 -2
- package/dist/{InputMask-CiHg25XE-DXRWDeku.js.map → InputMask-CiHg25XE--lofQ4oF.js.map} +1 -1
- package/dist/{InputMask-DH14Bp7r.js → InputMask-DYthrVaU.js} +2 -2
- package/dist/{InputMask-DH14Bp7r.js.map → InputMask-DYthrVaU.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-HBQy0Qmv.js → ListView-DgrUsTC8.js} +3 -3
- package/dist/{ListView-HBQy0Qmv.js.map → ListView-DgrUsTC8.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/Menu-By8ps-lb.js +60 -0
- package/dist/Menu-By8ps-lb.js.map +1 -0
- package/dist/{Menu-CijOsL76.js → Menu-jt64Cbkd-mK95uUq6.js} +23 -73
- package/dist/Menu-jt64Cbkd-mK95uUq6.js.map +1 -0
- package/dist/{Menu.css → Menu-jt64Cbkd.css} +22 -21
- package/dist/Menu.js +1 -1
- package/dist/{Page-CdkxWab-.js → Page-DoCYLmH8.js} +135 -105
- package/dist/Page-DoCYLmH8.js.map +1 -0
- package/dist/Page.js +1 -1
- package/dist/Pagination.css +124 -0
- package/dist/Pagination.d.ts +6 -0
- package/dist/Pagination.js +430 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/{Popover-CVCAWhdO-dI3x1kfe.js → Popover-CVCAWhdO-CJw1mW49.js} +2 -2
- package/dist/{Popover-CVCAWhdO-dI3x1kfe.js.map → Popover-CVCAWhdO-CJw1mW49.js.map} +1 -1
- package/dist/{Popover-CCcd-JhF.js → Popover-Dv7ntx4P.js} +2 -2
- package/dist/{Popover-CCcd-JhF.js.map → Popover-Dv7ntx4P.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-CZhkKwaS-BppwbCSh.js → ProgressBar-CZhkKwaS-dlDRDjxo.js} +2 -2
- package/dist/{ProgressBar-CZhkKwaS-BppwbCSh.js.map → ProgressBar-CZhkKwaS-dlDRDjxo.js.map} +1 -1
- package/dist/{ProgressBar-BEDtxKDv.js → ProgressBar-Eeudkcyc.js} +2 -2
- package/dist/{ProgressBar-BEDtxKDv.js.map → ProgressBar-Eeudkcyc.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-DiBn0-hf-CCkWosaL.js → Radio-DiBn0-hf-hhLKXDdl.js} +2 -2
- package/dist/{Radio-DiBn0-hf-CCkWosaL.js.map → Radio-DiBn0-hf-hhLKXDdl.js.map} +1 -1
- package/dist/{Radio-Sj9M1KAg.js → Radio-Dx2GeEZp.js} +2 -2
- package/dist/{Radio-Sj9M1KAg.js.map → Radio-Dx2GeEZp.js.map} +1 -1
- package/dist/Radio.js +1 -1
- package/dist/{SelectCard-CY8IVFDT-lXO3-mQ_.js → SelectCard-CL8T4DQb-ClozUyqV.js} +22 -22
- package/dist/SelectCard-CL8T4DQb-ClozUyqV.js.map +1 -0
- package/dist/SelectCard-CL8T4DQb.css +51 -0
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectCardGroup-DLt9z9b8.js → SelectCardGroup-KTtcsOar.js} +2 -2
- package/dist/{SelectCardGroup-DLt9z9b8.js.map → SelectCardGroup-KTtcsOar.js.map} +1 -1
- package/dist/SelectTrigger-BvUO-g1F.js +138 -0
- package/dist/SelectTrigger-BvUO-g1F.js.map +1 -0
- package/dist/SelectTrigger.css +16 -0
- package/dist/SelectTrigger.d.ts +6 -0
- package/dist/SelectTrigger.js +2 -0
- package/dist/SelectTrigger.js.map +1 -0
- package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js +301 -0
- package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js.map +1 -0
- package/dist/SelectTriggerBase-BMhRDkFW.css +270 -0
- package/dist/{TextField-DUohb_Y6.js → TextField-0XKj7lDu.js} +2 -2
- package/dist/{TextField-DUohb_Y6.js.map → TextField-0XKj7lDu.js.map} +1 -1
- package/dist/{TextField-C5KbQxoU-DGLAOhCu.js → TextField-C5KbQxoU-CSkSyt7P.js} +2 -2
- package/dist/{TextField-C5KbQxoU-DGLAOhCu.js.map → TextField-C5KbQxoU-CSkSyt7P.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-HGQXwvO1.js → Textarea-DkSeFIg7.js} +2 -2
- package/dist/{Textarea-HGQXwvO1.js.map → Textarea-DkSeFIg7.js.map} +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-28Uv31qc.js → Toolbar-38Z9fVxY.js} +5 -7
- package/dist/Toolbar-38Z9fVxY.js.map +1 -0
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-ZUko7Bl3.js → Tooltip-BwUVaBEo.js} +2 -2
- package/dist/{Tooltip-ZUko7Bl3.js.map → Tooltip-BwUVaBEo.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/assets/icons/st/document_audio.svg +1 -0
- package/dist/assets/icons/st/document_doc.svg +1 -0
- package/dist/assets/icons/st/document_drawing.svg +1 -0
- package/dist/assets/icons/st/document_form.svg +1 -0
- package/dist/assets/icons/st/document_message.svg +1 -0
- package/dist/assets/icons/st/document_other.svg +1 -0
- package/dist/assets/icons/st/document_pdf.svg +1 -0
- package/dist/assets/icons/st/document_spreadsheet.svg +1 -0
- package/dist/assets/icons/st/document_text.svg +1 -0
- package/dist/assets/icons/st/document_web.svg +1 -0
- package/dist/assets/icons/st/gnav_insurance_work_queue_active.svg +1 -0
- package/dist/assets/icons/st/gnav_insurance_work_queue_inactive.svg +1 -0
- package/dist/assets/icons/st/gnav_production_work_queue_active.svg +1 -0
- package/dist/assets/icons/st/gnav_production_work_queue_inactive.svg +1 -0
- package/dist/assets/icons/st.ts +14 -0
- package/dist/components/Alert/Alert.figma.d.ts +1 -0
- package/dist/components/DateFieldRange/DateFieldRange.d.ts +7 -0
- package/dist/components/DateFieldRange/index.d.ts +2 -0
- package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +7 -0
- package/dist/components/DateFieldSingle/index.d.ts +2 -0
- package/dist/components/Page/Page.d.ts +19 -352
- package/dist/components/Page/PageContent.d.ts +24 -0
- package/dist/components/Page/PageContext.d.ts +4 -0
- package/dist/components/Page/PageFooter.d.ts +24 -0
- package/dist/components/Page/PageHeader.d.ts +135 -0
- package/dist/components/Page/PagePanel.d.ts +57 -0
- package/dist/components/Page/PageSidebar.d.ts +57 -0
- package/dist/components/Page/PageSidebarContext.d.ts +5 -0
- package/dist/components/Page/PageSidebarHeader.d.ts +23 -0
- package/dist/components/Page/index.d.ts +5 -0
- package/dist/components/Pagination/Pagination.d.ts +58 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Pagination/internal/usePaginationArray.d.ts +36 -0
- package/dist/components/SelectTrigger/SelectTrigger.d.ts +11 -0
- package/dist/components/SelectTrigger/index.d.ts +2 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/event-BEJFimi3.js +6 -0
- package/dist/event-BEJFimi3.js.map +1 -0
- package/dist/index.js +24 -21
- package/dist/index.js.map +1 -1
- package/dist/keyboard_arrow_right-DZWNVytH.js +8 -0
- package/dist/keyboard_arrow_right-DZWNVytH.js.map +1 -0
- package/dist/more_horiz-DJgdQiy0.js +6 -0
- package/dist/more_horiz-DJgdQiy0.js.map +1 -0
- package/dist/{toast-DjypuZMf.js → toast-CWVuLkyv.js} +2 -2
- package/dist/{toast-DjypuZMf.js.map → toast-CWVuLkyv.js.map} +1 -1
- package/package.json +7 -4
- package/dist/Breadcrumbs-DJbCkSeD.js.map +0 -1
- package/dist/Calendar-BT6eeZDr-CSY_7I1M.js.map +0 -1
- package/dist/Combobox-DR7O7aaZ.js.map +0 -1
- package/dist/DateField-CYT6udu8.js.map +0 -1
- package/dist/Menu-CijOsL76.js.map +0 -1
- package/dist/Page-CdkxWab-.js.map +0 -1
- package/dist/SelectCard-CY8IVFDT-lXO3-mQ_.js.map +0 -1
- package/dist/SelectCard-CY8IVFDT.css +0 -38
- package/dist/Toolbar-28Uv31qc.js.map +0 -1
- /package/dist/{Breadcrumbs.css → Breadcrumbs-D_jgwoN3.css} +0 -0
- /package/dist/{Calendar-BT6eeZDr.css → Calendar-DixTCgAW.css} +0 -0
package/dist/assets/icons/st.ts
CHANGED
|
@@ -16,6 +16,16 @@ export { default as icon_commercial } from "./st/commercial.svg";
|
|
|
16
16
|
export { default as icon_create_event } from "./st/create_event.svg";
|
|
17
17
|
export { default as icon_create_task } from "./st/create_task.svg";
|
|
18
18
|
export { default as icon_customer } from "./st/customer.svg";
|
|
19
|
+
export { default as icon_document_audio } from "./st/document_audio.svg";
|
|
20
|
+
export { default as icon_document_doc } from "./st/document_doc.svg";
|
|
21
|
+
export { default as icon_document_drawing } from "./st/document_drawing.svg";
|
|
22
|
+
export { default as icon_document_form } from "./st/document_form.svg";
|
|
23
|
+
export { default as icon_document_message } from "./st/document_message.svg";
|
|
24
|
+
export { default as icon_document_other } from "./st/document_other.svg";
|
|
25
|
+
export { default as icon_document_pdf } from "./st/document_pdf.svg";
|
|
26
|
+
export { default as icon_document_spreadsheet } from "./st/document_spreadsheet.svg";
|
|
27
|
+
export { default as icon_document_text } from "./st/document_text.svg";
|
|
28
|
+
export { default as icon_document_web } from "./st/document_web.svg";
|
|
19
29
|
export { default as icon_due_date } from "./st/due_date.svg";
|
|
20
30
|
export { default as icon_enterprise_hub } from "./st/enterprise_hub.svg";
|
|
21
31
|
export { default as icon_equipment } from "./st/equipment.svg";
|
|
@@ -46,6 +56,8 @@ export { default as icon_gnav_follow_up_active } from "./st/gnav_follow_up_activ
|
|
|
46
56
|
export { default as icon_gnav_follow_up_inactive } from "./st/gnav_follow_up_inactive.svg";
|
|
47
57
|
export { default as icon_gnav_help_active } from "./st/gnav_help_active.svg";
|
|
48
58
|
export { default as icon_gnav_help_inactive } from "./st/gnav_help_inactive.svg";
|
|
59
|
+
export { default as icon_gnav_insurance_work_queue_active } from "./st/gnav_insurance_work_queue_active.svg";
|
|
60
|
+
export { default as icon_gnav_insurance_work_queue_inactive } from "./st/gnav_insurance_work_queue_inactive.svg";
|
|
49
61
|
export { default as icon_gnav_inventory_active } from "./st/gnav_inventory_active.svg";
|
|
50
62
|
export { default as icon_gnav_inventory_inactive } from "./st/gnav_inventory_inactive.svg";
|
|
51
63
|
export { default as icon_gnav_legacy_search_filled } from "./st/gnav_legacy_search_filled.svg";
|
|
@@ -60,6 +72,8 @@ export { default as icon_gnav_pos_active } from "./st/gnav_pos_active.svg";
|
|
|
60
72
|
export { default as icon_gnav_pos_inactive } from "./st/gnav_pos_inactive.svg";
|
|
61
73
|
export { default as icon_gnav_pricebook_active } from "./st/gnav_pricebook_active.svg";
|
|
62
74
|
export { default as icon_gnav_pricebook_inactive } from "./st/gnav_pricebook_inactive.svg";
|
|
75
|
+
export { default as icon_gnav_production_work_queue_active } from "./st/gnav_production_work_queue_active.svg";
|
|
76
|
+
export { default as icon_gnav_production_work_queue_inactive } from "./st/gnav_production_work_queue_inactive.svg";
|
|
63
77
|
export { default as icon_gnav_projects_active } from "./st/gnav_projects_active.svg";
|
|
64
78
|
export { default as icon_gnav_projects_inactive } from "./st/gnav_projects_inactive.svg";
|
|
65
79
|
export { default as icon_gnav_reports_active } from "./st/gnav_reports_active.svg";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DateFieldRangeProps as CoreDateFieldRangeProps } from '@servicetitan/hammer-react';
|
|
2
|
+
import { DataTrackingId } from '../../types/DataTrackingId';
|
|
3
|
+
export type DateFieldRangeProps = CoreDateFieldRangeProps & DataTrackingId;
|
|
4
|
+
export declare const DateFieldRange: {
|
|
5
|
+
(props: DateFieldRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DateFieldSingleProps as CoreDateFieldSingleProps } from '@servicetitan/hammer-react';
|
|
2
|
+
import { DataTrackingId } from '../../types/DataTrackingId';
|
|
3
|
+
export type DateFieldSingleProps = CoreDateFieldSingleProps & DataTrackingId;
|
|
4
|
+
export declare const DateFieldSingle: {
|
|
5
|
+
(props: DateFieldSingleProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
@@ -1,309 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
3
|
-
import { BreadcrumbsLinkProps } from '../Breadcrumbs';
|
|
4
|
-
import { ButtonProps } from '../Button';
|
|
5
|
-
import { ButtonLinkProps } from '../ButtonLink';
|
|
6
|
-
import { ChipProps } from '../Chip';
|
|
7
|
-
import { LayoutProps } from '../Layout';
|
|
8
|
-
/**
|
|
9
|
-
* Props for the PageSidebar component
|
|
10
|
-
* @extends ComponentPropsWithoutRef<"div">
|
|
11
|
-
*/
|
|
12
|
-
export type PageSidebarProps = ComponentPropsWithoutRef<"div"> & {
|
|
13
|
-
/**
|
|
14
|
-
* Key for storing sidebar collapsed state in localStorage
|
|
15
|
-
* @default "sidebar-collapsed"
|
|
16
|
-
*/
|
|
17
|
-
localStorageKey?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Custom tracking ID for analytics
|
|
20
|
-
*/
|
|
21
|
-
["data-tracking-id"]?: string;
|
|
22
|
-
/**
|
|
23
|
-
* Title to display in the adaptive trigger button
|
|
24
|
-
*/
|
|
25
|
-
currentPageTitle?: string;
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* PageSidebar component for creating collapsible navigation sidebars.
|
|
29
|
-
*
|
|
30
|
-
* Features:
|
|
31
|
-
* - Collapsible sidebar with localStorage persistence
|
|
32
|
-
* - Responsive design with adaptive popover on mobile
|
|
33
|
-
* - Automatic tracking ID generation for analytics
|
|
34
|
-
* - Keyboard navigation and accessibility support
|
|
35
|
-
* - Toggle button with tooltip
|
|
36
|
-
* - Context provider for sidebar state
|
|
37
|
-
* - Mobile-friendly popover navigation
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* <Page.Sidebar currentPageTitle="Navigation">
|
|
41
|
-
* <Page.SidebarHeader>
|
|
42
|
-
* <Text variant="headline" el="h2">Sidebar Title</Text>
|
|
43
|
-
* </Page.SidebarHeader>
|
|
44
|
-
* <SideNav>
|
|
45
|
-
* <SideNavLink pathname="/">Home</SideNavLink>
|
|
46
|
-
* </SideNav>
|
|
47
|
-
* </Page.Sidebar>
|
|
48
|
-
*/
|
|
49
|
-
export declare const PageSidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
50
|
-
/**
|
|
51
|
-
* Key for storing sidebar collapsed state in localStorage
|
|
52
|
-
* @default "sidebar-collapsed"
|
|
53
|
-
*/
|
|
54
|
-
localStorageKey?: string;
|
|
55
|
-
/**
|
|
56
|
-
* Custom tracking ID for analytics
|
|
57
|
-
*/
|
|
58
|
-
"data-tracking-id"?: string;
|
|
59
|
-
/**
|
|
60
|
-
* Title to display in the adaptive trigger button
|
|
61
|
-
*/
|
|
62
|
-
currentPageTitle?: string;
|
|
63
|
-
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
64
|
-
/**
|
|
65
|
-
* Props for the PageSidebarHeader component
|
|
66
|
-
* @extends ComponentPropsWithoutRef<"div">
|
|
67
|
-
*/
|
|
68
|
-
export type PageSidebarHeaderProps = ComponentPropsWithoutRef<"div">;
|
|
69
|
-
/**
|
|
70
|
-
* PageSidebarHeader component for creating header sections within sidebars.
|
|
71
|
-
*
|
|
72
|
-
* Features:
|
|
73
|
-
* - Container for sidebar header content
|
|
74
|
-
* - Automatic visibility handling based on sidebar collapsed state
|
|
75
|
-
* - Supports all standard div props
|
|
76
|
-
* - Context-aware styling
|
|
77
|
-
*
|
|
78
|
-
* @example
|
|
79
|
-
* <Page.SidebarHeader>
|
|
80
|
-
* <Text variant="headline" el="h2" size="medium">
|
|
81
|
-
* Sidebar Title
|
|
82
|
-
* </Text>
|
|
83
|
-
* </Page.SidebarHeader>
|
|
84
|
-
*/
|
|
85
|
-
export declare const PageSidebarHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
86
|
-
/**
|
|
87
|
-
* Props for the PagePanel component
|
|
88
|
-
* @extends ComponentPropsWithoutRef<"div">
|
|
89
|
-
*/
|
|
90
|
-
export type PagePanelProps = ComponentPropsWithoutRef<"div"> & {
|
|
91
|
-
/**
|
|
92
|
-
* Whether the panel is open
|
|
93
|
-
* @default true
|
|
94
|
-
*/
|
|
95
|
-
open?: boolean;
|
|
96
|
-
/**
|
|
97
|
-
* Size of the panel
|
|
98
|
-
* @default "medium"
|
|
99
|
-
*/
|
|
100
|
-
size?: "small" | "medium" | "large";
|
|
101
|
-
/**
|
|
102
|
-
* Whether to remove default padding from the panel
|
|
103
|
-
* @default false
|
|
104
|
-
*/
|
|
105
|
-
noPadding?: boolean;
|
|
106
|
-
};
|
|
107
|
-
/**
|
|
108
|
-
* PagePanel component for creating slide-out panels or dialogs.
|
|
109
|
-
*
|
|
110
|
-
* Features:
|
|
111
|
-
* - Responsive design with dialog fallback on mobile
|
|
112
|
-
* - Multiple size variants (small, medium, large)
|
|
113
|
-
* - Optional padding control
|
|
114
|
-
* - Persistent or controlled open state
|
|
115
|
-
* - Automatic mobile dialog conversion
|
|
116
|
-
* - Keyboard navigation and accessibility support
|
|
117
|
-
* - Smooth animations and transitions
|
|
118
|
-
*
|
|
119
|
-
* @example
|
|
120
|
-
* <Page.Panel open={isOpen} size="medium">
|
|
121
|
-
* <Text variant="headline" el="h3">Panel Content</Text>
|
|
122
|
-
* <Button onClick={() => setIsOpen(false)}>Close</Button>
|
|
123
|
-
* </Page.Panel>
|
|
124
|
-
*/
|
|
125
|
-
export declare const PagePanel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
126
|
-
/**
|
|
127
|
-
* Whether the panel is open
|
|
128
|
-
* @default true
|
|
129
|
-
*/
|
|
130
|
-
open?: boolean;
|
|
131
|
-
/**
|
|
132
|
-
* Size of the panel
|
|
133
|
-
* @default "medium"
|
|
134
|
-
*/
|
|
135
|
-
size?: "small" | "medium" | "large";
|
|
136
|
-
/**
|
|
137
|
-
* Whether to remove default padding from the panel
|
|
138
|
-
* @default false
|
|
139
|
-
*/
|
|
140
|
-
noPadding?: boolean;
|
|
141
|
-
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
142
|
-
/**
|
|
143
|
-
* Props for page header action buttons
|
|
144
|
-
*/
|
|
145
|
-
type PageHeaderActionProps = Omit<ButtonProps, "appearance"> & {
|
|
146
|
-
/**
|
|
147
|
-
* Label text for the action button
|
|
148
|
-
*/
|
|
149
|
-
label: string;
|
|
150
|
-
};
|
|
151
|
-
/**
|
|
152
|
-
* Props for page header actions configuration
|
|
153
|
-
*/
|
|
154
|
-
type PageHeaderActionsProps = {
|
|
155
|
-
/**
|
|
156
|
-
* Primary action button
|
|
157
|
-
*/
|
|
158
|
-
primary?: PageHeaderActionProps;
|
|
159
|
-
/**
|
|
160
|
-
* Array of secondary action buttons
|
|
161
|
-
*/
|
|
162
|
-
secondary?: PageHeaderActionProps[];
|
|
163
|
-
};
|
|
164
|
-
/**
|
|
165
|
-
* Base props for preference actions
|
|
166
|
-
*/
|
|
167
|
-
type BasePreferenceProps = {
|
|
168
|
-
/**
|
|
169
|
-
* Accessible label for the preference action
|
|
170
|
-
*/
|
|
171
|
-
"aria-label": string;
|
|
172
|
-
};
|
|
173
|
-
/**
|
|
174
|
-
* Props for preference button actions
|
|
175
|
-
*/
|
|
176
|
-
type PreferenceButtonProps = Omit<ButtonProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
|
|
177
|
-
/**
|
|
178
|
-
* Props for preference link actions
|
|
179
|
-
*/
|
|
180
|
-
type PreferenceLinkProps = Omit<ButtonLinkProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
|
|
181
|
-
/**
|
|
182
|
-
* Props for the PageHeader component
|
|
183
|
-
* @extends ComponentPropsWithoutRef<"header">
|
|
184
|
-
*/
|
|
185
|
-
export type PageHeaderProps = ComponentPropsWithoutRef<"header"> & {
|
|
186
|
-
/**
|
|
187
|
-
* Main title of the page
|
|
188
|
-
*/
|
|
189
|
-
title: string;
|
|
190
|
-
/**
|
|
191
|
-
* Breadcrumb navigation links
|
|
192
|
-
*/
|
|
193
|
-
breadcrumbs?: BreadcrumbsLinkProps[];
|
|
194
|
-
/**
|
|
195
|
-
* Status chips to display
|
|
196
|
-
*/
|
|
197
|
-
chips?: ChipProps[];
|
|
198
|
-
/**
|
|
199
|
-
* Description text or content below the title
|
|
200
|
-
*/
|
|
201
|
-
description?: ReactNode;
|
|
202
|
-
/**
|
|
203
|
-
* Primary and secondary action buttons
|
|
204
|
-
*/
|
|
205
|
-
actions?: PageHeaderActionsProps;
|
|
206
|
-
/**
|
|
207
|
-
* Preference action button or link
|
|
208
|
-
*/
|
|
209
|
-
preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
|
|
210
|
-
/**
|
|
211
|
-
* Layout configuration for the header
|
|
212
|
-
*/
|
|
213
|
-
layout?: LayoutProps;
|
|
214
|
-
};
|
|
215
|
-
/**
|
|
216
|
-
* PageHeader component for creating page headers with navigation and actions.
|
|
217
|
-
*
|
|
218
|
-
* Features:
|
|
219
|
-
* - Page title with semantic heading
|
|
220
|
-
* - Breadcrumb navigation support
|
|
221
|
-
* - Status chips display
|
|
222
|
-
* - Primary and secondary action buttons
|
|
223
|
-
* - Preference action button/link
|
|
224
|
-
* - Responsive layout with fluid grid
|
|
225
|
-
* - Accessibility support with proper ARIA labels
|
|
226
|
-
* - Flexible layout configuration
|
|
227
|
-
* - Description content support
|
|
228
|
-
*
|
|
229
|
-
* @example
|
|
230
|
-
* <Page.Header
|
|
231
|
-
* title="Page Title"
|
|
232
|
-
* breadcrumbs={[
|
|
233
|
-
* { href: "/", children: "Home" },
|
|
234
|
-
* { children: "Current Page" }
|
|
235
|
-
* ]}
|
|
236
|
-
* chips={[{ label: "Status" }]}
|
|
237
|
-
* actions={{
|
|
238
|
-
* primary: { label: "Save", onClick: handleSave },
|
|
239
|
-
* secondary: [{ label: "Cancel", onClick: handleCancel }]
|
|
240
|
-
* }}
|
|
241
|
-
* />
|
|
242
|
-
*/
|
|
243
|
-
export declare const PageHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
244
|
-
/**
|
|
245
|
-
* Main title of the page
|
|
246
|
-
*/
|
|
247
|
-
title: string;
|
|
248
|
-
/**
|
|
249
|
-
* Breadcrumb navigation links
|
|
250
|
-
*/
|
|
251
|
-
breadcrumbs?: BreadcrumbsLinkProps[];
|
|
252
|
-
/**
|
|
253
|
-
* Status chips to display
|
|
254
|
-
*/
|
|
255
|
-
chips?: ChipProps[];
|
|
256
|
-
/**
|
|
257
|
-
* Description text or content below the title
|
|
258
|
-
*/
|
|
259
|
-
description?: ReactNode;
|
|
260
|
-
/**
|
|
261
|
-
* Primary and secondary action buttons
|
|
262
|
-
*/
|
|
263
|
-
actions?: PageHeaderActionsProps;
|
|
264
|
-
/**
|
|
265
|
-
* Preference action button or link
|
|
266
|
-
*/
|
|
267
|
-
preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
|
|
268
|
-
/**
|
|
269
|
-
* Layout configuration for the header
|
|
270
|
-
*/
|
|
271
|
-
layout?: LayoutProps;
|
|
272
|
-
} & import('react').RefAttributes<HTMLHeadElement>>;
|
|
273
|
-
/**
|
|
274
|
-
* Props for the PageContent component
|
|
275
|
-
* @extends ComponentPropsWithoutRef<"main">
|
|
276
|
-
*/
|
|
277
|
-
export type PageContentProps = ComponentPropsWithoutRef<"main">;
|
|
278
|
-
/**
|
|
279
|
-
* PageContent component for the main content area of a page.
|
|
280
|
-
*
|
|
281
|
-
* Features:
|
|
282
|
-
* - Semantic main element for page content
|
|
283
|
-
* - Virtual scrolling support for long content
|
|
284
|
-
* - Automatic scroll synchronization
|
|
285
|
-
* - Responsive design
|
|
286
|
-
* - Accessibility support with proper main landmark
|
|
287
|
-
* - Scroll position management
|
|
288
|
-
*
|
|
289
|
-
* @example
|
|
290
|
-
* <Page.Content>
|
|
291
|
-
* <Text>Main page content goes here</Text>
|
|
292
|
-
* <Button>Action Button</Button>
|
|
293
|
-
* </Page.Content>
|
|
294
|
-
*/
|
|
295
|
-
export declare const PageContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLAreaElement>>;
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
296
2
|
/**
|
|
297
3
|
* Props for the Page component
|
|
298
4
|
* @extends ComponentPropsWithoutRef<"div">
|
|
299
5
|
*/
|
|
300
6
|
export type PageProps = ComponentPropsWithoutRef<"div">;
|
|
301
|
-
/**
|
|
302
|
-
* Props for the PageFooter component
|
|
303
|
-
* @extends ComponentPropsWithoutRef<"div">
|
|
304
|
-
* @extends LayoutUtilProps
|
|
305
|
-
*/
|
|
306
|
-
export type PageFooterProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps;
|
|
307
7
|
/**
|
|
308
8
|
* Page component for creating full-page layouts with navigation and content areas.
|
|
309
9
|
*
|
|
@@ -369,18 +69,8 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
|
|
|
369
69
|
* </Page.Sidebar>
|
|
370
70
|
*/
|
|
371
71
|
Sidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
372
|
-
/**
|
|
373
|
-
* Key for storing sidebar collapsed state in localStorage
|
|
374
|
-
* @default "sidebar-collapsed"
|
|
375
|
-
*/
|
|
376
72
|
localStorageKey?: string;
|
|
377
|
-
/**
|
|
378
|
-
* Custom tracking ID for analytics
|
|
379
|
-
*/
|
|
380
73
|
"data-tracking-id"?: string;
|
|
381
|
-
/**
|
|
382
|
-
* Title to display in the adaptive trigger button
|
|
383
|
-
*/
|
|
384
74
|
currentPageTitle?: string;
|
|
385
75
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
386
76
|
/**
|
|
@@ -429,34 +119,24 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
|
|
|
429
119
|
* />
|
|
430
120
|
*/
|
|
431
121
|
Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
432
|
-
/**
|
|
433
|
-
* Main title of the page
|
|
434
|
-
*/
|
|
435
122
|
title: string;
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
* Preference action button or link
|
|
454
|
-
*/
|
|
455
|
-
preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
|
|
456
|
-
/**
|
|
457
|
-
* Layout configuration for the header
|
|
458
|
-
*/
|
|
459
|
-
layout?: LayoutProps;
|
|
123
|
+
breadcrumbs?: import('@servicetitan/hammer-react').BreadcrumbsLinkProps[];
|
|
124
|
+
chips?: import('@servicetitan/hammer-react').ChipProps[];
|
|
125
|
+
description?: import('react').ReactNode;
|
|
126
|
+
actions?: {
|
|
127
|
+
primary?: Omit<import('@servicetitan/hammer-react').ButtonProps, "appearance"> & {
|
|
128
|
+
label: string;
|
|
129
|
+
};
|
|
130
|
+
secondary?: (Omit<import('@servicetitan/hammer-react').ButtonProps, "appearance"> & {
|
|
131
|
+
label: string;
|
|
132
|
+
})[];
|
|
133
|
+
};
|
|
134
|
+
preferenceAction?: (Omit<import('@servicetitan/hammer-react').ButtonProps, "className" | "aria-label" | "size" | "appearance" | "icon"> & {
|
|
135
|
+
"aria-label": string;
|
|
136
|
+
}) | (Omit<import('@servicetitan/hammer-react').ButtonLinkProps, "className" | "aria-label" | "size" | "appearance" | "icon"> & {
|
|
137
|
+
"aria-label": string;
|
|
138
|
+
});
|
|
139
|
+
layout?: import('..').LayoutProps;
|
|
460
140
|
} & import('react').RefAttributes<HTMLHeadElement>>;
|
|
461
141
|
/**
|
|
462
142
|
* PageContent component for the main content area of a page.
|
|
@@ -495,20 +175,8 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
|
|
|
495
175
|
* </Page.Panel>
|
|
496
176
|
*/
|
|
497
177
|
Panel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
498
|
-
/**
|
|
499
|
-
* Whether the panel is open
|
|
500
|
-
* @default true
|
|
501
|
-
*/
|
|
502
178
|
open?: boolean;
|
|
503
|
-
/**
|
|
504
|
-
* Size of the panel
|
|
505
|
-
* @default "medium"
|
|
506
|
-
*/
|
|
507
179
|
size?: "small" | "medium" | "large";
|
|
508
|
-
/**
|
|
509
|
-
* Whether to remove default padding from the panel
|
|
510
|
-
* @default false
|
|
511
|
-
*/
|
|
512
180
|
noPadding?: boolean;
|
|
513
181
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
514
182
|
/**
|
|
@@ -526,6 +194,5 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
|
|
|
526
194
|
* <Text>Footer content with layout utilities</Text>
|
|
527
195
|
* </Page.Footer>
|
|
528
196
|
*/
|
|
529
|
-
Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
197
|
+
Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('@servicetitan/hammer-react').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
530
198
|
};
|
|
531
|
-
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the PageContent component
|
|
4
|
+
* @extends ComponentPropsWithoutRef<"main">
|
|
5
|
+
*/
|
|
6
|
+
export type PageContentProps = ComponentPropsWithoutRef<"main">;
|
|
7
|
+
/**
|
|
8
|
+
* PageContent component for the main content area of a page.
|
|
9
|
+
*
|
|
10
|
+
* Features:
|
|
11
|
+
* - Semantic main element for page content
|
|
12
|
+
* - Virtual scrolling support for long content
|
|
13
|
+
* - Automatic scroll synchronization
|
|
14
|
+
* - Responsive design
|
|
15
|
+
* - Accessibility support with proper main landmark
|
|
16
|
+
* - Scroll position management
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* <Page.Content>
|
|
20
|
+
* <Text>Main page content goes here</Text>
|
|
21
|
+
* <Button>Action Button</Button>
|
|
22
|
+
* </Page.Content>
|
|
23
|
+
*/
|
|
24
|
+
export declare const PageContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLAreaElement>>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { LayoutUtilProps } from '@servicetitan/hammer-react';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the PageFooter component
|
|
5
|
+
* @extends ComponentPropsWithoutRef<"div">
|
|
6
|
+
* @extends LayoutUtilProps
|
|
7
|
+
*/
|
|
8
|
+
export type PageFooterProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps;
|
|
9
|
+
/**
|
|
10
|
+
* PageFooter component for creating page footers with layout utilities.
|
|
11
|
+
*
|
|
12
|
+
* Features:
|
|
13
|
+
* - Semantic footer element
|
|
14
|
+
* - Layout utility props support
|
|
15
|
+
* - Responsive design
|
|
16
|
+
* - Accessibility support with proper footer landmark
|
|
17
|
+
* - Flexible content positioning
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* <Page.Footer>
|
|
21
|
+
* <Text>Footer content with layout utilities</Text>
|
|
22
|
+
* </Page.Footer>
|
|
23
|
+
*/
|
|
24
|
+
export declare const PageFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { ButtonProps, ButtonLinkProps, BreadcrumbsLinkProps, ChipProps } from '@servicetitan/hammer-react';
|
|
2
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
3
|
+
import { LayoutProps } from '../Layout';
|
|
4
|
+
/**
|
|
5
|
+
* Props for page header action buttons
|
|
6
|
+
*/
|
|
7
|
+
type PageHeaderActionProps = Omit<ButtonProps, "appearance"> & {
|
|
8
|
+
/**
|
|
9
|
+
* Label text for the action button
|
|
10
|
+
*/
|
|
11
|
+
label: string;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Props for page header actions configuration
|
|
15
|
+
*/
|
|
16
|
+
type PageHeaderActionsProps = {
|
|
17
|
+
/**
|
|
18
|
+
* Primary action button
|
|
19
|
+
*/
|
|
20
|
+
primary?: PageHeaderActionProps;
|
|
21
|
+
/**
|
|
22
|
+
* Array of secondary action buttons
|
|
23
|
+
*/
|
|
24
|
+
secondary?: PageHeaderActionProps[];
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Base props for preference actions
|
|
28
|
+
*/
|
|
29
|
+
type BasePreferenceProps = {
|
|
30
|
+
/**
|
|
31
|
+
* Accessible label for the preference action
|
|
32
|
+
*/
|
|
33
|
+
"aria-label": string;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* Props for preference button actions
|
|
37
|
+
*/
|
|
38
|
+
type PreferenceButtonProps = Omit<ButtonProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
|
|
39
|
+
/**
|
|
40
|
+
* Props for preference link actions
|
|
41
|
+
*/
|
|
42
|
+
type PreferenceLinkProps = Omit<ButtonLinkProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
|
|
43
|
+
/**
|
|
44
|
+
* Props for the PageHeader component
|
|
45
|
+
* @extends ComponentPropsWithoutRef<"header">
|
|
46
|
+
*/
|
|
47
|
+
export type PageHeaderProps = ComponentPropsWithoutRef<"header"> & {
|
|
48
|
+
/**
|
|
49
|
+
* Main title of the page
|
|
50
|
+
*/
|
|
51
|
+
title: string;
|
|
52
|
+
/**
|
|
53
|
+
* Breadcrumb navigation links
|
|
54
|
+
*/
|
|
55
|
+
breadcrumbs?: BreadcrumbsLinkProps[];
|
|
56
|
+
/**
|
|
57
|
+
* Status chips to display
|
|
58
|
+
*/
|
|
59
|
+
chips?: ChipProps[];
|
|
60
|
+
/**
|
|
61
|
+
* Description text or content below the title
|
|
62
|
+
*/
|
|
63
|
+
description?: ReactNode;
|
|
64
|
+
/**
|
|
65
|
+
* Primary and secondary action buttons
|
|
66
|
+
*/
|
|
67
|
+
actions?: PageHeaderActionsProps;
|
|
68
|
+
/**
|
|
69
|
+
* Preference action button or link
|
|
70
|
+
*/
|
|
71
|
+
preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
|
|
72
|
+
/**
|
|
73
|
+
* Layout configuration for the header
|
|
74
|
+
*/
|
|
75
|
+
layout?: LayoutProps;
|
|
76
|
+
};
|
|
77
|
+
/**
|
|
78
|
+
* PageHeader component for creating page headers with navigation and actions.
|
|
79
|
+
*
|
|
80
|
+
* Features:
|
|
81
|
+
* - Page title with semantic heading
|
|
82
|
+
* - Breadcrumb navigation support
|
|
83
|
+
* - Status chips display
|
|
84
|
+
* - Primary and secondary action buttons
|
|
85
|
+
* - Preference action button/link
|
|
86
|
+
* - Responsive layout with fluid grid
|
|
87
|
+
* - Accessibility support with proper ARIA labels
|
|
88
|
+
* - Flexible layout configuration
|
|
89
|
+
* - Description content support
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* <Page.Header
|
|
93
|
+
* title="Page Title"
|
|
94
|
+
* breadcrumbs={[
|
|
95
|
+
* { href: "/", children: "Home" },
|
|
96
|
+
* { children: "Current Page" }
|
|
97
|
+
* ]}
|
|
98
|
+
* chips={[{ label: "Status" }]}
|
|
99
|
+
* actions={{
|
|
100
|
+
* primary: { label: "Save", onClick: handleSave },
|
|
101
|
+
* secondary: [{ label: "Cancel", onClick: handleCancel }]
|
|
102
|
+
* }}
|
|
103
|
+
* />
|
|
104
|
+
*/
|
|
105
|
+
export declare const PageHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
106
|
+
/**
|
|
107
|
+
* Main title of the page
|
|
108
|
+
*/
|
|
109
|
+
title: string;
|
|
110
|
+
/**
|
|
111
|
+
* Breadcrumb navigation links
|
|
112
|
+
*/
|
|
113
|
+
breadcrumbs?: BreadcrumbsLinkProps[];
|
|
114
|
+
/**
|
|
115
|
+
* Status chips to display
|
|
116
|
+
*/
|
|
117
|
+
chips?: ChipProps[];
|
|
118
|
+
/**
|
|
119
|
+
* Description text or content below the title
|
|
120
|
+
*/
|
|
121
|
+
description?: ReactNode;
|
|
122
|
+
/**
|
|
123
|
+
* Primary and secondary action buttons
|
|
124
|
+
*/
|
|
125
|
+
actions?: PageHeaderActionsProps;
|
|
126
|
+
/**
|
|
127
|
+
* Preference action button or link
|
|
128
|
+
*/
|
|
129
|
+
preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
|
|
130
|
+
/**
|
|
131
|
+
* Layout configuration for the header
|
|
132
|
+
*/
|
|
133
|
+
layout?: LayoutProps;
|
|
134
|
+
} & import('react').RefAttributes<HTMLHeadElement>>;
|
|
135
|
+
export {};
|