@rookcom/monarch-react 0.2.0 → 0.3.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 +43 -0
- package/dist/components/{button.d.ts → actions/button/button.d.ts} +9 -1
- package/dist/components/actions/button/button.d.ts.map +1 -0
- package/dist/components/actions/button/button.js +69 -0
- package/dist/components/actions/button/button.js.map +1 -0
- package/dist/components/actions/button/index.d.ts +2 -0
- package/dist/components/actions/button/index.d.ts.map +1 -0
- package/dist/components/actions/button/index.js +2 -0
- package/dist/components/actions/button/index.js.map +1 -0
- package/dist/components/actions/copy-button/copy-button.d.ts +71 -0
- package/dist/components/actions/copy-button/copy-button.d.ts.map +1 -0
- package/dist/components/actions/copy-button/copy-button.js +150 -0
- package/dist/components/actions/copy-button/copy-button.js.map +1 -0
- package/dist/components/actions/copy-button/index.d.ts +2 -0
- package/dist/components/actions/copy-button/index.d.ts.map +1 -0
- package/dist/components/actions/copy-button/index.js +2 -0
- package/dist/components/actions/copy-button/index.js.map +1 -0
- package/dist/components/actions/copy-field/copy-field.d.ts +47 -0
- package/dist/components/actions/copy-field/copy-field.d.ts.map +1 -0
- package/dist/components/actions/copy-field/copy-field.js +37 -0
- package/dist/components/actions/copy-field/copy-field.js.map +1 -0
- package/dist/components/actions/copy-field/index.d.ts +2 -0
- package/dist/components/actions/copy-field/index.d.ts.map +1 -0
- package/dist/components/actions/copy-field/index.js +2 -0
- package/dist/components/actions/copy-field/index.js.map +1 -0
- package/dist/components/billing/money/index.d.ts +2 -0
- package/dist/components/billing/money/index.d.ts.map +1 -0
- package/dist/components/billing/money/index.js +2 -0
- package/dist/components/billing/money/index.js.map +1 -0
- package/dist/components/billing/money/money.d.ts +44 -0
- package/dist/components/billing/money/money.d.ts.map +1 -0
- package/dist/components/billing/money/money.js +75 -0
- package/dist/components/billing/money/money.js.map +1 -0
- package/dist/components/data-display/accordion/accordion.d.ts +17 -0
- package/dist/components/data-display/accordion/accordion.d.ts.map +1 -0
- package/dist/components/data-display/accordion/accordion.js +23 -0
- package/dist/components/data-display/accordion/accordion.js.map +1 -0
- package/dist/components/data-display/accordion/index.d.ts +2 -0
- package/dist/components/data-display/accordion/index.d.ts.map +1 -0
- package/dist/components/data-display/accordion/index.js +2 -0
- package/dist/components/data-display/accordion/index.js.map +1 -0
- package/dist/components/data-display/badge/badge.d.ts.map +1 -0
- package/dist/components/{badge.js → data-display/badge/badge.js} +1 -1
- package/dist/components/data-display/badge/badge.js.map +1 -0
- package/dist/components/data-display/badge/index.d.ts +2 -0
- package/dist/components/data-display/badge/index.d.ts.map +1 -0
- package/dist/components/data-display/badge/index.js +2 -0
- package/dist/components/data-display/badge/index.js.map +1 -0
- package/dist/components/data-display/card/card.d.ts.map +1 -0
- package/dist/components/{card.js → data-display/card/card.js} +1 -1
- package/dist/components/data-display/card/card.js.map +1 -0
- package/dist/components/data-display/card/index.d.ts +2 -0
- package/dist/components/data-display/card/index.d.ts.map +1 -0
- package/dist/components/data-display/card/index.js +2 -0
- package/dist/components/data-display/card/index.js.map +1 -0
- package/dist/components/data-display/description-list/description-list.d.ts.map +1 -0
- package/dist/{patterns → components/data-display/description-list}/description-list.js +1 -1
- package/dist/components/data-display/description-list/description-list.js.map +1 -0
- package/dist/components/data-display/description-list/index.d.ts +2 -0
- package/dist/components/data-display/description-list/index.d.ts.map +1 -0
- package/dist/components/data-display/description-list/index.js +2 -0
- package/dist/components/data-display/description-list/index.js.map +1 -0
- package/dist/components/data-display/progress-bar/index.d.ts +2 -0
- package/dist/components/data-display/progress-bar/index.d.ts.map +1 -0
- package/dist/components/data-display/progress-bar/index.js +2 -0
- package/dist/components/data-display/progress-bar/index.js.map +1 -0
- package/dist/components/data-display/progress-bar/progress-bar.d.ts +57 -0
- package/dist/components/data-display/progress-bar/progress-bar.d.ts.map +1 -0
- package/dist/components/data-display/progress-bar/progress-bar.js +57 -0
- package/dist/components/data-display/progress-bar/progress-bar.js.map +1 -0
- package/dist/components/data-display/relative-time/index.d.ts +2 -0
- package/dist/components/data-display/relative-time/index.d.ts.map +1 -0
- package/dist/components/data-display/relative-time/index.js +2 -0
- package/dist/components/data-display/relative-time/index.js.map +1 -0
- package/dist/components/data-display/relative-time/relative-time.d.ts +66 -0
- package/dist/components/data-display/relative-time/relative-time.d.ts.map +1 -0
- package/dist/components/data-display/relative-time/relative-time.js +102 -0
- package/dist/components/data-display/relative-time/relative-time.js.map +1 -0
- package/dist/components/data-display/stat-card/index.d.ts +2 -0
- package/dist/components/data-display/stat-card/index.d.ts.map +1 -0
- package/dist/components/data-display/stat-card/index.js +2 -0
- package/dist/components/data-display/stat-card/index.js.map +1 -0
- package/dist/components/data-display/stat-card/stat-card.d.ts.map +1 -0
- package/dist/{patterns → components/data-display/stat-card}/stat-card.js +2 -2
- package/dist/components/data-display/stat-card/stat-card.js.map +1 -0
- package/dist/components/data-display/status-badge/index.d.ts +2 -0
- package/dist/components/data-display/status-badge/index.d.ts.map +1 -0
- package/dist/components/data-display/status-badge/index.js +2 -0
- package/dist/components/data-display/status-badge/index.js.map +1 -0
- package/dist/components/data-display/status-badge/status-badge.d.ts +169 -0
- package/dist/components/data-display/status-badge/status-badge.d.ts.map +1 -0
- package/dist/components/data-display/status-badge/status-badge.js +139 -0
- package/dist/components/data-display/status-badge/status-badge.js.map +1 -0
- package/dist/components/{table.d.ts → data-grid/data-table/data-table.d.ts} +2 -2
- package/dist/components/data-grid/data-table/data-table.d.ts.map +1 -0
- package/dist/components/{table.js → data-grid/data-table/data-table.js} +4 -4
- package/dist/components/data-grid/data-table/data-table.js.map +1 -0
- package/dist/components/data-grid/data-table/index.d.ts +2 -0
- package/dist/components/data-grid/data-table/index.d.ts.map +1 -0
- package/dist/components/data-grid/data-table/index.js +2 -0
- package/dist/components/data-grid/data-table/index.js.map +1 -0
- package/dist/components/data-grid/load-more/index.d.ts +2 -0
- package/dist/components/data-grid/load-more/index.d.ts.map +1 -0
- package/dist/components/data-grid/load-more/index.js +2 -0
- package/dist/components/data-grid/load-more/index.js.map +1 -0
- package/dist/components/data-grid/load-more/load-more.d.ts +97 -0
- package/dist/components/data-grid/load-more/load-more.d.ts.map +1 -0
- package/dist/components/data-grid/load-more/load-more.js +184 -0
- package/dist/components/data-grid/load-more/load-more.js.map +1 -0
- package/dist/components/feedback/alert/alert.d.ts.map +1 -0
- package/dist/components/{alert.js → feedback/alert/alert.js} +2 -2
- package/dist/components/feedback/alert/alert.js.map +1 -0
- package/dist/components/feedback/alert/index.d.ts +2 -0
- package/dist/components/feedback/alert/index.d.ts.map +1 -0
- package/dist/components/feedback/alert/index.js +2 -0
- package/dist/components/feedback/alert/index.js.map +1 -0
- package/dist/components/feedback/callout-banner/callout-banner.d.ts +66 -0
- package/dist/components/feedback/callout-banner/callout-banner.d.ts.map +1 -0
- package/dist/components/feedback/callout-banner/callout-banner.js +35 -0
- package/dist/components/feedback/callout-banner/callout-banner.js.map +1 -0
- package/dist/components/feedback/callout-banner/index.d.ts +2 -0
- package/dist/components/feedback/callout-banner/index.d.ts.map +1 -0
- package/dist/components/feedback/callout-banner/index.js +2 -0
- package/dist/components/feedback/callout-banner/index.js.map +1 -0
- package/dist/components/feedback/empty-state/empty-state.d.ts +59 -0
- package/dist/components/feedback/empty-state/empty-state.d.ts.map +1 -0
- package/dist/components/feedback/empty-state/empty-state.js +16 -0
- package/dist/components/feedback/empty-state/empty-state.js.map +1 -0
- package/dist/components/feedback/empty-state/index.d.ts +2 -0
- package/dist/components/feedback/empty-state/index.d.ts.map +1 -0
- package/dist/components/feedback/empty-state/index.js +2 -0
- package/dist/components/feedback/empty-state/index.js.map +1 -0
- package/dist/components/feedback/error-page/error-page.d.ts +66 -0
- package/dist/components/feedback/error-page/error-page.d.ts.map +1 -0
- package/dist/components/feedback/error-page/error-page.js +43 -0
- package/dist/components/feedback/error-page/error-page.js.map +1 -0
- package/dist/components/feedback/error-page/index.d.ts +2 -0
- package/dist/components/feedback/error-page/index.d.ts.map +1 -0
- package/dist/components/feedback/error-page/index.js +2 -0
- package/dist/components/feedback/error-page/index.js.map +1 -0
- package/dist/components/feedback/error-state/error-state.boundary.d.ts +45 -0
- package/dist/components/feedback/error-state/error-state.boundary.d.ts.map +1 -0
- package/dist/components/feedback/error-state/error-state.boundary.js +40 -0
- package/dist/components/feedback/error-state/error-state.boundary.js.map +1 -0
- package/dist/components/feedback/error-state/error-state.d.ts +51 -0
- package/dist/components/feedback/error-state/error-state.d.ts.map +1 -0
- package/dist/components/feedback/error-state/error-state.js +47 -0
- package/dist/components/feedback/error-state/error-state.js.map +1 -0
- package/dist/components/feedback/error-state/index.d.ts +3 -0
- package/dist/components/feedback/error-state/index.d.ts.map +1 -0
- package/dist/components/feedback/error-state/index.js +3 -0
- package/dist/components/feedback/error-state/index.js.map +1 -0
- package/dist/components/feedback/inline-error-retry/index.d.ts +2 -0
- package/dist/components/feedback/inline-error-retry/index.d.ts.map +1 -0
- package/dist/components/feedback/inline-error-retry/index.js +2 -0
- package/dist/components/feedback/inline-error-retry/index.js.map +1 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.d.ts +41 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.d.ts.map +1 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.js +75 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.js.map +1 -0
- package/dist/components/feedback/inline-notice/index.d.ts +2 -0
- package/dist/components/feedback/inline-notice/index.d.ts.map +1 -0
- package/dist/components/feedback/inline-notice/index.js +2 -0
- package/dist/components/feedback/inline-notice/index.js.map +1 -0
- package/dist/components/feedback/inline-notice/inline-notice.d.ts +40 -0
- package/dist/components/feedback/inline-notice/inline-notice.d.ts.map +1 -0
- package/dist/components/feedback/inline-notice/inline-notice.js +29 -0
- package/dist/components/feedback/inline-notice/inline-notice.js.map +1 -0
- package/dist/components/feedback/loading-state/index.d.ts +2 -0
- package/dist/components/feedback/loading-state/index.d.ts.map +1 -0
- package/dist/components/feedback/loading-state/index.js +2 -0
- package/dist/components/feedback/loading-state/index.js.map +1 -0
- package/dist/components/feedback/loading-state/loading-state.d.ts +17 -0
- package/dist/components/feedback/loading-state/loading-state.d.ts.map +1 -0
- package/dist/components/feedback/loading-state/loading-state.js +12 -0
- package/dist/components/feedback/loading-state/loading-state.js.map +1 -0
- package/dist/components/feedback/skeleton/index.d.ts +2 -0
- package/dist/components/feedback/skeleton/index.d.ts.map +1 -0
- package/dist/components/feedback/skeleton/index.js +2 -0
- package/dist/components/feedback/skeleton/index.js.map +1 -0
- package/dist/components/feedback/skeleton/skeleton.d.ts.map +1 -0
- package/dist/components/{skeleton.js → feedback/skeleton/skeleton.js} +1 -1
- package/dist/components/feedback/skeleton/skeleton.js.map +1 -0
- package/dist/components/feedback/spinner/index.d.ts +2 -0
- package/dist/components/feedback/spinner/index.d.ts.map +1 -0
- package/dist/components/feedback/spinner/index.js +2 -0
- package/dist/components/feedback/spinner/index.js.map +1 -0
- package/dist/components/feedback/spinner/spinner.d.ts.map +1 -0
- package/dist/components/{spinner.js → feedback/spinner/spinner.js} +1 -1
- package/dist/components/feedback/spinner/spinner.js.map +1 -0
- package/dist/components/feedback/toast/index.d.ts +2 -0
- package/dist/components/feedback/toast/index.d.ts.map +1 -0
- package/dist/components/feedback/toast/index.js +2 -0
- package/dist/components/feedback/toast/index.js.map +1 -0
- package/dist/components/feedback/toast/toast.d.ts +109 -0
- package/dist/components/feedback/toast/toast.d.ts.map +1 -0
- package/dist/components/feedback/toast/toast.js +187 -0
- package/dist/components/feedback/toast/toast.js.map +1 -0
- package/dist/components/forms/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/{checkbox.js → forms/checkbox/checkbox.js} +3 -3
- package/dist/components/forms/checkbox/checkbox.js.map +1 -0
- package/dist/components/forms/checkbox/index.d.ts +2 -0
- package/dist/components/forms/checkbox/index.d.ts.map +1 -0
- package/dist/components/forms/checkbox/index.js +2 -0
- package/dist/components/forms/checkbox/index.js.map +1 -0
- package/dist/components/forms/combobox/combobox.d.ts.map +1 -0
- package/dist/components/{combobox.js → forms/combobox/combobox.js} +4 -4
- package/dist/components/forms/combobox/combobox.js.map +1 -0
- package/dist/components/forms/combobox/index.d.ts +2 -0
- package/dist/components/forms/combobox/index.d.ts.map +1 -0
- package/dist/components/forms/combobox/index.js +2 -0
- package/dist/components/forms/combobox/index.js.map +1 -0
- package/dist/components/{field.d.ts → forms/form-field/form-field.d.ts} +42 -3
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -0
- package/dist/components/{field.js → forms/form-field/form-field.js} +17 -4
- package/dist/components/forms/form-field/form-field.js.map +1 -0
- package/dist/components/forms/form-field/index.d.ts +2 -0
- package/dist/components/forms/form-field/index.d.ts.map +1 -0
- package/dist/components/forms/form-field/index.js +2 -0
- package/dist/components/forms/form-field/index.js.map +1 -0
- package/dist/components/forms/inline-edit-text/index.d.ts +2 -0
- package/dist/components/forms/inline-edit-text/index.d.ts.map +1 -0
- package/dist/components/forms/inline-edit-text/index.js +2 -0
- package/dist/components/forms/inline-edit-text/index.js.map +1 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.d.ts +63 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.d.ts.map +1 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.js +175 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.js.map +1 -0
- package/dist/components/forms/otp-pin-input/index.d.ts +2 -0
- package/dist/components/forms/otp-pin-input/index.d.ts.map +1 -0
- package/dist/components/forms/otp-pin-input/index.js +2 -0
- package/dist/components/forms/otp-pin-input/index.js.map +1 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.d.ts +32 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.d.ts.map +1 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.js +73 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.js.map +1 -0
- package/dist/components/forms/segmented-control/index.d.ts +2 -0
- package/dist/components/forms/segmented-control/index.d.ts.map +1 -0
- package/dist/components/forms/segmented-control/index.js +2 -0
- package/dist/components/forms/segmented-control/index.js.map +1 -0
- package/dist/components/forms/segmented-control/segmented-control.d.ts +62 -0
- package/dist/components/forms/segmented-control/segmented-control.d.ts.map +1 -0
- package/dist/components/forms/segmented-control/segmented-control.js +139 -0
- package/dist/components/forms/segmented-control/segmented-control.js.map +1 -0
- package/dist/components/forms/select/index.d.ts +2 -0
- package/dist/components/forms/select/index.d.ts.map +1 -0
- package/dist/components/forms/select/index.js +2 -0
- package/dist/components/forms/select/index.js.map +1 -0
- package/dist/components/forms/select/select.d.ts.map +1 -0
- package/dist/components/{select.js → forms/select/select.js} +3 -3
- package/dist/components/forms/select/select.js.map +1 -0
- package/dist/components/forms/switch/index.d.ts +2 -0
- package/dist/components/forms/switch/index.d.ts.map +1 -0
- package/dist/components/forms/switch/index.js +2 -0
- package/dist/components/forms/switch/index.js.map +1 -0
- package/dist/components/forms/switch/switch.d.ts.map +1 -0
- package/dist/components/{switch.js → forms/switch/switch.js} +2 -2
- package/dist/components/forms/switch/switch.js.map +1 -0
- package/dist/components/forms/switch-settings-list/index.d.ts +2 -0
- package/dist/components/forms/switch-settings-list/index.d.ts.map +1 -0
- package/dist/components/forms/switch-settings-list/index.js +2 -0
- package/dist/components/forms/switch-settings-list/index.js.map +1 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.d.ts +58 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.d.ts.map +1 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.js +123 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.js.map +1 -0
- package/dist/components/forms/tag-input/index.d.ts +2 -0
- package/dist/components/forms/tag-input/index.d.ts.map +1 -0
- package/dist/components/forms/tag-input/index.js +2 -0
- package/dist/components/forms/tag-input/index.js.map +1 -0
- package/dist/components/forms/tag-input/tag-input.d.ts +60 -0
- package/dist/components/forms/tag-input/tag-input.d.ts.map +1 -0
- package/dist/components/forms/tag-input/tag-input.js +258 -0
- package/dist/components/forms/tag-input/tag-input.js.map +1 -0
- package/dist/components/forms/text-field/index.d.ts +2 -0
- package/dist/components/forms/text-field/index.d.ts.map +1 -0
- package/dist/components/forms/text-field/index.js +2 -0
- package/dist/components/forms/text-field/index.js.map +1 -0
- package/dist/components/{input.d.ts → forms/text-field/text-field.d.ts} +1 -1
- package/dist/components/forms/text-field/text-field.d.ts.map +1 -0
- package/dist/components/{input.js → forms/text-field/text-field.js} +3 -3
- package/dist/components/forms/text-field/text-field.js.map +1 -0
- package/dist/components/geo/location-fields/index.d.ts +2 -0
- package/dist/components/geo/location-fields/index.d.ts.map +1 -0
- package/dist/components/geo/location-fields/index.js +2 -0
- package/dist/components/geo/location-fields/index.js.map +1 -0
- package/dist/components/geo/location-fields/location-fields.d.ts +104 -0
- package/dist/components/geo/location-fields/location-fields.d.ts.map +1 -0
- package/dist/components/geo/location-fields/location-fields.js +248 -0
- package/dist/components/geo/location-fields/location-fields.js.map +1 -0
- package/dist/components/identity/avatar/avatar.d.ts +68 -0
- package/dist/components/identity/avatar/avatar.d.ts.map +1 -0
- package/dist/components/identity/avatar/avatar.js +73 -0
- package/dist/components/identity/avatar/avatar.js.map +1 -0
- package/dist/components/identity/avatar/index.d.ts +2 -0
- package/dist/components/identity/avatar/index.d.ts.map +1 -0
- package/dist/components/identity/avatar/index.js +2 -0
- package/dist/components/identity/avatar/index.js.map +1 -0
- package/dist/components/identity/username-availability-input/index.d.ts +2 -0
- package/dist/components/identity/username-availability-input/index.d.ts.map +1 -0
- package/dist/components/identity/username-availability-input/index.js +2 -0
- package/dist/components/identity/username-availability-input/index.js.map +1 -0
- package/dist/components/identity/username-availability-input/username-availability-input.d.ts +71 -0
- package/dist/components/identity/username-availability-input/username-availability-input.d.ts.map +1 -0
- package/dist/components/identity/username-availability-input/username-availability-input.js +110 -0
- package/dist/components/identity/username-availability-input/username-availability-input.js.map +1 -0
- package/dist/components/layout/section-header/index.d.ts +2 -0
- package/dist/components/layout/section-header/index.d.ts.map +1 -0
- package/dist/components/layout/section-header/index.js +2 -0
- package/dist/components/layout/section-header/index.js.map +1 -0
- package/dist/components/layout/section-header/section-header.d.ts +49 -0
- package/dist/components/layout/section-header/section-header.d.ts.map +1 -0
- package/dist/components/layout/section-header/section-header.js +39 -0
- package/dist/components/layout/section-header/section-header.js.map +1 -0
- package/dist/components/layout/separator/index.d.ts +2 -0
- package/dist/components/layout/separator/index.d.ts.map +1 -0
- package/dist/components/layout/separator/index.js +2 -0
- package/dist/components/layout/separator/index.js.map +1 -0
- package/dist/components/layout/separator/separator.d.ts.map +1 -0
- package/dist/components/{separator.js → layout/separator/separator.js} +1 -1
- package/dist/components/layout/separator/separator.js.map +1 -0
- package/dist/components/layout/visually-hidden/index.d.ts +2 -0
- package/dist/components/layout/visually-hidden/index.d.ts.map +1 -0
- package/dist/components/layout/visually-hidden/index.js +2 -0
- package/dist/components/layout/visually-hidden/index.js.map +1 -0
- package/dist/components/layout/visually-hidden/visually-hidden.d.ts.map +1 -0
- package/dist/components/{visually-hidden.js → layout/visually-hidden/visually-hidden.js} +1 -1
- package/dist/components/layout/visually-hidden/visually-hidden.js.map +1 -0
- package/dist/components/navigation/back-link/back-link.d.ts +18 -0
- package/dist/components/navigation/back-link/back-link.d.ts.map +1 -0
- package/dist/components/navigation/back-link/back-link.js +16 -0
- package/dist/components/navigation/back-link/back-link.js.map +1 -0
- package/dist/components/navigation/back-link/index.d.ts +2 -0
- package/dist/components/navigation/back-link/index.d.ts.map +1 -0
- package/dist/components/navigation/back-link/index.js +2 -0
- package/dist/components/navigation/back-link/index.js.map +1 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/components/{breadcrumb.js → navigation/breadcrumb/breadcrumb.js} +3 -3
- package/dist/components/navigation/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/components/navigation/breadcrumb/index.d.ts +2 -0
- package/dist/components/navigation/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumb/index.js +2 -0
- package/dist/components/navigation/breadcrumb/index.js.map +1 -0
- package/dist/components/navigation/link/index.d.ts +2 -0
- package/dist/components/navigation/link/index.d.ts.map +1 -0
- package/dist/components/navigation/link/index.js +2 -0
- package/dist/components/navigation/link/index.js.map +1 -0
- package/dist/components/navigation/link/link.d.ts.map +1 -0
- package/dist/components/{link.js → navigation/link/link.js} +2 -2
- package/dist/components/navigation/link/link.js.map +1 -0
- package/dist/components/navigation/pagination/index.d.ts +2 -0
- package/dist/components/navigation/pagination/index.d.ts.map +1 -0
- package/dist/components/navigation/pagination/index.js +2 -0
- package/dist/components/navigation/pagination/index.js.map +1 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -0
- package/dist/components/{pagination.js → navigation/pagination/pagination.js} +3 -3
- package/dist/components/navigation/pagination/pagination.js.map +1 -0
- package/dist/components/navigation/tabs/index.d.ts +2 -0
- package/dist/components/navigation/tabs/index.d.ts.map +1 -0
- package/dist/components/navigation/tabs/index.js +2 -0
- package/dist/components/navigation/tabs/index.js.map +1 -0
- package/dist/components/navigation/tabs/tabs.d.ts +121 -0
- package/dist/components/navigation/tabs/tabs.d.ts.map +1 -0
- package/dist/components/navigation/tabs/tabs.js +127 -0
- package/dist/components/navigation/tabs/tabs.js.map +1 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts +107 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts.map +1 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.js +186 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.js.map +1 -0
- package/dist/components/overlays/confirm-dialog/index.d.ts +2 -0
- package/dist/components/overlays/confirm-dialog/index.d.ts.map +1 -0
- package/dist/components/overlays/confirm-dialog/index.js +2 -0
- package/dist/components/overlays/confirm-dialog/index.js.map +1 -0
- package/dist/components/{dialog.d.ts → overlays/dialog/dialog.d.ts} +27 -1
- package/dist/components/overlays/dialog/dialog.d.ts.map +1 -0
- package/dist/components/{dialog.js → overlays/dialog/dialog.js} +6 -4
- package/dist/components/overlays/dialog/dialog.js.map +1 -0
- package/dist/components/overlays/dialog/index.d.ts +2 -0
- package/dist/components/overlays/dialog/index.d.ts.map +1 -0
- package/dist/components/overlays/dialog/index.js +2 -0
- package/dist/components/overlays/dialog/index.js.map +1 -0
- package/dist/components/overlays/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/components/{dropdown-menu.js → overlays/dropdown-menu/dropdown-menu.js} +2 -2
- package/dist/components/overlays/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/components/overlays/dropdown-menu/index.d.ts +2 -0
- package/dist/components/overlays/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/overlays/dropdown-menu/index.js +2 -0
- package/dist/components/overlays/dropdown-menu/index.js.map +1 -0
- package/dist/components/overlays/popover/index.d.ts +2 -0
- package/dist/components/overlays/popover/index.d.ts.map +1 -0
- package/dist/components/overlays/popover/index.js +2 -0
- package/dist/components/overlays/popover/index.js.map +1 -0
- package/dist/components/overlays/popover/popover.d.ts.map +1 -0
- package/dist/components/{popover.js → overlays/popover/popover.js} +1 -1
- package/dist/components/overlays/popover/popover.js.map +1 -0
- package/dist/components/overlays/responsive-dialog/index.d.ts +2 -0
- package/dist/components/overlays/responsive-dialog/index.d.ts.map +1 -0
- package/dist/components/overlays/responsive-dialog/index.js +2 -0
- package/dist/components/overlays/responsive-dialog/index.js.map +1 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.d.ts +25 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.d.ts.map +1 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.js +22 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.js.map +1 -0
- package/dist/components/overlays/sheet/index.d.ts +2 -0
- package/dist/components/overlays/sheet/index.d.ts.map +1 -0
- package/dist/components/overlays/sheet/index.js +2 -0
- package/dist/components/overlays/sheet/index.js.map +1 -0
- package/dist/components/overlays/sheet/sheet.d.ts +53 -0
- package/dist/components/overlays/sheet/sheet.d.ts.map +1 -0
- package/dist/components/overlays/sheet/sheet.js +43 -0
- package/dist/components/overlays/sheet/sheet.js.map +1 -0
- package/dist/components/overlays/tooltip/index.d.ts +2 -0
- package/dist/components/overlays/tooltip/index.d.ts.map +1 -0
- package/dist/components/overlays/tooltip/index.js +2 -0
- package/dist/components/overlays/tooltip/index.js.map +1 -0
- package/dist/components/overlays/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/overlays/tooltip/tooltip.js.map +1 -0
- package/dist/components/search/search-input/index.d.ts +2 -0
- package/dist/components/search/search-input/index.d.ts.map +1 -0
- package/dist/components/search/search-input/index.js +2 -0
- package/dist/components/search/search-input/index.js.map +1 -0
- package/dist/components/search/search-input/search-input.d.ts +48 -0
- package/dist/components/search/search-input/search-input.d.ts.map +1 -0
- package/dist/components/search/search-input/search-input.js +140 -0
- package/dist/components/search/search-input/search-input.js.map +1 -0
- package/dist/components/technical/secret-field/index.d.ts +2 -0
- package/dist/components/technical/secret-field/index.d.ts.map +1 -0
- package/dist/components/technical/secret-field/index.js +2 -0
- package/dist/components/technical/secret-field/index.js.map +1 -0
- package/dist/components/technical/secret-field/secret-field.d.ts +38 -0
- package/dist/components/technical/secret-field/secret-field.d.ts.map +1 -0
- package/dist/components/technical/secret-field/secret-field.js +42 -0
- package/dist/components/technical/secret-field/secret-field.js.map +1 -0
- package/dist/components/typography/kbd/index.d.ts +2 -0
- package/dist/components/typography/kbd/index.d.ts.map +1 -0
- package/dist/components/typography/kbd/index.js +2 -0
- package/dist/components/typography/kbd/index.js.map +1 -0
- package/dist/components/typography/kbd/kbd.d.ts.map +1 -0
- package/dist/components/{kbd.js → typography/kbd/kbd.js} +1 -1
- package/dist/components/typography/kbd/kbd.js.map +1 -0
- package/dist/entries/marketing.d.ts +9 -0
- package/dist/entries/marketing.d.ts.map +1 -0
- package/dist/entries/marketing.js +9 -0
- package/dist/entries/marketing.js.map +1 -0
- package/dist/index.d.ts +62 -29
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +62 -29
- package/dist/index.js.map +1 -1
- package/dist/internal/dismiss.d.ts +23 -0
- package/dist/internal/dismiss.d.ts.map +1 -0
- package/dist/internal/dismiss.js +36 -0
- package/dist/internal/dismiss.js.map +1 -0
- package/dist/internal/dismissible.d.ts +26 -0
- package/dist/internal/dismissible.d.ts.map +1 -0
- package/dist/internal/dismissible.js +82 -0
- package/dist/internal/dismissible.js.map +1 -0
- package/dist/internal/icons.d.ts +14 -0
- package/dist/internal/icons.d.ts.map +1 -1
- package/dist/internal/icons.js +40 -0
- package/dist/internal/icons.js.map +1 -1
- package/dist/internal/inert.d.ts +7 -0
- package/dist/internal/inert.d.ts.map +1 -0
- package/dist/internal/inert.js +10 -0
- package/dist/internal/inert.js.map +1 -0
- package/dist/manifest.json +6003 -1285
- package/dist/patterns/actions/toolbar/index.d.ts +2 -0
- package/dist/patterns/actions/toolbar/index.d.ts.map +1 -0
- package/dist/patterns/actions/toolbar/index.js +2 -0
- package/dist/patterns/actions/toolbar/index.js.map +1 -0
- package/dist/patterns/actions/toolbar/toolbar.d.ts.map +1 -0
- package/dist/patterns/{toolbar.js → actions/toolbar/toolbar.js} +1 -1
- package/dist/patterns/actions/toolbar/toolbar.js.map +1 -0
- package/dist/patterns/layout/marketing-hero/index.d.ts +2 -0
- package/dist/patterns/layout/marketing-hero/index.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-hero/index.js +2 -0
- package/dist/patterns/layout/marketing-hero/index.js.map +1 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.d.ts +24 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.js +7 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/index.d.ts +7 -0
- package/dist/patterns/layout/marketing-section-blocks/index.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/index.js +7 -0
- package/dist/patterns/layout/marketing-section-blocks/index.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.d.ts +15 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.js +7 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.d.ts +37 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.d.ts +23 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.js +15 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.d.ts +25 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.js +10 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.js +14 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.d.ts +25 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.js +12 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.d.ts +14 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.js +7 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/index.d.ts +4 -0
- package/dist/patterns/layout/marketing-site-shell/index.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/index.js +3 -0
- package/dist/patterns/layout/marketing-site-shell/index.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.d.ts +31 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.d.ts +33 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.js +11 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.js +32 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.d.ts +10 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.js +8 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.d.ts +24 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.js +4 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.js.map +1 -0
- package/dist/patterns/layout/page-header/index.d.ts +2 -0
- package/dist/patterns/layout/page-header/index.d.ts.map +1 -0
- package/dist/patterns/layout/page-header/index.js +2 -0
- package/dist/patterns/layout/page-header/index.js.map +1 -0
- package/dist/patterns/layout/page-header/page-header.d.ts.map +1 -0
- package/dist/patterns/{page-header.js → layout/page-header/page-header.js} +1 -1
- package/dist/patterns/layout/page-header/page-header.js.map +1 -0
- package/dist/patterns/layout/settings-section/index.d.ts +2 -0
- package/dist/patterns/layout/settings-section/index.d.ts.map +1 -0
- package/dist/patterns/layout/settings-section/index.js +2 -0
- package/dist/patterns/layout/settings-section/index.js.map +1 -0
- package/dist/patterns/{settings.d.ts → layout/settings-section/settings-section.d.ts} +1 -1
- package/dist/patterns/layout/settings-section/settings-section.d.ts.map +1 -0
- package/dist/patterns/{settings.js → layout/settings-section/settings-section.js} +3 -3
- package/dist/patterns/layout/settings-section/settings-section.js.map +1 -0
- package/dist/patterns/layout/split-layout/index.d.ts +2 -0
- package/dist/patterns/layout/split-layout/index.d.ts.map +1 -0
- package/dist/patterns/layout/split-layout/index.js +2 -0
- package/dist/patterns/layout/split-layout/index.js.map +1 -0
- package/dist/patterns/layout/split-layout/split-layout.d.ts.map +1 -0
- package/dist/patterns/{split-layout.js → layout/split-layout/split-layout.js} +3 -3
- package/dist/patterns/layout/split-layout/split-layout.js.map +1 -0
- package/dist/patterns/search/filter-bar/filter-bar.d.ts.map +1 -0
- package/dist/patterns/{filter-bar.js → search/filter-bar/filter-bar.js} +2 -2
- package/dist/patterns/search/filter-bar/filter-bar.js.map +1 -0
- package/dist/patterns/search/filter-bar/index.d.ts +2 -0
- package/dist/patterns/search/filter-bar/index.d.ts.map +1 -0
- package/dist/patterns/search/filter-bar/index.js +2 -0
- package/dist/patterns/search/filter-bar/index.js.map +1 -0
- package/dist/styles.css +3648 -11
- package/package.json +7 -2
- package/dist/components/alert.d.ts.map +0 -1
- package/dist/components/alert.js.map +0 -1
- package/dist/components/avatar.d.ts +0 -16
- package/dist/components/avatar.d.ts.map +0 -1
- package/dist/components/avatar.js +0 -28
- package/dist/components/avatar.js.map +0 -1
- package/dist/components/badge.d.ts.map +0 -1
- package/dist/components/badge.js.map +0 -1
- package/dist/components/breadcrumb.d.ts.map +0 -1
- package/dist/components/breadcrumb.js.map +0 -1
- package/dist/components/button.d.ts.map +0 -1
- package/dist/components/button.js +0 -30
- package/dist/components/button.js.map +0 -1
- package/dist/components/card.d.ts.map +0 -1
- package/dist/components/card.js.map +0 -1
- package/dist/components/checkbox.d.ts.map +0 -1
- package/dist/components/checkbox.js.map +0 -1
- package/dist/components/combobox.d.ts.map +0 -1
- package/dist/components/combobox.js.map +0 -1
- package/dist/components/dialog.d.ts.map +0 -1
- package/dist/components/dialog.js.map +0 -1
- package/dist/components/dropdown-menu.d.ts.map +0 -1
- package/dist/components/dropdown-menu.js.map +0 -1
- package/dist/components/empty-state.d.ts +0 -17
- package/dist/components/empty-state.d.ts.map +0 -1
- package/dist/components/empty-state.js +0 -10
- package/dist/components/empty-state.js.map +0 -1
- package/dist/components/field.d.ts.map +0 -1
- package/dist/components/field.js.map +0 -1
- package/dist/components/input.d.ts.map +0 -1
- package/dist/components/input.js.map +0 -1
- package/dist/components/kbd.d.ts.map +0 -1
- package/dist/components/kbd.js.map +0 -1
- package/dist/components/link.d.ts.map +0 -1
- package/dist/components/link.js.map +0 -1
- package/dist/components/pagination.d.ts.map +0 -1
- package/dist/components/pagination.js.map +0 -1
- package/dist/components/popover.d.ts.map +0 -1
- package/dist/components/popover.js.map +0 -1
- package/dist/components/progress.d.ts +0 -14
- package/dist/components/progress.d.ts.map +0 -1
- package/dist/components/progress.js +0 -12
- package/dist/components/progress.js.map +0 -1
- package/dist/components/select.d.ts.map +0 -1
- package/dist/components/select.js.map +0 -1
- package/dist/components/separator.d.ts.map +0 -1
- package/dist/components/separator.js.map +0 -1
- package/dist/components/skeleton.d.ts.map +0 -1
- package/dist/components/skeleton.js.map +0 -1
- package/dist/components/spinner.d.ts.map +0 -1
- package/dist/components/spinner.js.map +0 -1
- package/dist/components/switch.d.ts.map +0 -1
- package/dist/components/switch.js.map +0 -1
- package/dist/components/table.d.ts.map +0 -1
- package/dist/components/table.js.map +0 -1
- package/dist/components/tabs.d.ts +0 -12
- package/dist/components/tabs.d.ts.map +0 -1
- package/dist/components/tabs.js +0 -17
- package/dist/components/tabs.js.map +0 -1
- package/dist/components/toast.d.ts +0 -40
- package/dist/components/toast.d.ts.map +0 -1
- package/dist/components/toast.js +0 -67
- package/dist/components/toast.js.map +0 -1
- package/dist/components/tooltip.d.ts.map +0 -1
- package/dist/components/tooltip.js.map +0 -1
- package/dist/components/visually-hidden.d.ts.map +0 -1
- package/dist/components/visually-hidden.js.map +0 -1
- package/dist/patterns/description-list.d.ts.map +0 -1
- package/dist/patterns/description-list.js.map +0 -1
- package/dist/patterns/filter-bar.d.ts.map +0 -1
- package/dist/patterns/filter-bar.js.map +0 -1
- package/dist/patterns/index.d.ts +0 -9
- package/dist/patterns/index.d.ts.map +0 -1
- package/dist/patterns/index.js +0 -9
- package/dist/patterns/index.js.map +0 -1
- package/dist/patterns/page-header.d.ts.map +0 -1
- package/dist/patterns/page-header.js.map +0 -1
- package/dist/patterns/settings.d.ts.map +0 -1
- package/dist/patterns/settings.js.map +0 -1
- package/dist/patterns/split-layout.d.ts.map +0 -1
- package/dist/patterns/split-layout.js.map +0 -1
- package/dist/patterns/stat-card.d.ts.map +0 -1
- package/dist/patterns/stat-card.js.map +0 -1
- package/dist/patterns/states.d.ts +0 -23
- package/dist/patterns/states.d.ts.map +0 -1
- package/dist/patterns/states.js +0 -15
- package/dist/patterns/states.js.map +0 -1
- package/dist/patterns/toolbar.d.ts.map +0 -1
- package/dist/patterns/toolbar.js.map +0 -1
- /package/dist/components/{badge.d.ts → data-display/badge/badge.d.ts} +0 -0
- /package/dist/components/{card.d.ts → data-display/card/card.d.ts} +0 -0
- /package/dist/{patterns → components/data-display/description-list}/description-list.d.ts +0 -0
- /package/dist/{patterns → components/data-display/stat-card}/stat-card.d.ts +0 -0
- /package/dist/components/{alert.d.ts → feedback/alert/alert.d.ts} +0 -0
- /package/dist/components/{skeleton.d.ts → feedback/skeleton/skeleton.d.ts} +0 -0
- /package/dist/components/{spinner.d.ts → feedback/spinner/spinner.d.ts} +0 -0
- /package/dist/components/{checkbox.d.ts → forms/checkbox/checkbox.d.ts} +0 -0
- /package/dist/components/{combobox.d.ts → forms/combobox/combobox.d.ts} +0 -0
- /package/dist/components/{select.d.ts → forms/select/select.d.ts} +0 -0
- /package/dist/components/{switch.d.ts → forms/switch/switch.d.ts} +0 -0
- /package/dist/components/{separator.d.ts → layout/separator/separator.d.ts} +0 -0
- /package/dist/components/{visually-hidden.d.ts → layout/visually-hidden/visually-hidden.d.ts} +0 -0
- /package/dist/components/{breadcrumb.d.ts → navigation/breadcrumb/breadcrumb.d.ts} +0 -0
- /package/dist/components/{link.d.ts → navigation/link/link.d.ts} +0 -0
- /package/dist/components/{pagination.d.ts → navigation/pagination/pagination.d.ts} +0 -0
- /package/dist/components/{dropdown-menu.d.ts → overlays/dropdown-menu/dropdown-menu.d.ts} +0 -0
- /package/dist/components/{popover.d.ts → overlays/popover/popover.d.ts} +0 -0
- /package/dist/components/{tooltip.d.ts → overlays/tooltip/tooltip.d.ts} +0 -0
- /package/dist/components/{tooltip.js → overlays/tooltip/tooltip.js} +0 -0
- /package/dist/components/{kbd.d.ts → typography/kbd/kbd.d.ts} +0 -0
- /package/dist/patterns/{toolbar.d.ts → actions/toolbar/toolbar.d.ts} +0 -0
- /package/dist/patterns/{page-header.d.ts → layout/page-header/page-header.d.ts} +0 -0
- /package/dist/patterns/{split-layout.d.ts → layout/split-layout/split-layout.d.ts} +0 -0
- /package/dist/patterns/{filter-bar.d.ts → search/filter-bar/filter-bar.d.ts} +0 -0
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { Button } from '../../actions/button/index.js';
|
|
6
|
+
/**
|
|
7
|
+
* Cursor pagination state: accumulates pages, tracks loading, error and end
|
|
8
|
+
* states, ignores stale responses and aborts in-flight requests on reset and
|
|
9
|
+
* unmount. Fetching stays in the product: pass `fetchPage`.
|
|
10
|
+
*/
|
|
11
|
+
export function useLoadMore(options) {
|
|
12
|
+
const { initialPage, loadOnMount = true } = options;
|
|
13
|
+
const fetchRef = useRef(options.fetchPage);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
fetchRef.current = options.fetchPage;
|
|
16
|
+
});
|
|
17
|
+
const [items, setItems] = useState(() => initialPage?.items ?? []);
|
|
18
|
+
const [cursor, setCursor] = useState(() => initialPage?.nextCursor ?? undefined);
|
|
19
|
+
const [started, setStarted] = useState(initialPage !== undefined);
|
|
20
|
+
const [status, setStatus] = useState(() => initialPage && (initialPage.nextCursor === null || initialPage.nextCursor === undefined)
|
|
21
|
+
? 'done'
|
|
22
|
+
: 'idle');
|
|
23
|
+
const [error, setError] = useState(undefined);
|
|
24
|
+
const [total, setTotal] = useState(initialPage?.total);
|
|
25
|
+
const [lastPageCount, setLastPageCount] = useState(initialPage?.items.length ?? 0);
|
|
26
|
+
const request = useRef(null);
|
|
27
|
+
const seq = useRef(0);
|
|
28
|
+
const state = useRef({ cursor, status, started });
|
|
29
|
+
state.current = { cursor, status, started };
|
|
30
|
+
const run = useCallback((from, replace) => {
|
|
31
|
+
request.current?.controller.abort();
|
|
32
|
+
const id = ++seq.current;
|
|
33
|
+
const controller = new AbortController();
|
|
34
|
+
request.current = { id, controller };
|
|
35
|
+
// Synchronously, so a second call in the same tick sees the request in flight.
|
|
36
|
+
state.current = { ...state.current, status: 'loading' };
|
|
37
|
+
setStatus('loading');
|
|
38
|
+
setError(undefined);
|
|
39
|
+
fetchRef.current(from, { signal: controller.signal }).then((page) => {
|
|
40
|
+
if (request.current?.id !== id)
|
|
41
|
+
return;
|
|
42
|
+
request.current = null;
|
|
43
|
+
setItems((prev) => (replace ? page.items : [...prev, ...page.items]));
|
|
44
|
+
setLastPageCount(page.items.length);
|
|
45
|
+
setTotal(page.total);
|
|
46
|
+
const next = page.nextCursor ?? undefined;
|
|
47
|
+
setCursor(next);
|
|
48
|
+
setStarted(true);
|
|
49
|
+
setStatus(next === undefined ? 'done' : 'idle');
|
|
50
|
+
}, (err) => {
|
|
51
|
+
if (request.current?.id !== id || controller.signal.aborted)
|
|
52
|
+
return;
|
|
53
|
+
request.current = null;
|
|
54
|
+
setError(err);
|
|
55
|
+
setStatus('error');
|
|
56
|
+
});
|
|
57
|
+
}, []);
|
|
58
|
+
const loadMore = useCallback(() => {
|
|
59
|
+
const s = state.current;
|
|
60
|
+
if (s.status === 'loading' || s.status === 'done')
|
|
61
|
+
return;
|
|
62
|
+
run(s.started ? s.cursor : undefined, !s.started);
|
|
63
|
+
}, [run]);
|
|
64
|
+
const reset = useCallback(() => {
|
|
65
|
+
setItems([]);
|
|
66
|
+
setCursor(undefined);
|
|
67
|
+
setStarted(false);
|
|
68
|
+
setTotal(undefined);
|
|
69
|
+
setLastPageCount(0);
|
|
70
|
+
state.current = { cursor: undefined, status: 'idle', started: false };
|
|
71
|
+
run(undefined, true);
|
|
72
|
+
}, [run]);
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
if (initialPage === undefined && loadOnMount)
|
|
75
|
+
run(undefined, true);
|
|
76
|
+
return () => request.current?.controller.abort();
|
|
77
|
+
// Mount only: later loads are explicit (loadMore, retry, reset).
|
|
78
|
+
}, []); // eslint-disable-line react-hooks/exhaustive-deps
|
|
79
|
+
const hasMore = status !== 'done';
|
|
80
|
+
return {
|
|
81
|
+
items,
|
|
82
|
+
status,
|
|
83
|
+
error,
|
|
84
|
+
hasMore,
|
|
85
|
+
total,
|
|
86
|
+
lastPageCount,
|
|
87
|
+
loadMore,
|
|
88
|
+
retry: loadMore,
|
|
89
|
+
reset,
|
|
90
|
+
loadMoreProps: {
|
|
91
|
+
hasMore,
|
|
92
|
+
loading: status === 'loading',
|
|
93
|
+
error: status === 'error',
|
|
94
|
+
onLoadMore: loadMore,
|
|
95
|
+
onRetry: loadMore,
|
|
96
|
+
loadedCount: items.length,
|
|
97
|
+
totalCount: total,
|
|
98
|
+
},
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
function plural(n, noun) {
|
|
102
|
+
return n === 1 ? noun.one : noun.other;
|
|
103
|
+
}
|
|
104
|
+
const DEFAULT_NOUN = { one: 'item', other: 'items' };
|
|
105
|
+
/**
|
|
106
|
+
* The footer of a cursor-paginated list: a Load more button with loading,
|
|
107
|
+
* error and retry, end-of-list states and polite announcements, plus
|
|
108
|
+
* optional auto-load on scroll. Pair it with `useLoadMore`, or drive it from
|
|
109
|
+
* any data library through its props.
|
|
110
|
+
*/
|
|
111
|
+
export const LoadMore = forwardRef(function LoadMore({ hasMore, loading = false, error = false, onLoadMore, onRetry, loadedCount, totalCount, noun = DEFAULT_NOUN, showCount, autoLoad = false, autoLoadMargin = '200px', label = 'Load more', loadingLabel = 'Loading…', errorLabel = 'Couldn’t load more.', retryLabel = 'Retry', endLabel = 'That’s everything', className, ...rest }, ref) {
|
|
112
|
+
const rootRef = useRef(null);
|
|
113
|
+
const buttonRef = useRef(null);
|
|
114
|
+
const endRef = useRef(null);
|
|
115
|
+
const [announcement, setAnnouncement] = useState('');
|
|
116
|
+
const prevCount = useRef(loadedCount);
|
|
117
|
+
const prevError = useRef(error);
|
|
118
|
+
const prevHasMore = useRef(hasMore);
|
|
119
|
+
const buttonHadFocus = useRef(false);
|
|
120
|
+
const setRefs = useCallback((node) => {
|
|
121
|
+
rootRef.current = node;
|
|
122
|
+
if (typeof ref === 'function')
|
|
123
|
+
ref(node);
|
|
124
|
+
else if (ref)
|
|
125
|
+
ref.current = node;
|
|
126
|
+
}, [ref]);
|
|
127
|
+
// Announce what changed: new items, a failure, or the end of the list.
|
|
128
|
+
useEffect(() => {
|
|
129
|
+
const parts = [];
|
|
130
|
+
const before = prevCount.current;
|
|
131
|
+
if (loadedCount !== undefined && before !== undefined && loadedCount > before) {
|
|
132
|
+
const added = loadedCount - before;
|
|
133
|
+
parts.push(`${added} more ${plural(added, noun)} loaded.`);
|
|
134
|
+
}
|
|
135
|
+
if (error && !prevError.current) {
|
|
136
|
+
parts.push(typeof errorLabel === 'string' ? errorLabel : 'Couldn’t load more.');
|
|
137
|
+
}
|
|
138
|
+
if (!hasMore && prevHasMore.current && typeof endLabel === 'string')
|
|
139
|
+
parts.push(endLabel);
|
|
140
|
+
prevCount.current = loadedCount;
|
|
141
|
+
prevError.current = error;
|
|
142
|
+
prevHasMore.current = hasMore;
|
|
143
|
+
if (parts.length)
|
|
144
|
+
setAnnouncement(parts.join(' '));
|
|
145
|
+
}, [loadedCount, error, hasMore, noun, errorLabel, endLabel]);
|
|
146
|
+
// The button disappears at the end; keep keyboard focus on the list footer.
|
|
147
|
+
useEffect(() => {
|
|
148
|
+
if (!hasMore && buttonHadFocus.current) {
|
|
149
|
+
buttonHadFocus.current = false;
|
|
150
|
+
const active = typeof document === 'undefined' ? null : document.activeElement;
|
|
151
|
+
// Only when focus was actually lost with the button, never stealing it from elsewhere.
|
|
152
|
+
if (active === null || active === document.body) {
|
|
153
|
+
(endRef.current ?? rootRef.current)?.focus();
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}, [hasMore]);
|
|
157
|
+
// Auto-load: fire when the footer scrolls into view; the button stays as the fallback.
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
const node = rootRef.current;
|
|
160
|
+
if (!autoLoad || !hasMore || loading || error || !node)
|
|
161
|
+
return;
|
|
162
|
+
if (typeof IntersectionObserver === 'undefined')
|
|
163
|
+
return;
|
|
164
|
+
const observer = new IntersectionObserver((entries) => {
|
|
165
|
+
if (entries.some((e) => e.isIntersecting))
|
|
166
|
+
onLoadMore();
|
|
167
|
+
}, { rootMargin: autoLoadMargin });
|
|
168
|
+
observer.observe(node);
|
|
169
|
+
return () => observer.disconnect();
|
|
170
|
+
}, [autoLoad, hasMore, loading, error, onLoadMore, autoLoadMargin]);
|
|
171
|
+
const state = error ? 'error' : loading ? 'loading' : hasMore ? 'idle' : 'done';
|
|
172
|
+
const countVisible = (showCount ?? loadedCount !== undefined) && loadedCount !== undefined;
|
|
173
|
+
const count = countVisible
|
|
174
|
+
? totalCount !== undefined
|
|
175
|
+
? `Showing ${loadedCount} of ${totalCount} ${plural(totalCount, noun)}`
|
|
176
|
+
: `Showing ${loadedCount} ${plural(loadedCount, noun)}`
|
|
177
|
+
: null;
|
|
178
|
+
return (_jsxs("div", { ref: setRefs, ...rest, tabIndex: -1, className: cx('mn-load-more', className), "data-state": state, children: [count ? _jsx("p", { className: "mn-load-more__count", children: count }) : null, error ? _jsx("p", { className: "mn-load-more__error", children: errorLabel }) : null, hasMore ? (_jsx(Button, { ref: buttonRef, size: "sm", loading: loading, onFocus: () => (buttonHadFocus.current = true), onBlur: (event) => {
|
|
179
|
+
// A blur caused by the button unmounting has no related target; keep the flag then.
|
|
180
|
+
if (event.relatedTarget)
|
|
181
|
+
buttonHadFocus.current = false;
|
|
182
|
+
}, onClick: () => (error ? (onRetry ?? onLoadMore)() : onLoadMore()), children: loading ? loadingLabel : error ? retryLabel : label })) : endLabel !== null ? (_jsx("p", { ref: endRef, tabIndex: -1, className: "mn-load-more__end", children: endLabel })) : null, _jsx("span", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "mn-visually-hidden", children: announcement })] }));
|
|
183
|
+
});
|
|
184
|
+
//# sourceMappingURL=load-more.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"load-more.js","sourceRoot":"","sources":["../../../../src/components/data-grid/load-more/load-more.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC/B;AAUD,2DAA2D;AAC3D,wBAAgB,KAAK,CAAC,EACpB,IAAa,EACb,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAiBZ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from '
|
|
3
|
-
import { InfoGlyph, SuccessGlyph, WarningGlyph } from '
|
|
2
|
+
import { cx } from '../../../internal/cx.js';
|
|
3
|
+
import { InfoGlyph, SuccessGlyph, WarningGlyph } from '../../../internal/icons.js';
|
|
4
4
|
const defaultIcon = {
|
|
5
5
|
neutral: _jsx(InfoGlyph, {}),
|
|
6
6
|
info: _jsx(InfoGlyph, {}),
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAgBnF,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,KAAC,SAAS,KAAG;IACtB,IAAI,EAAE,KAAC,SAAS,KAAG;IACnB,OAAO,EAAE,KAAC,YAAY,KAAG;IACzB,OAAO,EAAE,KAAC,YAAY,KAAG;IACzB,MAAM,EAAE,KAAC,YAAY,KAAG;CAChB,CAAC;AAEX,2DAA2D;AAC3D,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACI;IACX,MAAM,IAAI,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACvF,MAAM,KAAK,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,OAAO,CACL,kBAAS,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eAAa,IAAI,aAC1F,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,gBAAgB,iCAC7B,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,gBAAgB,aAC5B,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EACzD,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAClE,EACL,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAChE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export type CalloutBannerTone = 'neutral' | 'info' | 'accent' | 'success' | 'warning' | 'danger';
|
|
3
|
+
export interface CalloutBannerProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
4
|
+
/**
|
|
5
|
+
* Colour and default icon. `accent` uses the product accent, for trials,
|
|
6
|
+
* upgrades and announcements. Default `info`.
|
|
7
|
+
*/
|
|
8
|
+
tone?: CalloutBannerTone;
|
|
9
|
+
/**
|
|
10
|
+
* `page`: a full-width strip across the top of the app or page (trial,
|
|
11
|
+
* maintenance, billing), with no rounded corners. `section`: a rounded
|
|
12
|
+
* callout inside the content. Default `section`.
|
|
13
|
+
*/
|
|
14
|
+
placement?: 'page' | 'section';
|
|
15
|
+
/**
|
|
16
|
+
* `scope`: a compact, neutral one-line notice that the view is narrowed
|
|
17
|
+
* ("Showing tickets in Support"), usually with an action that clears it.
|
|
18
|
+
* Default `callout`.
|
|
19
|
+
*/
|
|
20
|
+
variant?: 'callout' | 'scope';
|
|
21
|
+
/** Bold first line. */
|
|
22
|
+
title?: ReactNode;
|
|
23
|
+
/** Replaces the tone icon. Pass `null` for none. */
|
|
24
|
+
icon?: ReactNode;
|
|
25
|
+
/** Buttons or links, for example "Upgrade" or "Retry". */
|
|
26
|
+
actions?: ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* `end` puts actions on the trailing edge (below the text on narrow
|
|
29
|
+
* screens); `inline` puts them right after the text, like a sentence that
|
|
30
|
+
* ends in a link. Default `end`.
|
|
31
|
+
*/
|
|
32
|
+
actionPlacement?: 'end' | 'inline';
|
|
33
|
+
/**
|
|
34
|
+
* Makes the banner a landmark, so screen-reader users can jump to it:
|
|
35
|
+
* `region` (`<section>`) or `complementary` (`<aside>`). Named by `title`,
|
|
36
|
+
* or by `aria-label` when there is no title. Default `none` (`<div>`).
|
|
37
|
+
*/
|
|
38
|
+
landmark?: 'none' | 'region' | 'complementary';
|
|
39
|
+
/**
|
|
40
|
+
* Announce the banner's text when it appears: `polite` (role="status") or
|
|
41
|
+
* `assertive` (role="alert", only for errors that block progress). Leave
|
|
42
|
+
* unset for a banner that is present when the page loads.
|
|
43
|
+
*/
|
|
44
|
+
live?: 'polite' | 'assertive';
|
|
45
|
+
/** Shows a close button. Implied by `onDismiss`. */
|
|
46
|
+
dismissible?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Called when the user dismisses the banner (and shows the close button).
|
|
49
|
+
* Store "don't show again" here: Monarch keeps nothing.
|
|
50
|
+
*/
|
|
51
|
+
onDismiss?: () => void;
|
|
52
|
+
/** Controlled visibility. Leave unset to let the banner hide itself on dismiss. */
|
|
53
|
+
open?: boolean;
|
|
54
|
+
/** Initial visibility when uncontrolled. Default true. */
|
|
55
|
+
defaultOpen?: boolean;
|
|
56
|
+
/** Accessible name of the close button. Default "Dismiss". */
|
|
57
|
+
dismissLabel?: string;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* A page- or section-level message about the account, the product or the
|
|
61
|
+
* current view: trials, maintenance windows, billing problems, a failed sync,
|
|
62
|
+
* a narrowed scope. Optionally dismissible, with an action slot and a
|
|
63
|
+
* landmark role.
|
|
64
|
+
*/
|
|
65
|
+
export declare const CalloutBanner: import("react").ForwardRefExoticComponent<CalloutBannerProps & import("react").RefAttributes<HTMLElement>>;
|
|
66
|
+
//# sourceMappingURL=callout-banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"callout-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/callout-banner/callout-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAY/E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjG,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACpF;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAC;IAC/C;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAWD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,4GA0ExB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useId } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { setRefs, useDismissible } from '../../../internal/dismissible.js';
|
|
6
|
+
import { CloseGlyph, ErrorGlyph, InfoGlyph, SuccessGlyph, WarningGlyph, } from '../../../internal/icons.js';
|
|
7
|
+
import { IconButton } from '../../actions/button/index.js';
|
|
8
|
+
const toneIcon = {
|
|
9
|
+
neutral: _jsx(InfoGlyph, {}),
|
|
10
|
+
info: _jsx(InfoGlyph, {}),
|
|
11
|
+
accent: _jsx(InfoGlyph, {}),
|
|
12
|
+
success: _jsx(SuccessGlyph, {}),
|
|
13
|
+
warning: _jsx(WarningGlyph, {}),
|
|
14
|
+
danger: _jsx(ErrorGlyph, {}),
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* A page- or section-level message about the account, the product or the
|
|
18
|
+
* current view: trials, maintenance windows, billing problems, a failed sync,
|
|
19
|
+
* a narrowed scope. Optionally dismissible, with an action slot and a
|
|
20
|
+
* landmark role.
|
|
21
|
+
*/
|
|
22
|
+
export const CalloutBanner = forwardRef(function CalloutBanner({ tone = 'info', placement = 'section', variant = 'callout', title, icon, actions, actionPlacement = 'end', landmark = 'none', live, dismissible, onDismiss, open, defaultOpen, dismissLabel = 'Dismiss', className, children, ...rest }, ref) {
|
|
23
|
+
const titleId = useId();
|
|
24
|
+
const { shown, dismiss, node } = useDismissible({ open, defaultOpen, onDismiss });
|
|
25
|
+
if (!shown)
|
|
26
|
+
return null;
|
|
27
|
+
const Root = landmark === 'region' ? 'section' : landmark === 'complementary' ? 'aside' : 'div';
|
|
28
|
+
const scope = variant === 'scope';
|
|
29
|
+
const glyph = icon === undefined ? (scope ? null : toneIcon[tone]) : icon;
|
|
30
|
+
const role = live === 'assertive' ? 'alert' : live === 'polite' ? 'status' : undefined;
|
|
31
|
+
const labelled = landmark !== 'none' && title && !rest['aria-label'] ? titleId : undefined;
|
|
32
|
+
const actionsNode = actions ? _jsx("div", { className: "mn-callout-banner__actions", children: actions }) : null;
|
|
33
|
+
return (_jsxs(Root, { ref: (el) => setRefs(el, ref, node), "aria-labelledby": labelled, ...rest, className: cx('mn-callout-banner', className), "data-tone": tone, "data-placement": placement, "data-variant": variant, "data-action-placement": actionPlacement, children: [glyph ? (_jsx("span", { className: "mn-callout-banner__icon", "aria-hidden": true, children: glyph })) : null, _jsxs("div", { className: "mn-callout-banner__main", children: [_jsxs("div", { className: "mn-callout-banner__text", role: role, children: [title ? (_jsx("p", { className: "mn-callout-banner__title", id: titleId, children: title })) : null, children ? _jsx("div", { className: "mn-callout-banner__body", children: children }) : null] }), actionPlacement === 'inline' ? actionsNode : null] }), actionPlacement === 'end' ? actionsNode : null, dismissible || onDismiss ? (_jsx(IconButton, { className: "mn-callout-banner__dismiss", size: "xs", label: dismissLabel, icon: _jsx(CloseGlyph, {}), onClick: dismiss })) : null] }));
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=callout-banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"callout-banner.js","sourceRoot":"","sources":["../../../../src/components/feedback/callout-banner/callout-banner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,KAAK,EAAuC,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,YAAY,GACb,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AA6D3D,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,KAAC,SAAS,KAAG;IACtB,IAAI,EAAE,KAAC,SAAS,KAAG;IACnB,MAAM,EAAE,KAAC,SAAS,KAAG;IACrB,OAAO,EAAE,KAAC,YAAY,KAAG;IACzB,OAAO,EAAE,KAAC,YAAY,KAAG;IACzB,MAAM,EAAE,KAAC,UAAU,KAAG;CACd,CAAC;AAEX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAkC,SAAS,aAAa,CAC7F,EACE,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,SAAS,EACrB,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,MAAM,EACjB,IAAI,EACJ,WAAW,EACX,SAAS,EACT,IAAI,EACJ,WAAW,EACX,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,cAAc,CAAc,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;IAC/F,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAChG,MAAM,KAAK,GAAG,OAAO,KAAK,OAAO,CAAC;IAClC,MAAM,KAAK,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,MAAM,IAAI,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACvF,MAAM,QAAQ,GAAG,QAAQ,KAAK,MAAM,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3F,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,4BAA4B,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjG,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,CAAC,EAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,qBACtC,QAAQ,KACrB,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,eAClC,IAAI,oBACC,SAAS,kBACX,OAAO,2BACE,eAAe,aAErC,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,yBAAyB,iCACtC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EAER,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,IAAI,aAChD,KAAK,CAAC,CAAC,CAAC,CACP,YAAG,SAAS,EAAC,0BAA0B,EAAC,EAAE,EAAE,OAAO,YAChD,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IACxE,EACL,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAC9C,EACL,eAAe,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAC9C,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAC1B,KAAC,UAAU,IACT,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,KAAC,UAAU,KAAG,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/callout-banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/callout-banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Why the view is empty. It changes the default icon tint and, for
|
|
4
|
+
* `filtered`, adds a clear-filters action; the copy always comes from the
|
|
5
|
+
* product.
|
|
6
|
+
*
|
|
7
|
+
* - `first-run`: nothing has been created yet (the default).
|
|
8
|
+
* - `filtered`: a search or filter matched nothing; offer a way back.
|
|
9
|
+
* - `success`: an "all clear" state, such as an empty queue or nothing to fix.
|
|
10
|
+
*/
|
|
11
|
+
export type EmptyStateKind = 'first-run' | 'filtered' | 'success';
|
|
12
|
+
export type EmptyStateHeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
13
|
+
export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
14
|
+
/** Decorative icon in a tinted tile. Hidden from assistive technology. */
|
|
15
|
+
icon?: ReactNode;
|
|
16
|
+
title: ReactNode;
|
|
17
|
+
description?: ReactNode;
|
|
18
|
+
/** Primary and secondary actions, usually Buttons. */
|
|
19
|
+
actions?: ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Title element. Default `h3`. Match the page outline (no skipped levels);
|
|
22
|
+
* use `p` where a heading would be wrong, such as inside a table cell.
|
|
23
|
+
*/
|
|
24
|
+
headingLevel?: EmptyStateHeadingLevel;
|
|
25
|
+
/**
|
|
26
|
+
* `inline` (default) sits inside a card or table; `page` fills an empty
|
|
27
|
+
* view; `compact` is a tighter block for table bodies, side panels and
|
|
28
|
+
* small cards.
|
|
29
|
+
*/
|
|
30
|
+
size?: 'inline' | 'page' | 'compact';
|
|
31
|
+
/**
|
|
32
|
+
* `stack` (default) centres icon, text and actions in a column; `line` is a
|
|
33
|
+
* single left-aligned row (icon, text, actions) for a list or dashboard
|
|
34
|
+
* section that has nothing in it.
|
|
35
|
+
*/
|
|
36
|
+
layout?: 'stack' | 'line';
|
|
37
|
+
/** Why the view is empty. Exposed as `data-kind`. Default `first-run`. */
|
|
38
|
+
kind?: EmptyStateKind;
|
|
39
|
+
/**
|
|
40
|
+
* With `kind="filtered"`, renders a "Clear filters" button before any other
|
|
41
|
+
* actions. The product resets its own filters.
|
|
42
|
+
*/
|
|
43
|
+
onClearFilters?: () => void;
|
|
44
|
+
/** Label of the clear-filters button. Default "Clear filters". */
|
|
45
|
+
clearFiltersLabel?: string;
|
|
46
|
+
/**
|
|
47
|
+
* A short hint under the actions, such as a keyboard shortcut (compose it
|
|
48
|
+
* with Kbd). Shown in small muted text.
|
|
49
|
+
*/
|
|
50
|
+
tip?: ReactNode;
|
|
51
|
+
/** Extra content after the actions, such as a list of next steps. */
|
|
52
|
+
children?: ReactNode;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Shown when there is nothing to display yet. Say what will appear here and
|
|
56
|
+
* offer the action that creates it.
|
|
57
|
+
*/
|
|
58
|
+
export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
59
|
+
//# sourceMappingURL=empty-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxE;;;;;;;;GAQG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAElE,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;AAEnF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,4GA6DrB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cx } from '../../../internal/cx.js';
|
|
4
|
+
import { SuccessGlyph } from '../../../internal/icons.js';
|
|
5
|
+
import { Button } from '../../actions/button/index.js';
|
|
6
|
+
/**
|
|
7
|
+
* Shown when there is nothing to display yet. Say what will appear here and
|
|
8
|
+
* offer the action that creates it.
|
|
9
|
+
*/
|
|
10
|
+
export const EmptyState = forwardRef(function EmptyState({ icon, title, description, actions, headingLevel: Heading = 'h3', size = 'inline', layout = 'stack', kind = 'first-run', onClearFilters, clearFiltersLabel = 'Clear filters', tip, className, children, ...rest }, ref) {
|
|
11
|
+
const glyph = icon ?? (kind === 'success' ? _jsx(SuccessGlyph, {}) : null);
|
|
12
|
+
const clear = kind === 'filtered' && onClearFilters ? (_jsx(Button, { onClick: onClearFilters, children: clearFiltersLabel })) : null;
|
|
13
|
+
const allActions = clear || actions ? (_jsxs(_Fragment, { children: [clear, actions] })) : null;
|
|
14
|
+
return (_jsxs("div", { ref: ref, "data-kind": kind === 'first-run' ? undefined : kind, ...rest, className: cx('mn-empty-state', className), "data-size": size, "data-layout": layout === 'stack' ? undefined : layout, children: [glyph ? (_jsx("div", { className: "mn-empty-state__icon", "aria-hidden": true, children: glyph })) : null, layout === 'line' ? (_jsxs("div", { className: "mn-empty-state__text", children: [_jsx(Heading, { className: "mn-empty-state__title", children: title }), description ? _jsx("p", { className: "mn-empty-state__description", children: description }) : null] })) : (_jsxs(_Fragment, { children: [_jsx(Heading, { className: "mn-empty-state__title", children: title }), description ? _jsx("p", { className: "mn-empty-state__description", children: description }) : null] })), allActions ? _jsx("div", { className: "mn-empty-state__actions", children: allActions }) : null, children, tip ? _jsx("p", { className: "mn-empty-state__tip", children: tip }) : null] }));
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=empty-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state/empty-state.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAyDvD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAkC,SAAS,UAAU,CACvF,EACE,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAY,EAAE,OAAO,GAAG,IAAI,EAC5B,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,WAAW,EAClB,cAAc,EACd,iBAAiB,GAAG,eAAe,EACnC,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrE,MAAM,KAAK,GACT,IAAI,KAAK,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,CACtC,KAAC,MAAM,IAAC,OAAO,EAAE,cAAc,YAAG,iBAAiB,GAAU,CAC9D,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,MAAM,UAAU,GACd,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CACjB,8BACG,KAAK,EACL,OAAO,IACP,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAC9C,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,eAC/B,IAAI,iBACF,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,aAEnD,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,sBAAsB,iCAClC,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAW,EAC3D,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IAC9E,CACP,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAW,EAC3D,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,EACA,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,EAC/E,QAAQ,EACR,GAAG,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,qBAAqB,YAAE,GAAG,GAAK,CAAC,CAAC,CAAC,IAAI,IACtD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/** The page-level failures ErrorPage covers. */
|
|
3
|
+
export type ErrorPageKind = 'not-found' | 'forbidden' | 'server' | 'offline' | 'maintenance';
|
|
4
|
+
export interface ErrorPageProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
5
|
+
/** Which failure this page reports. Sets the default icon and numeral. Default `server`. */
|
|
6
|
+
kind?: ErrorPageKind;
|
|
7
|
+
/** What happened, in plain words. Supplied by the product. */
|
|
8
|
+
title: ReactNode;
|
|
9
|
+
/** What the person can do next. Supplied by the product; never a raw error message. */
|
|
10
|
+
description?: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* The large faint numeral behind the icon. Defaults to 404, 403 or 500 for
|
|
13
|
+
* those kinds and none for `offline` and `maintenance`. Pass `false` to hide
|
|
14
|
+
* it. Decorative: drawn by CSS and hidden from assistive technology, so say
|
|
15
|
+
* the same thing in the title.
|
|
16
|
+
*/
|
|
17
|
+
numeral?: string | false;
|
|
18
|
+
/** Replaces the kind's default icon. Pass `null` for none. Decorative. */
|
|
19
|
+
icon?: ReactNode | null;
|
|
20
|
+
/** The product's links and buttons, e.g. "Go to dashboard" (Button `asChild` around a router link). */
|
|
21
|
+
actions?: ReactNode;
|
|
22
|
+
/** Renders a primary retry button before `actions`. Use for `server`, `offline` and `maintenance`. */
|
|
23
|
+
onRetry?: () => void;
|
|
24
|
+
/** Retry button text. Default "Try again". */
|
|
25
|
+
retryLabel?: string;
|
|
26
|
+
/** Shows the retry button as busy while a retry is in flight. */
|
|
27
|
+
retrying?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* With `kind="offline"` and `onRetry`, calls `onRetry` once when the browser
|
|
30
|
+
* reports it is back online. Default true.
|
|
31
|
+
*/
|
|
32
|
+
retryWhenOnline?: boolean;
|
|
33
|
+
/** How to reach help, supplied by the product (a sentence with a link or email). */
|
|
34
|
+
support?: ReactNode;
|
|
35
|
+
/** The request id of the failed request, shown with a copy button. */
|
|
36
|
+
requestId?: string;
|
|
37
|
+
/** Label before the request id. Default "Request ID". */
|
|
38
|
+
requestIdLabel?: string;
|
|
39
|
+
/** The product's logo or wordmark, shown at the top when there is no app shell. */
|
|
40
|
+
brand?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* `true` (default) fills the viewport with its own background, for a root
|
|
43
|
+
* not-found or error route that renders without the app shell. `false` sits
|
|
44
|
+
* inside the shell's content area.
|
|
45
|
+
*/
|
|
46
|
+
fullScreen?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* The root element. Default `main` when `fullScreen` (the page has no other
|
|
49
|
+
* main landmark) and `section` otherwise (the shell already has one).
|
|
50
|
+
*/
|
|
51
|
+
as?: 'main' | 'section' | 'div';
|
|
52
|
+
/** Title element. Default `h1`. */
|
|
53
|
+
headingLevel?: 'h1' | 'h2';
|
|
54
|
+
/**
|
|
55
|
+
* Moves focus to the title on mount, so a screen reader starts reading the
|
|
56
|
+
* error after a client-side navigation. Default false.
|
|
57
|
+
*/
|
|
58
|
+
focusOnMount?: boolean;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* A whole page that failed: not found, forbidden, server error, offline or
|
|
62
|
+
* maintenance. Works with or without the app shell. The product supplies
|
|
63
|
+
* every word, link and support contact.
|
|
64
|
+
*/
|
|
65
|
+
export declare const ErrorPage: import("react").ForwardRefExoticComponent<ErrorPageProps & import("react").RefAttributes<HTMLElement>>;
|
|
66
|
+
//# sourceMappingURL=error-page.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/error-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlG,gDAAgD;AAChD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;AAQ7F,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAChF,4FAA4F;IAC5F,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8DAA8D;IAC9D,KAAK,EAAE,SAAS,CAAC;IACjB,uFAAuF;IACvF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,uGAAuG;IACvG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IAChC,mCAAmC;IACnC,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,wGAgGpB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useEffect, useId, useRef } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { Button } from '../../actions/button/index.js';
|
|
6
|
+
import { CopyButton } from '../../actions/copy-button/index.js';
|
|
7
|
+
import { errorKindIcon } from '../error-state/index.js';
|
|
8
|
+
const NUMERAL = {
|
|
9
|
+
'not-found': '404',
|
|
10
|
+
forbidden: '403',
|
|
11
|
+
server: '500',
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* A whole page that failed: not found, forbidden, server error, offline or
|
|
15
|
+
* maintenance. Works with or without the app shell. The product supplies
|
|
16
|
+
* every word, link and support contact.
|
|
17
|
+
*/
|
|
18
|
+
export const ErrorPage = forwardRef(function ErrorPage({ kind = 'server', title, description, numeral, icon, actions, onRetry, retryLabel = 'Try again', retrying = false, retryWhenOnline = true, support, requestId, requestIdLabel = 'Request ID', brand, fullScreen = true, as, headingLevel: Heading = 'h1', focusOnMount = false, className, children, 'aria-labelledby': labelledBy, ...rest }, ref) {
|
|
19
|
+
const Root = as ?? (fullScreen ? 'main' : 'section');
|
|
20
|
+
const titleId = `${useId()}-title`;
|
|
21
|
+
const titleRef = useRef(null);
|
|
22
|
+
const retryRef = useRef(onRetry);
|
|
23
|
+
retryRef.current = onRetry;
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (focusOnMount)
|
|
26
|
+
titleRef.current?.focus();
|
|
27
|
+
}, [focusOnMount]);
|
|
28
|
+
const watchOnline = kind === 'offline' && retryWhenOnline && Boolean(onRetry);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
if (!watchOnline)
|
|
31
|
+
return;
|
|
32
|
+
const back = () => retryRef.current?.();
|
|
33
|
+
window.addEventListener('online', back, { once: true });
|
|
34
|
+
return () => window.removeEventListener('online', back);
|
|
35
|
+
}, [watchOnline]);
|
|
36
|
+
const shown = numeral === false ? null : (numeral ?? NUMERAL[kind] ?? null);
|
|
37
|
+
const glyph = icon === undefined ? errorKindIcon(kind) : icon;
|
|
38
|
+
return (_jsxs(Root, { ref: ref, ...rest, "aria-labelledby": Root === 'div' ? labelledBy : (labelledBy ?? titleId), className: cx('mn-error-page', className), "data-kind": kind, "data-full-screen": fullScreen || undefined, children: [brand ? _jsx("div", { className: "mn-error-page__brand", children: brand }) : null, _jsxs("div", { className: "mn-error-page__body", children: [shown ? (
|
|
39
|
+
// Drawn by CSS from data-numeral: it is decoration, not text, so it
|
|
40
|
+
// never reaches assistive technology or contrast checks.
|
|
41
|
+
_jsx("div", { className: "mn-error-page__numeral", "aria-hidden": true, "data-numeral": shown })) : null, _jsxs("div", { className: "mn-error-page__content", "data-numeral": shown ? '' : undefined, children: [glyph ? (_jsx("div", { className: "mn-error-page__icon", "aria-hidden": true, children: glyph })) : null, _jsx(Heading, { id: titleId, ref: titleRef, tabIndex: -1, className: "mn-error-page__title", children: title }), description ? _jsx("p", { className: "mn-error-page__description", children: description }) : null, onRetry || actions ? (_jsxs("div", { className: "mn-error-page__actions", children: [onRetry ? (_jsx(Button, { variant: "primary", loading: retrying, onClick: onRetry, children: retryLabel })) : null, actions] })) : null, children, requestId ? (_jsxs("p", { className: "mn-error-page__request-id", children: [_jsxs("span", { children: [requestIdLabel, ":"] }), " ", _jsx("code", { children: requestId }), _jsx(CopyButton, { value: requestId, iconOnly: true, size: "xs", label: `Copy ${requestIdLabel}` })] })) : null, support ? _jsx("div", { className: "mn-error-page__support", children: support }) : null] })] })] }));
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=error-page.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-page.js","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/error-page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|