@rookcom/monarch-react 0.0.0-stage → 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 +51 -0
- package/README.md +4 -2
- package/dist/components/actions/button/button.d.ts +40 -0
- 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 +13 -0
- package/dist/components/data-display/badge/badge.d.ts.map +1 -0
- package/dist/components/data-display/badge/badge.js +7 -0
- 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 +18 -0
- package/dist/components/data-display/card/card.d.ts.map +1 -0
- package/dist/components/data-display/card/card.js +21 -0
- 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 +17 -0
- package/dist/components/data-display/description-list/description-list.d.ts.map +1 -0
- package/dist/components/data-display/description-list/description-list.js +10 -0
- 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 +19 -0
- package/dist/components/data-display/stat-card/stat-card.d.ts.map +1 -0
- package/dist/components/data-display/stat-card/stat-card.js +11 -0
- 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/data-grid/data-table/data-table.d.ts +53 -0
- package/dist/components/data-grid/data-table/data-table.d.ts.map +1 -0
- package/dist/components/data-grid/data-table/data-table.js +47 -0
- 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 +17 -0
- package/dist/components/feedback/alert/alert.d.ts.map +1 -0
- package/dist/components/feedback/alert/alert.js +17 -0
- 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 +12 -0
- package/dist/components/feedback/skeleton/skeleton.d.ts.map +1 -0
- package/dist/components/feedback/skeleton/skeleton.js +10 -0
- 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 +12 -0
- package/dist/components/feedback/spinner/spinner.d.ts.map +1 -0
- package/dist/components/feedback/spinner/spinner.js +10 -0
- 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 +15 -0
- package/dist/components/forms/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/forms/checkbox/checkbox.js +23 -0
- 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 +35 -0
- package/dist/components/forms/combobox/combobox.d.ts.map +1 -0
- package/dist/components/forms/combobox/combobox.js +152 -0
- 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/forms/form-field/form-field.d.ts +104 -0
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -0
- package/dist/components/forms/form-field/form-field.js +114 -0
- 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 +27 -0
- package/dist/components/forms/select/select.d.ts.map +1 -0
- package/dist/components/forms/select/select.js +39 -0
- 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 +13 -0
- package/dist/components/forms/switch/switch.d.ts.map +1 -0
- package/dist/components/forms/switch/switch.js +21 -0
- 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/forms/text-field/text-field.d.ts +15 -0
- package/dist/components/forms/text-field/text-field.d.ts.map +1 -0
- package/dist/components/forms/text-field/text-field.js +14 -0
- 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 +4 -0
- package/dist/components/layout/separator/separator.d.ts.map +1 -0
- package/dist/components/layout/separator/separator.js +9 -0
- 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 +4 -0
- package/dist/components/layout/visually-hidden/visually-hidden.d.ts.map +1 -0
- package/dist/components/layout/visually-hidden/visually-hidden.js +7 -0
- 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 +19 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.js +19 -0
- 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 +13 -0
- package/dist/components/navigation/link/link.d.ts.map +1 -0
- package/dist/components/navigation/link/link.js +18 -0
- 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 +18 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -0
- package/dist/components/navigation/pagination/pagination.js +40 -0
- 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/overlays/dialog/dialog.d.ts +48 -0
- package/dist/components/overlays/dialog/dialog.d.ts.map +1 -0
- package/dist/components/overlays/dialog/dialog.js +35 -0
- 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 +24 -0
- package/dist/components/overlays/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/components/overlays/dropdown-menu/dropdown-menu.js +41 -0
- 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 +8 -0
- package/dist/components/overlays/popover/popover.d.ts.map +1 -0
- package/dist/components/overlays/popover/popover.js +14 -0
- 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 +20 -0
- package/dist/components/overlays/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/overlays/tooltip/tooltip.js +12 -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 +4 -0
- package/dist/components/typography/kbd/kbd.d.ts.map +1 -0
- package/dist/components/typography/kbd/kbd.js +7 -0
- 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 +64 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +67 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/cx.d.ts +3 -0
- package/dist/internal/cx.d.ts.map +1 -0
- package/dist/internal/cx.js +6 -0
- package/dist/internal/cx.js.map +1 -0
- 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 +26 -0
- package/dist/internal/icons.d.ts.map +1 -0
- package/dist/internal/icons.js +81 -0
- package/dist/internal/icons.js.map +1 -0
- 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 +8532 -0
- 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 +20 -0
- package/dist/patterns/actions/toolbar/toolbar.d.ts.map +1 -0
- package/dist/patterns/actions/toolbar/toolbar.js +46 -0
- 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 +17 -0
- package/dist/patterns/layout/page-header/page-header.d.ts.map +1 -0
- package/dist/patterns/layout/page-header/page-header.js +7 -0
- 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/layout/settings-section/settings-section.d.ts +33 -0
- package/dist/patterns/layout/settings-section/settings-section.d.ts.map +1 -0
- package/dist/patterns/layout/settings-section/settings-section.js +15 -0
- 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 +21 -0
- package/dist/patterns/layout/split-layout/split-layout.d.ts.map +1 -0
- package/dist/patterns/layout/split-layout/split-layout.js +10 -0
- package/dist/patterns/layout/split-layout/split-layout.js.map +1 -0
- package/dist/patterns/search/filter-bar/filter-bar.d.ts +25 -0
- package/dist/patterns/search/filter-bar/filter-bar.d.ts.map +1 -0
- package/dist/patterns/search/filter-bar/filter-bar.js +13 -0
- 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 +5621 -0
- package/package.json +75 -4
|
@@ -0,0 +1,248 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { Button } from '../../actions/button/index.js';
|
|
6
|
+
import { Combobox } from '../../forms/combobox/index.js';
|
|
7
|
+
import { Field, FieldError, FieldLabel } from '../../forms/form-field/index.js';
|
|
8
|
+
import { Input } from '../../forms/text-field/index.js';
|
|
9
|
+
const defaultMessages = {
|
|
10
|
+
loadFailed: (what) => `Couldn’t load ${what}.`,
|
|
11
|
+
retry: 'Try again',
|
|
12
|
+
chooseCountryFirst: 'Choose a country first',
|
|
13
|
+
typeMore: (min) => `Type at least ${min} letters to search.`,
|
|
14
|
+
noMatch: 'No matches',
|
|
15
|
+
useTyped: 'Not in the list: use as typed',
|
|
16
|
+
optional: 'Optional',
|
|
17
|
+
};
|
|
18
|
+
const defaultLabels = {
|
|
19
|
+
country: 'Country',
|
|
20
|
+
region: 'State / Region',
|
|
21
|
+
city: 'City',
|
|
22
|
+
postalCode: 'Postal code',
|
|
23
|
+
};
|
|
24
|
+
const EMPTY = {
|
|
25
|
+
country: null,
|
|
26
|
+
region: null,
|
|
27
|
+
regionName: '',
|
|
28
|
+
city: '',
|
|
29
|
+
cityId: null,
|
|
30
|
+
postalCode: '',
|
|
31
|
+
};
|
|
32
|
+
const TYPED = '\u0000typed:';
|
|
33
|
+
const ALL_FIELDS = ['country', 'region', 'city', 'postalCode'];
|
|
34
|
+
function LoadFailed({ text, retry, onRetry, }) {
|
|
35
|
+
return (_jsxs("div", { role: "alert", className: "mn-location-fields__failed", children: [_jsx("span", { children: text }), _jsx(Button, { size: "xs", variant: "secondary", onClick: onRetry, children: retry })] }));
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Country, region, city and postal code as one composite. Lists come from an
|
|
39
|
+
* injected adapter, so the product owns the data and the requests. Picking a
|
|
40
|
+
* country loads its regions under the country's own word; cities are searched
|
|
41
|
+
* as the user types, can be typed freely, and fill in their region.
|
|
42
|
+
*/
|
|
43
|
+
export const LocationFields = forwardRef(function LocationFields({ adapter, value: valueProp, defaultValue, onValueChange, fields = ALL_FIELDS, labels: labelsProp, required = [], errors = {}, disabled = false, legend, cityMinQuery = 2, cityDebounce = 250, allowCustomCity = true, messages: messagesProp, idPrefix, className, ...rest }, ref) {
|
|
44
|
+
const messages = { ...defaultMessages, ...messagesProp };
|
|
45
|
+
const labels = { ...defaultLabels, ...labelsProp };
|
|
46
|
+
const [internal, setInternal] = useState({ ...EMPTY, ...defaultValue });
|
|
47
|
+
const value = valueProp ?? internal;
|
|
48
|
+
const adapterRef = useRef(adapter);
|
|
49
|
+
adapterRef.current = adapter;
|
|
50
|
+
const update = (patch, changed) => {
|
|
51
|
+
const next = { ...value, ...patch };
|
|
52
|
+
if (valueProp === undefined)
|
|
53
|
+
setInternal(next);
|
|
54
|
+
onValueChange?.(next, changed);
|
|
55
|
+
};
|
|
56
|
+
// Countries: once on mount, and again on Retry.
|
|
57
|
+
const [countries, setCountries] = useState({ state: 'loading' });
|
|
58
|
+
const [countriesTry, setCountriesTry] = useState(0);
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
const ctl = new AbortController();
|
|
61
|
+
setCountries({ state: 'loading' });
|
|
62
|
+
adapterRef.current
|
|
63
|
+
.countries(ctl.signal)
|
|
64
|
+
.then((data) => !ctl.signal.aborted && setCountries({ state: 'ready', data }))
|
|
65
|
+
.catch(() => !ctl.signal.aborted && setCountries({ state: 'failed' }));
|
|
66
|
+
return () => ctl.abort();
|
|
67
|
+
}, [countriesTry]);
|
|
68
|
+
// Regions: whenever the country changes.
|
|
69
|
+
const [regions, setRegions] = useState({ state: 'idle' });
|
|
70
|
+
const [regionsTry, setRegionsTry] = useState(0);
|
|
71
|
+
const hasRegionSource = !!adapter.regions;
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
const load = adapterRef.current.regions;
|
|
74
|
+
if (!value.country || !load) {
|
|
75
|
+
setRegions({ state: 'idle' });
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
const ctl = new AbortController();
|
|
79
|
+
setRegions({ state: 'loading' });
|
|
80
|
+
load(value.country, ctl.signal)
|
|
81
|
+
.then((data) => !ctl.signal.aborted && setRegions({ state: 'ready', data }))
|
|
82
|
+
.catch(() => !ctl.signal.aborted && setRegions({ state: 'failed' }));
|
|
83
|
+
return () => ctl.abort();
|
|
84
|
+
}, [value.country, regionsTry, hasRegionSource]);
|
|
85
|
+
// Cities: searched as the user types; a chosen region is listed right away.
|
|
86
|
+
const [cityText, setCityText] = useState(value.city);
|
|
87
|
+
const [cities, setCities] = useState([]);
|
|
88
|
+
const [citiesState, setCitiesState] = useState('idle');
|
|
89
|
+
const cityAbort = useRef(null);
|
|
90
|
+
const cityTimer = useRef(null);
|
|
91
|
+
const skipQuery = useRef(null);
|
|
92
|
+
useEffect(() => setCityText(value.city), [value.city]);
|
|
93
|
+
const searchCities = useCallback((text, wait) => {
|
|
94
|
+
if (cityTimer.current !== null)
|
|
95
|
+
clearTimeout(cityTimer.current);
|
|
96
|
+
cityAbort.current?.abort();
|
|
97
|
+
const load = adapterRef.current.cities;
|
|
98
|
+
const query = text.trim();
|
|
99
|
+
if (!load || !value.country) {
|
|
100
|
+
setCities([]);
|
|
101
|
+
setCitiesState('idle');
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
if (!value.region && query.length < cityMinQuery) {
|
|
105
|
+
setCities([]);
|
|
106
|
+
setCitiesState('short');
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
const country = value.country;
|
|
110
|
+
const region = value.region;
|
|
111
|
+
cityTimer.current = setTimeout(() => {
|
|
112
|
+
const ctl = new AbortController();
|
|
113
|
+
cityAbort.current = ctl;
|
|
114
|
+
setCitiesState('loading');
|
|
115
|
+
load({ country, region, query }, ctl.signal)
|
|
116
|
+
.then((data) => {
|
|
117
|
+
if (ctl.signal.aborted)
|
|
118
|
+
return;
|
|
119
|
+
setCities(data);
|
|
120
|
+
setCitiesState('idle');
|
|
121
|
+
})
|
|
122
|
+
.catch(() => {
|
|
123
|
+
if (ctl.signal.aborted)
|
|
124
|
+
return;
|
|
125
|
+
setCities([]);
|
|
126
|
+
setCitiesState('failed');
|
|
127
|
+
});
|
|
128
|
+
}, wait);
|
|
129
|
+
}, [value.country, value.region, cityMinQuery]);
|
|
130
|
+
// A new country or region invalidates the city list; list a chosen region's cities at once.
|
|
131
|
+
useEffect(() => {
|
|
132
|
+
searchCities('', 0);
|
|
133
|
+
return () => {
|
|
134
|
+
if (cityTimer.current !== null)
|
|
135
|
+
clearTimeout(cityTimer.current);
|
|
136
|
+
cityAbort.current?.abort();
|
|
137
|
+
};
|
|
138
|
+
}, [searchCities]);
|
|
139
|
+
const countryOptions = useMemo(() => {
|
|
140
|
+
if (countries.state === 'ready')
|
|
141
|
+
return countries.data;
|
|
142
|
+
return value.country ? [{ value: value.country, label: value.country }] : [];
|
|
143
|
+
}, [countries, value.country]);
|
|
144
|
+
const regionList = useMemo(() => (regions.state === 'ready' ? regions.data.options : []), [regions]);
|
|
145
|
+
const regionLabel = (regions.state === 'ready' ? regions.data.label : undefined) ?? labels.region;
|
|
146
|
+
const regionIsList = hasRegionSource && !!value.country && !(regions.state === 'ready' && regionList.length === 0);
|
|
147
|
+
const regionOptions = useMemo(() => {
|
|
148
|
+
const opts = [...regionList];
|
|
149
|
+
if (value.region && !opts.some((o) => o.value === value.region))
|
|
150
|
+
opts.push({ value: value.region, label: value.regionName || value.region });
|
|
151
|
+
return opts;
|
|
152
|
+
}, [regionList, value.region, value.regionName]);
|
|
153
|
+
const cityValue = value.cityId ?? (value.city ? TYPED + value.city : null);
|
|
154
|
+
const cityOptions = useMemo(() => {
|
|
155
|
+
const opts = cities.map((c) => c.description === undefined
|
|
156
|
+
? { value: c.value, label: c.label }
|
|
157
|
+
: { value: c.value, label: c.label, description: c.description });
|
|
158
|
+
if (cityValue && !opts.some((o) => o.value === cityValue))
|
|
159
|
+
opts.push({ value: cityValue, label: value.city });
|
|
160
|
+
const typed = cityText.trim();
|
|
161
|
+
if (allowCustomCity &&
|
|
162
|
+
citiesState !== 'short' &&
|
|
163
|
+
typed !== '' &&
|
|
164
|
+
typed !== value.city &&
|
|
165
|
+
!opts.some((o) => o.label.toLowerCase() === typed.toLowerCase()))
|
|
166
|
+
opts.push({ value: TYPED + typed, label: typed, description: messages.useTyped });
|
|
167
|
+
return opts;
|
|
168
|
+
}, [cities, cityValue, value.city, cityText, citiesState, allowCustomCity, messages.useTyped]);
|
|
169
|
+
const cityEmpty = citiesState === 'failed'
|
|
170
|
+
? messages.loadFailed('cities')
|
|
171
|
+
: citiesState === 'short'
|
|
172
|
+
? messages.typeMore(cityMinQuery)
|
|
173
|
+
: messages.noMatch;
|
|
174
|
+
const base = idPrefix ?? undefined;
|
|
175
|
+
const fieldId = (f) => (base ? `${base}-${f}` : undefined);
|
|
176
|
+
const isRequired = (f) => required.includes(f);
|
|
177
|
+
const renderField = (f) => {
|
|
178
|
+
const error = errors[f];
|
|
179
|
+
const label = f === 'region' ? regionLabel : labels[f];
|
|
180
|
+
const noCountry = !value.country;
|
|
181
|
+
let control;
|
|
182
|
+
switch (f) {
|
|
183
|
+
case 'country':
|
|
184
|
+
control =
|
|
185
|
+
countries.state === 'failed' ? (_jsx(LoadFailed, { text: messages.loadFailed('countries'), retry: messages.retry, onRetry: () => setCountriesTry((n) => n + 1) })) : (_jsx(Combobox, { "aria-label": label, options: countryOptions, value: value.country, loading: countries.state === 'loading', onValueChange: (code) => {
|
|
186
|
+
if (code === value.country)
|
|
187
|
+
return;
|
|
188
|
+
setCityText('');
|
|
189
|
+
update({ ...EMPTY, country: code }, 'country');
|
|
190
|
+
} }));
|
|
191
|
+
break;
|
|
192
|
+
case 'region':
|
|
193
|
+
control =
|
|
194
|
+
regions.state === 'failed' ? (_jsx(LoadFailed, { text: messages.loadFailed(regionLabel.toLowerCase()), retry: messages.retry, onRetry: () => setRegionsTry((n) => n + 1) })) : regionIsList ? (_jsx(Combobox, { "aria-label": label, options: regionOptions, value: value.region, loading: regions.state === 'loading', onValueChange: (code) => {
|
|
195
|
+
const opt = regionOptions.find((o) => o.value === code);
|
|
196
|
+
setCityText('');
|
|
197
|
+
update({ region: code, regionName: opt?.label ?? '', city: '', cityId: null }, 'region');
|
|
198
|
+
} })) : (_jsx(Input, { value: value.regionName, disabled: noCountry && fields.includes('country') ? true : undefined, placeholder: noCountry && fields.includes('country')
|
|
199
|
+
? messages.chooseCountryFirst
|
|
200
|
+
: isRequired('region')
|
|
201
|
+
? undefined
|
|
202
|
+
: messages.optional, autoComplete: "address-level1", onChange: (e) => update({ regionName: e.target.value, region: null }, 'region') }));
|
|
203
|
+
break;
|
|
204
|
+
case 'city':
|
|
205
|
+
control = adapter.cities ? (_jsx(Combobox, { "aria-label": label, options: cityOptions, value: cityValue, inputValue: cityText, filter: () => true, loading: citiesState === 'loading', emptyMessage: cityEmpty, disabled: noCountry ? true : undefined, placeholder: noCountry ? messages.chooseCountryFirst : undefined, onInputValueChange: (text) => {
|
|
206
|
+
setCityText(text);
|
|
207
|
+
if (skipQuery.current === text) {
|
|
208
|
+
skipQuery.current = null;
|
|
209
|
+
return;
|
|
210
|
+
}
|
|
211
|
+
if (text === value.city)
|
|
212
|
+
return;
|
|
213
|
+
searchCities(text, cityDebounce);
|
|
214
|
+
}, onValueChange: (next) => {
|
|
215
|
+
if (next === null) {
|
|
216
|
+
skipQuery.current = '';
|
|
217
|
+
update({ city: '', cityId: null }, 'city');
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
if (next.startsWith(TYPED)) {
|
|
221
|
+
const typed = next.slice(TYPED.length);
|
|
222
|
+
skipQuery.current = typed;
|
|
223
|
+
update({ city: typed, cityId: null }, 'city');
|
|
224
|
+
return;
|
|
225
|
+
}
|
|
226
|
+
const city = cities.find((c) => c.value === next);
|
|
227
|
+
if (!city)
|
|
228
|
+
return;
|
|
229
|
+
skipQuery.current = city.label;
|
|
230
|
+
update({
|
|
231
|
+
city: city.label,
|
|
232
|
+
cityId: city.value,
|
|
233
|
+
...(city.region && !value.region
|
|
234
|
+
? { region: city.region.value, regionName: city.region.label }
|
|
235
|
+
: {}),
|
|
236
|
+
}, 'city');
|
|
237
|
+
} })) : (_jsx(Input, { value: value.city, autoComplete: "address-level2", onChange: (e) => update({ city: e.target.value, cityId: null }, 'city') }));
|
|
238
|
+
break;
|
|
239
|
+
case 'postalCode':
|
|
240
|
+
control = (_jsx(Input, { value: value.postalCode, autoComplete: "postal-code", autoCapitalize: "characters", spellCheck: false, onChange: (e) => update({ postalCode: e.target.value }, 'postalCode') }));
|
|
241
|
+
break;
|
|
242
|
+
}
|
|
243
|
+
const id = fieldId(f);
|
|
244
|
+
return (_jsxs(Field, { ...(id ? { id } : {}), invalid: !!error, required: isRequired(f), disabled: disabled, className: "mn-location-fields__field", "data-field": f, children: [_jsx(FieldLabel, { children: label }), control, _jsx(FieldError, { children: error })] }, f));
|
|
245
|
+
};
|
|
246
|
+
return (_jsxs("fieldset", { ref: ref, ...rest, disabled: disabled || undefined, className: cx('mn-location-fields', className), children: [legend ? _jsx("legend", { className: "mn-location-fields__legend", children: legend }) : null, _jsx("div", { className: "mn-location-fields__grid", children: fields.map(renderField) })] }));
|
|
247
|
+
});
|
|
248
|
+
//# sourceMappingURL=location-fields.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"location-fields.js","sourceRoot":"","sources":["../../../../src/components/geo/location-fields/location-fields.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
export type AvatarStatus = 'online' | 'away' | 'busy' | 'offline';
|
|
4
|
+
export interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
5
|
+
/** Person or entity name. Used for the image alt text and the initials fallback. */
|
|
6
|
+
name: string;
|
|
7
|
+
src?: string | null;
|
|
8
|
+
/** A preset, or a number in CSS pixels (e.g. `28`) for sizes between the presets. */
|
|
9
|
+
size?: AvatarSize | number;
|
|
10
|
+
/** `circle` for people; `square` for workspaces, organisations and brands. */
|
|
11
|
+
shape?: 'circle' | 'square';
|
|
12
|
+
/**
|
|
13
|
+
* Set when a visible name sits next to the avatar, so screen readers do not
|
|
14
|
+
* hear the name twice.
|
|
15
|
+
*/
|
|
16
|
+
decorative?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Hashed to pick the fallback colour. Default `name`. Pass a stable id so a
|
|
19
|
+
* renamed person keeps their colour.
|
|
20
|
+
*/
|
|
21
|
+
seed?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Fallback colour source. `hue` (default) derives a soft colour from the
|
|
24
|
+
* seed; `tokens` picks one of the five `--mn-color-data-*` tokens, so the
|
|
25
|
+
* colour follows the theme and contrast mode.
|
|
26
|
+
*/
|
|
27
|
+
palette?: 'hue' | 'tokens';
|
|
28
|
+
/**
|
|
29
|
+
* What to show when there is no image: `initials` (default), or `icon` for
|
|
30
|
+
* entities such as an organisation without a logo. Initials also fall back to
|
|
31
|
+
* the icon when the name has no letters.
|
|
32
|
+
*/
|
|
33
|
+
fallback?: 'initials' | 'icon';
|
|
34
|
+
/** Icon for the `icon` fallback. Default: a neutral person glyph. Decorative. */
|
|
35
|
+
icon?: ReactNode;
|
|
36
|
+
/** Presence dot. Its text alternative is added to the accessible name. */
|
|
37
|
+
status?: AvatarStatus;
|
|
38
|
+
/** Text alternative for `status`, e.g. a translated "Online". Default: the English status name. */
|
|
39
|
+
statusLabel?: string;
|
|
40
|
+
}
|
|
41
|
+
export declare function initials(name: string): string;
|
|
42
|
+
/** Index (1–5) of the `--mn-color-data-*` token a seed maps to with `palette="tokens"`. */
|
|
43
|
+
export declare function avatarPaletteIndex(seed: string): number;
|
|
44
|
+
/**
|
|
45
|
+
* A person or entity image with a fallback chain: image, then initials on a
|
|
46
|
+
* colour stable per seed, then an icon.
|
|
47
|
+
*/
|
|
48
|
+
export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
49
|
+
export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
50
|
+
/** Names the group for assistive technology, e.g. "Assignees". */
|
|
51
|
+
label: string;
|
|
52
|
+
/** Show at most this many avatars, then a "+N" tile. Default: show all. */
|
|
53
|
+
max?: number;
|
|
54
|
+
/** Applied to every avatar that does not set its own size. */
|
|
55
|
+
size?: AvatarSize | number;
|
|
56
|
+
/** Applied to every avatar that does not set its own shape. */
|
|
57
|
+
shape?: 'circle' | 'square';
|
|
58
|
+
/** Text alternative for the "+N" tile. Default `(n) => \`${n} more\``. */
|
|
59
|
+
overflowLabel?: (hidden: number) => string;
|
|
60
|
+
/** `Avatar` elements. */
|
|
61
|
+
children: ReactNode;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Overlapping stack of avatars with a "+N" overflow tile. Each avatar keeps
|
|
65
|
+
* its own name, so the group reads as a list of people.
|
|
66
|
+
*/
|
|
67
|
+
export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
68
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/identity/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACpF,oFAAoF;IACpF,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,qFAAqF;IACrF,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,iFAAiF;IACjF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,mGAAmG;IACnG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAM7C;AASD,2FAA2F;AAC3F,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEvD;AAoBD;;;GAGG;AACH,eAAO,MAAM,MAAM,yGAkEjB,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,6GAkDtB,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Children, cloneElement, forwardRef, isValidElement, useState, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
const STATUS_LABELS = {
|
|
6
|
+
online: 'Online',
|
|
7
|
+
away: 'Away',
|
|
8
|
+
busy: 'Busy',
|
|
9
|
+
offline: 'Offline',
|
|
10
|
+
};
|
|
11
|
+
export function initials(name) {
|
|
12
|
+
const parts = name.trim().split(/\s+/).filter(Boolean);
|
|
13
|
+
if (parts.length === 0)
|
|
14
|
+
return '?';
|
|
15
|
+
const first = parts[0]?.charAt(0) ?? '';
|
|
16
|
+
const last = parts.length > 1 ? (parts[parts.length - 1]?.charAt(0) ?? '') : '';
|
|
17
|
+
return (first + last).toUpperCase();
|
|
18
|
+
}
|
|
19
|
+
/** Stable hash per seed so the same person gets the same fallback colour everywhere. */
|
|
20
|
+
function hashOf(seed, modulo) {
|
|
21
|
+
let h = 0;
|
|
22
|
+
for (let i = 0; i < seed.length; i++)
|
|
23
|
+
h = (h * 31 + seed.charCodeAt(i)) % modulo;
|
|
24
|
+
return h;
|
|
25
|
+
}
|
|
26
|
+
/** Index (1–5) of the `--mn-color-data-*` token a seed maps to with `palette="tokens"`. */
|
|
27
|
+
export function avatarPaletteIndex(seed) {
|
|
28
|
+
return (hashOf(seed, 360) % 5) + 1;
|
|
29
|
+
}
|
|
30
|
+
function PersonGlyph() {
|
|
31
|
+
return (_jsxs("svg", { "aria-hidden": true, focusable: false, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "8", cy: "5.5", r: "2.75" }), _jsx("path", { d: "M2.75 14c.6-2.6 2.7-4.25 5.25-4.25s4.65 1.65 5.25 4.25" })] }));
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* A person or entity image with a fallback chain: image, then initials on a
|
|
35
|
+
* colour stable per seed, then an icon.
|
|
36
|
+
*/
|
|
37
|
+
export const Avatar = forwardRef(function Avatar({ name, src, size = 'md', shape = 'circle', decorative = false, seed, palette = 'hue', fallback = 'initials', icon, status, statusLabel, className, style, ...rest }, ref) {
|
|
38
|
+
const [failedSrc, setFailedSrc] = useState(null);
|
|
39
|
+
const showImage = Boolean(src) && failedSrc !== src;
|
|
40
|
+
const text = initials(name);
|
|
41
|
+
const showIcon = !showImage && (fallback === 'icon' || !/\p{L}|\p{N}/u.test(text));
|
|
42
|
+
const key = seed ?? name;
|
|
43
|
+
const statusText = status ? (statusLabel ?? STATUS_LABELS[status]) : undefined;
|
|
44
|
+
const a11y = decorative
|
|
45
|
+
? { 'aria-hidden': true }
|
|
46
|
+
: {
|
|
47
|
+
role: 'img',
|
|
48
|
+
'aria-label': statusText ? `${name} (${statusText})` : name,
|
|
49
|
+
};
|
|
50
|
+
const numeric = typeof size === 'number';
|
|
51
|
+
const vars = palette === 'tokens' ? {} : { ['--mn-avatar-hue']: String(hashOf(key, 360)) };
|
|
52
|
+
if (numeric)
|
|
53
|
+
vars['--mn-avatar-size'] = `${size}px`;
|
|
54
|
+
return (_jsxs("span", { ref: ref, ...rest, ...a11y, className: cx('mn-avatar', className), "data-size": numeric ? 'custom' : size, "data-shape": shape, "data-palette": palette === 'tokens' ? avatarPaletteIndex(key) : undefined, "data-status": status, style: { ...style, ...vars }, children: [showImage ? (_jsx("img", { className: "mn-avatar__image", src: src ?? undefined, alt: "", onError: () => setFailedSrc(src ?? null) })) : showIcon ? (_jsx("span", { className: "mn-avatar__icon", "aria-hidden": true, children: icon ?? _jsx(PersonGlyph, {}) })) : (_jsx("span", { className: "mn-avatar__initials", "aria-hidden": true, children: text })), status ? _jsx("span", { className: "mn-avatar__status", "aria-hidden": true }) : null] }));
|
|
55
|
+
});
|
|
56
|
+
/**
|
|
57
|
+
* Overlapping stack of avatars with a "+N" overflow tile. Each avatar keeps
|
|
58
|
+
* its own name, so the group reads as a list of people.
|
|
59
|
+
*/
|
|
60
|
+
export const AvatarGroup = forwardRef(function AvatarGroup({ label, max, size = 'md', shape, overflowLabel = (n) => `${n} more`, className, style, children, ...rest }, ref) {
|
|
61
|
+
const avatars = Children.toArray(children).filter(isValidElement);
|
|
62
|
+
const limit = max === undefined ? avatars.length : Math.max(0, Math.floor(max));
|
|
63
|
+
// A "+1" tile would take the same space as the avatar it hides, so show that avatar instead.
|
|
64
|
+
const visibleCount = avatars.length - limit === 1 ? avatars.length : limit;
|
|
65
|
+
const visible = avatars.slice(0, visibleCount);
|
|
66
|
+
const hidden = avatars.length - visible.length;
|
|
67
|
+
const numeric = typeof size === 'number';
|
|
68
|
+
return (_jsxs("div", { ref: ref, role: "group", "aria-label": label, ...rest, className: cx('mn-avatar-group', className), "data-size": numeric ? 'custom' : size, style: numeric ? { ...style, ['--mn-avatar-size']: `${size}px` } : style, children: [visible.map((child) => cloneElement(child, {
|
|
69
|
+
size: child.props.size ?? size,
|
|
70
|
+
...(shape && !child.props.shape ? { shape } : {}),
|
|
71
|
+
})), hidden > 0 ? (_jsx("span", { role: "img", "aria-label": overflowLabel(hidden), className: "mn-avatar mn-avatar-group__overflow", "data-size": numeric ? 'custom' : size, "data-shape": shape ?? 'circle', children: _jsx("span", { "aria-hidden": true, children: `+${hidden}` }) })) : null] }));
|
|
72
|
+
});
|
|
73
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/identity/avatar/avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/identity/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/identity/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/identity/username-availability-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/identity/username-availability-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { type InputHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/** Where an asynchronous check stands. `idle` means there is nothing to check. */
|
|
3
|
+
export type AsyncValidationStatus = 'idle' | 'checking' | 'valid' | 'invalid' | 'error';
|
|
4
|
+
export interface AsyncValidationResult {
|
|
5
|
+
/** True when the value can be used (for example, the handle is free). */
|
|
6
|
+
valid: boolean;
|
|
7
|
+
/** Shown under the field and announced. Falls back to the component's default message. */
|
|
8
|
+
message?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Checks a value. Return `null` when there is nothing to check (empty, or the
|
|
12
|
+
* user's current value). Throwing or rejecting sets the `error` status. The
|
|
13
|
+
* signal aborts when the value changes again, so pass it to `fetch`.
|
|
14
|
+
*/
|
|
15
|
+
export type AsyncValidator = (value: string, signal: AbortSignal) => AsyncValidationResult | null | Promise<AsyncValidationResult | null>;
|
|
16
|
+
export interface AsyncValidationState {
|
|
17
|
+
status: AsyncValidationStatus;
|
|
18
|
+
/** The validator's message for the latest result, if it gave one. */
|
|
19
|
+
message: string | undefined;
|
|
20
|
+
/** Runs the check again for the current value, without waiting (e.g. after an error). */
|
|
21
|
+
revalidate: () => void;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Runs `validate` for `value` after `debounce` ms without changes. Earlier
|
|
25
|
+
* checks are aborted and their late results ignored, so the state always
|
|
26
|
+
* describes the latest value. Empty values are `idle`.
|
|
27
|
+
*/
|
|
28
|
+
export declare function useAsyncValidation(value: string, validate: AsyncValidator, { debounce }?: {
|
|
29
|
+
debounce?: number;
|
|
30
|
+
}): AsyncValidationState;
|
|
31
|
+
export interface UsernameAvailabilityInputMessages {
|
|
32
|
+
checking: string;
|
|
33
|
+
valid: string;
|
|
34
|
+
invalid: string;
|
|
35
|
+
error: string;
|
|
36
|
+
/** Label of the button shown after a failed check. */
|
|
37
|
+
retry: string;
|
|
38
|
+
}
|
|
39
|
+
export interface UsernameAvailabilityInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'prefix' | 'type'> {
|
|
40
|
+
/** The text (controlled). */
|
|
41
|
+
value?: string;
|
|
42
|
+
/** Initial text when uncontrolled. */
|
|
43
|
+
defaultValue?: string;
|
|
44
|
+
/** Called with the new text (after `transform`) on every change. */
|
|
45
|
+
onValueChange?: (value: string) => void;
|
|
46
|
+
/** The product's check: local rules and the availability lookup. Required. */
|
|
47
|
+
validate: AsyncValidator;
|
|
48
|
+
/** Milliseconds without typing before `validate` runs. Default 400. */
|
|
49
|
+
debounce?: number;
|
|
50
|
+
/** Rewrites typed text before it is stored, e.g. lower-casing or slugifying. */
|
|
51
|
+
transform?: (raw: string) => string;
|
|
52
|
+
/** Fixed text before the value, such as a domain ("example.com/"). Read as part of the description. */
|
|
53
|
+
prefix?: ReactNode;
|
|
54
|
+
/** Called whenever the status changes, so a form can block submit until `valid`. */
|
|
55
|
+
onStatusChange?: (status: AsyncValidationStatus, message: string | undefined) => void;
|
|
56
|
+
/** Override the default status texts. */
|
|
57
|
+
messages?: Partial<UsernameAvailabilityInputMessages>;
|
|
58
|
+
size?: 'sm' | 'md' | 'lg';
|
|
59
|
+
/** Marks the value invalid regardless of the check. Inside a Field, the Field's `invalid` is used. */
|
|
60
|
+
invalid?: boolean;
|
|
61
|
+
/** Class for the outer wrapper (the input itself is `.mn-username-availability-input__input`). */
|
|
62
|
+
className?: string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* A text input whose value is checked asynchronously while the user types:
|
|
66
|
+
* handles, workspace addresses, slugs. The product supplies the check; the
|
|
67
|
+
* component debounces it, aborts stale requests, shows a status icon with a
|
|
68
|
+
* text message, and announces the result to screen readers.
|
|
69
|
+
*/
|
|
70
|
+
export declare const UsernameAvailabilityInput: import("react").ForwardRefExoticComponent<UsernameAvailabilityInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
71
|
+
//# sourceMappingURL=username-availability-input.d.ts.map
|
package/dist/components/identity/username-availability-input/username-availability-input.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"username-availability-input.d.ts","sourceRoot":"","sources":["../../../../src/components/identity/username-availability-input/username-availability-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,kFAAkF;AAClF,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAExF,MAAM,WAAW,qBAAqB;IACpC,yEAAyE;IACzE,KAAK,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,CAC3B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,WAAW,KAChB,qBAAqB,GAAG,IAAI,GAAG,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC;AAE1E,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,qEAAqE;IACrE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,yFAAyF;IACzF,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,EACxB,EAAE,QAAc,EAAE,GAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAO,GAC7C,oBAAoB,CA8CtB;AAED,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;CACf;AAUD,MAAM,WAAW,8BAA+B,SAAQ,IAAI,CAC1D,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CACnE;IACC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8EAA8E;IAC9E,QAAQ,EAAE,cAAc,CAAC;IACzB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,uGAAuG;IACvG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oFAAoF;IACpF,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACtF,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sGAAsG;IACtG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,6HAkHpC,CAAC"}
|