bonsaif-ui 0.1.27 → 0.1.28
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 +16 -0
- package/dist/bonsaif-ui.js +3335 -2893
- package/dist/bonsaif-ui.umd.cjs +1 -1
- package/dist/components/layout/PageHeader.d.ts +2 -0
- package/dist/components/layout/PageHeader.d.ts.map +1 -1
- package/dist/components/layout/PageHeader.stories.d.ts +6 -0
- package/dist/components/layout/PageHeader.stories.d.ts.map +1 -1
- package/dist/components/ui/DataTable.d.ts +5 -1
- package/dist/components/ui/DataTable.d.ts.map +1 -1
- package/dist/components/ui/DataTable.stories.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -71,6 +71,22 @@ The package includes reusable components migrated from `prime-auth` and new shar
|
|
|
71
71
|
- `GlobalScrollbars`: global OverlayScrollbars setup.
|
|
72
72
|
- `SectionPanel`: reusable section container with header, actions, body, and footer.
|
|
73
73
|
|
|
74
|
+
#### PageHeader Breadcrumbs
|
|
75
|
+
|
|
76
|
+
`PageHeader` can build local breadcrumbs from `currentPath` or render custom `breadcrumbs`. Those breadcrumbs are intended for standalone screens and development views.
|
|
77
|
+
|
|
78
|
+
When a page is opened through Prime Auth SSO, `MicroserviceFrame` passes `primeAuthOrigin` and `primeAuthProjectKey` to the embedded app. `PageHeader` detects those parameters, stores the SSO state for the browser session, and hides its local breadcrumbs so the Prime Auth shell remains the single source for the global breadcrumb trail.
|
|
79
|
+
|
|
80
|
+
Use `showBreadcrumbs={false}` when a standalone page should also hide the local breadcrumb.
|
|
81
|
+
|
|
82
|
+
```tsx
|
|
83
|
+
<PageHeader
|
|
84
|
+
title="Usuarios"
|
|
85
|
+
currentPath="/admin/users"
|
|
86
|
+
showBreadcrumbs={false}
|
|
87
|
+
/>
|
|
88
|
+
```
|
|
89
|
+
|
|
74
90
|
### Forms
|
|
75
91
|
|
|
76
92
|
- `InputField`, `EmailField`, `PhoneField`, `NumberField`, `TextInput`, `Textarea`: inputs with Bonsaif styling and inline validation for email and phone values.
|