@camunda/design-system 0.1.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/LICENSE +178 -0
- package/NOTICE +4 -0
- package/README.md +133 -0
- package/dist/carbon-compat/actionable-notification.d.ts +3 -0
- package/dist/carbon-compat/actionable-notification.d.ts.map +1 -0
- package/dist/carbon-compat/actionable-notification.js +3 -0
- package/dist/carbon-compat/actionable-notification.js.map +1 -0
- package/dist/carbon-compat/breadcrumb-skeleton.d.ts +5 -0
- package/dist/carbon-compat/breadcrumb-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/breadcrumb-skeleton.js +13 -0
- package/dist/carbon-compat/breadcrumb-skeleton.js.map +1 -0
- package/dist/carbon-compat/breadcrumb.d.ts +8 -0
- package/dist/carbon-compat/breadcrumb.d.ts.map +1 -0
- package/dist/carbon-compat/breadcrumb.js +17 -0
- package/dist/carbon-compat/breadcrumb.js.map +1 -0
- package/dist/carbon-compat/button.d.ts +6 -0
- package/dist/carbon-compat/button.d.ts.map +1 -0
- package/dist/carbon-compat/button.js +29 -0
- package/dist/carbon-compat/button.js.map +1 -0
- package/dist/carbon-compat/c3-cluster-tag.d.ts +33 -0
- package/dist/carbon-compat/c3-cluster-tag.d.ts.map +1 -0
- package/dist/carbon-compat/c3-cluster-tag.js +51 -0
- package/dist/carbon-compat/c3-cluster-tag.js.map +1 -0
- package/dist/carbon-compat/c3-data-table.d.ts +161 -0
- package/dist/carbon-compat/c3-data-table.d.ts.map +1 -0
- package/dist/carbon-compat/c3-data-table.js +297 -0
- package/dist/carbon-compat/c3-data-table.js.map +1 -0
- package/dist/carbon-compat/c3-responsive-stack.d.ts +19 -0
- package/dist/carbon-compat/c3-responsive-stack.d.ts.map +1 -0
- package/dist/carbon-compat/c3-responsive-stack.js +22 -0
- package/dist/carbon-compat/c3-responsive-stack.js.map +1 -0
- package/dist/carbon-compat/callout.d.ts +2 -0
- package/dist/carbon-compat/callout.d.ts.map +1 -0
- package/dist/carbon-compat/callout.js +3 -0
- package/dist/carbon-compat/callout.js.map +1 -0
- package/dist/carbon-compat/checkbox-skeleton.d.ts +5 -0
- package/dist/carbon-compat/checkbox-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/checkbox-skeleton.js +13 -0
- package/dist/carbon-compat/checkbox-skeleton.js.map +1 -0
- package/dist/carbon-compat/checkbox.d.ts +6 -0
- package/dist/carbon-compat/checkbox.d.ts.map +1 -0
- package/dist/carbon-compat/checkbox.js +23 -0
- package/dist/carbon-compat/checkbox.js.map +1 -0
- package/dist/carbon-compat/code-snippet.d.ts +29 -0
- package/dist/carbon-compat/code-snippet.d.ts.map +1 -0
- package/dist/carbon-compat/code-snippet.js +55 -0
- package/dist/carbon-compat/code-snippet.js.map +1 -0
- package/dist/carbon-compat/column.d.ts +3 -0
- package/dist/carbon-compat/column.d.ts.map +1 -0
- package/dist/carbon-compat/column.js +3 -0
- package/dist/carbon-compat/column.js.map +1 -0
- package/dist/carbon-compat/combo-box.d.ts +6 -0
- package/dist/carbon-compat/combo-box.d.ts.map +1 -0
- package/dist/carbon-compat/combo-box.js +108 -0
- package/dist/carbon-compat/combo-box.js.map +1 -0
- package/dist/carbon-compat/contained-list.d.ts +3 -0
- package/dist/carbon-compat/contained-list.d.ts.map +1 -0
- package/dist/carbon-compat/contained-list.js +3 -0
- package/dist/carbon-compat/contained-list.js.map +1 -0
- package/dist/carbon-compat/content-switcher.d.ts +31 -0
- package/dist/carbon-compat/content-switcher.d.ts.map +1 -0
- package/dist/carbon-compat/content-switcher.js +50 -0
- package/dist/carbon-compat/content-switcher.js.map +1 -0
- package/dist/carbon-compat/data-table-skeleton.d.ts +21 -0
- package/dist/carbon-compat/data-table-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/data-table-skeleton.js +25 -0
- package/dist/carbon-compat/data-table-skeleton.js.map +1 -0
- package/dist/carbon-compat/data-table.d.ts +61 -0
- package/dist/carbon-compat/data-table.d.ts.map +1 -0
- package/dist/carbon-compat/data-table.js +54 -0
- package/dist/carbon-compat/data-table.js.map +1 -0
- package/dist/carbon-compat/date-picker.d.ts +3 -0
- package/dist/carbon-compat/date-picker.d.ts.map +1 -0
- package/dist/carbon-compat/date-picker.js +3 -0
- package/dist/carbon-compat/date-picker.js.map +1 -0
- package/dist/carbon-compat/dropdown.d.ts +6 -0
- package/dist/carbon-compat/dropdown.d.ts.map +1 -0
- package/dist/carbon-compat/dropdown.js +57 -0
- package/dist/carbon-compat/dropdown.js.map +1 -0
- package/dist/carbon-compat/grid.d.ts +3 -0
- package/dist/carbon-compat/grid.d.ts.map +1 -0
- package/dist/carbon-compat/grid.js +3 -0
- package/dist/carbon-compat/grid.js.map +1 -0
- package/dist/carbon-compat/header.d.ts +2 -0
- package/dist/carbon-compat/header.d.ts.map +1 -0
- package/dist/carbon-compat/header.js +3 -0
- package/dist/carbon-compat/header.js.map +1 -0
- package/dist/carbon-compat/heading.d.ts +2 -0
- package/dist/carbon-compat/heading.d.ts.map +1 -0
- package/dist/carbon-compat/heading.js +3 -0
- package/dist/carbon-compat/heading.js.map +1 -0
- package/dist/carbon-compat/icon-button.d.ts +6 -0
- package/dist/carbon-compat/icon-button.d.ts.map +1 -0
- package/dist/carbon-compat/icon-button.js +34 -0
- package/dist/carbon-compat/icon-button.js.map +1 -0
- package/dist/carbon-compat/index.d.ts +65 -0
- package/dist/carbon-compat/index.d.ts.map +1 -0
- package/dist/carbon-compat/index.js +79 -0
- package/dist/carbon-compat/index.js.map +1 -0
- package/dist/carbon-compat/inline-loading.d.ts +3 -0
- package/dist/carbon-compat/inline-loading.d.ts.map +1 -0
- package/dist/carbon-compat/inline-loading.js +3 -0
- package/dist/carbon-compat/inline-loading.js.map +1 -0
- package/dist/carbon-compat/inline-notification.d.ts +3 -0
- package/dist/carbon-compat/inline-notification.d.ts.map +1 -0
- package/dist/carbon-compat/inline-notification.js +3 -0
- package/dist/carbon-compat/inline-notification.js.map +1 -0
- package/dist/carbon-compat/layer.d.ts +3 -0
- package/dist/carbon-compat/layer.d.ts.map +1 -0
- package/dist/carbon-compat/layer.js +3 -0
- package/dist/carbon-compat/layer.js.map +1 -0
- package/dist/carbon-compat/link.d.ts +19 -0
- package/dist/carbon-compat/link.d.ts.map +1 -0
- package/dist/carbon-compat/link.js +27 -0
- package/dist/carbon-compat/link.js.map +1 -0
- package/dist/carbon-compat/loading.d.ts +21 -0
- package/dist/carbon-compat/loading.d.ts.map +1 -0
- package/dist/carbon-compat/loading.js +30 -0
- package/dist/carbon-compat/loading.js.map +1 -0
- package/dist/carbon-compat/menu-button.d.ts +8 -0
- package/dist/carbon-compat/menu-button.d.ts.map +1 -0
- package/dist/carbon-compat/menu-button.js +43 -0
- package/dist/carbon-compat/menu-button.js.map +1 -0
- package/dist/carbon-compat/modal.d.ts +19 -0
- package/dist/carbon-compat/modal.d.ts.map +1 -0
- package/dist/carbon-compat/modal.js +59 -0
- package/dist/carbon-compat/modal.js.map +1 -0
- package/dist/carbon-compat/multi-select.d.ts +3 -0
- package/dist/carbon-compat/multi-select.d.ts.map +1 -0
- package/dist/carbon-compat/multi-select.js +3 -0
- package/dist/carbon-compat/multi-select.js.map +1 -0
- package/dist/carbon-compat/ordered-list.d.ts +3 -0
- package/dist/carbon-compat/ordered-list.d.ts.map +1 -0
- package/dist/carbon-compat/ordered-list.js +5 -0
- package/dist/carbon-compat/ordered-list.js.map +1 -0
- package/dist/carbon-compat/overflow-menu.d.ts +23 -0
- package/dist/carbon-compat/overflow-menu.d.ts.map +1 -0
- package/dist/carbon-compat/overflow-menu.js +32 -0
- package/dist/carbon-compat/overflow-menu.js.map +1 -0
- package/dist/carbon-compat/pagination.d.ts +3 -0
- package/dist/carbon-compat/pagination.d.ts.map +1 -0
- package/dist/carbon-compat/pagination.js +3 -0
- package/dist/carbon-compat/pagination.js.map +1 -0
- package/dist/carbon-compat/password-input.d.ts +3 -0
- package/dist/carbon-compat/password-input.d.ts.map +1 -0
- package/dist/carbon-compat/password-input.js +3 -0
- package/dist/carbon-compat/password-input.js.map +1 -0
- package/dist/carbon-compat/popover.d.ts +8 -0
- package/dist/carbon-compat/popover.d.ts.map +1 -0
- package/dist/carbon-compat/popover.js +44 -0
- package/dist/carbon-compat/popover.js.map +1 -0
- package/dist/carbon-compat/progress-bar.d.ts +19 -0
- package/dist/carbon-compat/progress-bar.d.ts.map +1 -0
- package/dist/carbon-compat/progress-bar.js +26 -0
- package/dist/carbon-compat/progress-bar.js.map +1 -0
- package/dist/carbon-compat/radio-button.d.ts +8 -0
- package/dist/carbon-compat/radio-button.d.ts.map +1 -0
- package/dist/carbon-compat/radio-button.js +26 -0
- package/dist/carbon-compat/radio-button.js.map +1 -0
- package/dist/carbon-compat/search.d.ts +5 -0
- package/dist/carbon-compat/search.d.ts.map +1 -0
- package/dist/carbon-compat/search.js +42 -0
- package/dist/carbon-compat/search.js.map +1 -0
- package/dist/carbon-compat/section.d.ts +3 -0
- package/dist/carbon-compat/section.d.ts.map +1 -0
- package/dist/carbon-compat/section.js +3 -0
- package/dist/carbon-compat/section.js.map +1 -0
- package/dist/carbon-compat/select-skeleton.d.ts +5 -0
- package/dist/carbon-compat/select-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/select-skeleton.js +7 -0
- package/dist/carbon-compat/select-skeleton.js.map +1 -0
- package/dist/carbon-compat/select.d.ts +8 -0
- package/dist/carbon-compat/select.d.ts.map +1 -0
- package/dist/carbon-compat/select.js +23 -0
- package/dist/carbon-compat/select.js.map +1 -0
- package/dist/carbon-compat/skeleton-icon.d.ts +3 -0
- package/dist/carbon-compat/skeleton-icon.d.ts.map +1 -0
- package/dist/carbon-compat/skeleton-icon.js +3 -0
- package/dist/carbon-compat/skeleton-icon.js.map +1 -0
- package/dist/carbon-compat/skeleton-text.d.ts +20 -0
- package/dist/carbon-compat/skeleton-text.d.ts.map +1 -0
- package/dist/carbon-compat/skeleton-text.js +35 -0
- package/dist/carbon-compat/skeleton-text.js.map +1 -0
- package/dist/carbon-compat/stack.d.ts +20 -0
- package/dist/carbon-compat/stack.d.ts.map +1 -0
- package/dist/carbon-compat/stack.js +57 -0
- package/dist/carbon-compat/stack.js.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js +17 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.js +11 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.js.map +1 -0
- package/dist/carbon-compat/stories/button.stories.d.ts +13 -0
- package/dist/carbon-compat/stories/button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/button.stories.js +45 -0
- package/dist/carbon-compat/stories/button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js +12 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js.map +1 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts +32 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.js +244 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.js.map +1 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js +28 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js.map +1 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js +13 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/checkbox.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/checkbox.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/checkbox.stories.js +20 -0
- package/dist/carbon-compat/stories/checkbox.stories.js.map +1 -0
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/code-snippet.stories.js +30 -0
- package/dist/carbon-compat/stories/code-snippet.stories.js.map +1 -0
- package/dist/carbon-compat/stories/combo-box.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/combo-box.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/combo-box.stories.js +38 -0
- package/dist/carbon-compat/stories/combo-box.stories.js.map +1 -0
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/content-switcher.stories.js +15 -0
- package/dist/carbon-compat/stories/content-switcher.stories.js.map +1 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js +37 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/data-table.stories.d.ts +16 -0
- package/dist/carbon-compat/stories/data-table.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/data-table.stories.js +103 -0
- package/dist/carbon-compat/stories/data-table.stories.js.map +1 -0
- package/dist/carbon-compat/stories/dropdown.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/dropdown.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/dropdown.stories.js +23 -0
- package/dist/carbon-compat/stories/dropdown.stories.js.map +1 -0
- package/dist/carbon-compat/stories/icon-button.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/icon-button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/icon-button.stories.js +29 -0
- package/dist/carbon-compat/stories/icon-button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/link.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/link.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/link.stories.js +24 -0
- package/dist/carbon-compat/stories/link.stories.js.map +1 -0
- package/dist/carbon-compat/stories/loading.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/loading.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/loading.stories.js +22 -0
- package/dist/carbon-compat/stories/loading.stories.js.map +1 -0
- package/dist/carbon-compat/stories/menu-button.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/menu-button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/menu-button.stories.js +22 -0
- package/dist/carbon-compat/stories/menu-button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/modal.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/modal.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/modal.stories.js +28 -0
- package/dist/carbon-compat/stories/modal.stories.js.map +1 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.js +11 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.js.map +1 -0
- package/dist/carbon-compat/stories/popover.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/popover.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/popover.stories.js +16 -0
- package/dist/carbon-compat/stories/popover.stories.js.map +1 -0
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/progress-bar.stories.js +23 -0
- package/dist/carbon-compat/stories/progress-bar.stories.js.map +1 -0
- package/dist/carbon-compat/stories/radio-button.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/radio-button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/radio-button.stories.js +25 -0
- package/dist/carbon-compat/stories/radio-button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/search.stories.d.ts +12 -0
- package/dist/carbon-compat/stories/search.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/search.stories.js +31 -0
- package/dist/carbon-compat/stories/search.stories.js.map +1 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.js +13 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/select.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/select.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/select.stories.js +18 -0
- package/dist/carbon-compat/stories/select.stories.js.map +1 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.js +26 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.js.map +1 -0
- package/dist/carbon-compat/stories/stack.stories.d.ts +17 -0
- package/dist/carbon-compat/stories/stack.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/stack.stories.js +41 -0
- package/dist/carbon-compat/stories/stack.stories.js.map +1 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js +14 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/table.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/table.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/table.stories.js +16 -0
- package/dist/carbon-compat/stories/table.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tabs.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/tabs.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tabs.stories.js +14 -0
- package/dist/carbon-compat/stories/tabs.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tag.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/tag.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tag.stories.js +46 -0
- package/dist/carbon-compat/stories/tag.stories.js.map +1 -0
- package/dist/carbon-compat/stories/text-area.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/text-area.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/text-area.stories.js +27 -0
- package/dist/carbon-compat/stories/text-area.stories.js.map +1 -0
- package/dist/carbon-compat/stories/text-input.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/text-input.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/text-input.stories.js +30 -0
- package/dist/carbon-compat/stories/text-input.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tile.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/tile.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tile.stories.js +22 -0
- package/dist/carbon-compat/stories/tile.stories.js.map +1 -0
- package/dist/carbon-compat/stories/toggle.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/toggle.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/toggle.stories.js +23 -0
- package/dist/carbon-compat/stories/toggle.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tooltip.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/tooltip.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tooltip.stories.js +15 -0
- package/dist/carbon-compat/stories/tooltip.stories.js.map +1 -0
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/unordered-list.stories.js +22 -0
- package/dist/carbon-compat/stories/unordered-list.stories.js.map +1 -0
- package/dist/carbon-compat/structured-list-skeleton.d.ts +5 -0
- package/dist/carbon-compat/structured-list-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/structured-list-skeleton.js +7 -0
- package/dist/carbon-compat/structured-list-skeleton.js.map +1 -0
- package/dist/carbon-compat/structured-list.d.ts +2 -0
- package/dist/carbon-compat/structured-list.d.ts.map +1 -0
- package/dist/carbon-compat/structured-list.js +3 -0
- package/dist/carbon-compat/structured-list.js.map +1 -0
- package/dist/carbon-compat/switch.d.ts +19 -0
- package/dist/carbon-compat/switch.d.ts.map +1 -0
- package/dist/carbon-compat/switch.js +19 -0
- package/dist/carbon-compat/switch.js.map +1 -0
- package/dist/carbon-compat/table-batch-actions.d.ts +26 -0
- package/dist/carbon-compat/table-batch-actions.d.ts.map +1 -0
- package/dist/carbon-compat/table-batch-actions.js +19 -0
- package/dist/carbon-compat/table-batch-actions.js.map +1 -0
- package/dist/carbon-compat/table-container.d.ts +11 -0
- package/dist/carbon-compat/table-container.d.ts.map +1 -0
- package/dist/carbon-compat/table-container.js +7 -0
- package/dist/carbon-compat/table-container.js.map +1 -0
- package/dist/carbon-compat/table-expand.d.ts +33 -0
- package/dist/carbon-compat/table-expand.d.ts.map +1 -0
- package/dist/carbon-compat/table-expand.js +23 -0
- package/dist/carbon-compat/table-expand.js.map +1 -0
- package/dist/carbon-compat/table-select.d.ts +39 -0
- package/dist/carbon-compat/table-select.d.ts.map +1 -0
- package/dist/carbon-compat/table-select.js +20 -0
- package/dist/carbon-compat/table-select.js.map +1 -0
- package/dist/carbon-compat/table-toolbar.d.ts +57 -0
- package/dist/carbon-compat/table-toolbar.d.ts.map +1 -0
- package/dist/carbon-compat/table-toolbar.js +31 -0
- package/dist/carbon-compat/table-toolbar.js.map +1 -0
- package/dist/carbon-compat/table.d.ts +24 -0
- package/dist/carbon-compat/table.d.ts.map +1 -0
- package/dist/carbon-compat/table.js +34 -0
- package/dist/carbon-compat/table.js.map +1 -0
- package/dist/carbon-compat/tabs.d.ts +14 -0
- package/dist/carbon-compat/tabs.d.ts.map +1 -0
- package/dist/carbon-compat/tabs.js +58 -0
- package/dist/carbon-compat/tabs.js.map +1 -0
- package/dist/carbon-compat/tag.d.ts +6 -0
- package/dist/carbon-compat/tag.d.ts.map +1 -0
- package/dist/carbon-compat/tag.js +26 -0
- package/dist/carbon-compat/tag.js.map +1 -0
- package/dist/carbon-compat/text-area.d.ts +6 -0
- package/dist/carbon-compat/text-area.d.ts.map +1 -0
- package/dist/carbon-compat/text-area.js +15 -0
- package/dist/carbon-compat/text-area.js.map +1 -0
- package/dist/carbon-compat/text-input.d.ts +6 -0
- package/dist/carbon-compat/text-input.d.ts.map +1 -0
- package/dist/carbon-compat/text-input.js +11 -0
- package/dist/carbon-compat/text-input.js.map +1 -0
- package/dist/carbon-compat/tile.d.ts +8 -0
- package/dist/carbon-compat/tile.d.ts.map +1 -0
- package/dist/carbon-compat/tile.js +26 -0
- package/dist/carbon-compat/tile.js.map +1 -0
- package/dist/carbon-compat/toast-notification.d.ts +3 -0
- package/dist/carbon-compat/toast-notification.d.ts.map +1 -0
- package/dist/carbon-compat/toast-notification.js +3 -0
- package/dist/carbon-compat/toast-notification.js.map +1 -0
- package/dist/carbon-compat/toggle.d.ts +6 -0
- package/dist/carbon-compat/toggle.d.ts.map +1 -0
- package/dist/carbon-compat/toggle.js +15 -0
- package/dist/carbon-compat/toggle.js.map +1 -0
- package/dist/carbon-compat/tooltip.d.ts +6 -0
- package/dist/carbon-compat/tooltip.d.ts.map +1 -0
- package/dist/carbon-compat/tooltip.js +12 -0
- package/dist/carbon-compat/tooltip.js.map +1 -0
- package/dist/carbon-compat/tree-view.d.ts +3 -0
- package/dist/carbon-compat/tree-view.d.ts.map +1 -0
- package/dist/carbon-compat/tree-view.js +3 -0
- package/dist/carbon-compat/tree-view.js.map +1 -0
- package/dist/carbon-compat/unordered-list.d.ts +23 -0
- package/dist/carbon-compat/unordered-list.d.ts.map +1 -0
- package/dist/carbon-compat/unordered-list.js +26 -0
- package/dist/carbon-compat/unordered-list.js.map +1 -0
- package/dist/files/geist-sans-latin-400-normal.woff +0 -0
- package/dist/files/geist-sans-latin-400-normal.woff2 +0 -0
- package/dist/files/geist-sans-latin-500-normal.woff +0 -0
- package/dist/files/geist-sans-latin-500-normal.woff2 +0 -0
- package/dist/files/geist-sans-latin-600-normal.woff +0 -0
- package/dist/files/geist-sans-latin-600-normal.woff2 +0 -0
- package/dist/files/geist-sans-latin-700-normal.woff +0 -0
- package/dist/files/geist-sans-latin-700-normal.woff2 +0 -0
- package/dist/src/components/ui/alert-dialog.d.ts +15 -0
- package/dist/src/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/src/components/ui/alert-dialog.js +42 -0
- package/dist/src/components/ui/alert-dialog.js.map +1 -0
- package/dist/src/components/ui/app-header.d.ts +23 -0
- package/dist/src/components/ui/app-header.d.ts.map +1 -0
- package/dist/src/components/ui/app-header.js +14 -0
- package/dist/src/components/ui/app-header.js.map +1 -0
- package/dist/src/components/ui/app-sidebar.d.ts +85 -0
- package/dist/src/components/ui/app-sidebar.d.ts.map +1 -0
- package/dist/src/components/ui/app-sidebar.js +196 -0
- package/dist/src/components/ui/app-sidebar.js.map +1 -0
- package/dist/src/components/ui/badge.d.ts +10 -0
- package/dist/src/components/ui/badge.d.ts.map +1 -0
- package/dist/src/components/ui/badge.js +26 -0
- package/dist/src/components/ui/badge.js.map +1 -0
- package/dist/src/components/ui/breadcrumb.d.ts +12 -0
- package/dist/src/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/src/components/ui/breadcrumb.js +38 -0
- package/dist/src/components/ui/breadcrumb.js.map +1 -0
- package/dist/src/components/ui/button.d.ts +12 -0
- package/dist/src/components/ui/button.d.ts.map +1 -0
- package/dist/src/components/ui/button.js +43 -0
- package/dist/src/components/ui/button.js.map +1 -0
- package/dist/src/components/ui/c4-provider.d.ts +13 -0
- package/dist/src/components/ui/c4-provider.d.ts.map +1 -0
- package/dist/src/components/ui/c4-provider.js +13 -0
- package/dist/src/components/ui/c4-provider.js.map +1 -0
- package/dist/src/components/ui/card.d.ts +12 -0
- package/dist/src/components/ui/card.d.ts.map +1 -0
- package/dist/src/components/ui/card.js +26 -0
- package/dist/src/components/ui/card.js.map +1 -0
- package/dist/src/components/ui/checkbox.d.ts +5 -0
- package/dist/src/components/ui/checkbox.d.ts.map +1 -0
- package/dist/src/components/ui/checkbox.js +10 -0
- package/dist/src/components/ui/checkbox.js.map +1 -0
- package/dist/src/components/ui/collapsible.d.ts +7 -0
- package/dist/src/components/ui/collapsible.d.ts.map +1 -0
- package/dist/src/components/ui/collapsible.js +15 -0
- package/dist/src/components/ui/collapsible.js.map +1 -0
- package/dist/src/components/ui/command.d.ts +14 -0
- package/dist/src/components/ui/command.d.ts.map +1 -0
- package/dist/src/components/ui/command.js +33 -0
- package/dist/src/components/ui/command.js.map +1 -0
- package/dist/src/components/ui/data-table.d.ts +123 -0
- package/dist/src/components/ui/data-table.d.ts.map +1 -0
- package/dist/src/components/ui/data-table.js +245 -0
- package/dist/src/components/ui/data-table.js.map +1 -0
- package/dist/src/components/ui/dialog.d.ts +18 -0
- package/dist/src/components/ui/dialog.d.ts.map +1 -0
- package/dist/src/components/ui/dialog.js +40 -0
- package/dist/src/components/ui/dialog.js.map +1 -0
- package/dist/src/components/ui/dropdown.d.ts +26 -0
- package/dist/src/components/ui/dropdown.d.ts.map +1 -0
- package/dist/src/components/ui/dropdown.js +54 -0
- package/dist/src/components/ui/dropdown.js.map +1 -0
- package/dist/src/components/ui/input.d.ts +4 -0
- package/dist/src/components/ui/input.d.ts.map +1 -0
- package/dist/src/components/ui/input.js +8 -0
- package/dist/src/components/ui/input.js.map +1 -0
- package/dist/src/components/ui/label.d.ts +5 -0
- package/dist/src/components/ui/label.d.ts.map +1 -0
- package/dist/src/components/ui/label.js +10 -0
- package/dist/src/components/ui/label.js.map +1 -0
- package/dist/src/components/ui/nav-breadcrumb.d.ts +49 -0
- package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -0
- package/dist/src/components/ui/nav-breadcrumb.js +61 -0
- package/dist/src/components/ui/nav-breadcrumb.js.map +1 -0
- package/dist/src/components/ui/popover.d.ts +11 -0
- package/dist/src/components/ui/popover.d.ts.map +1 -0
- package/dist/src/components/ui/popover.js +28 -0
- package/dist/src/components/ui/popover.js.map +1 -0
- package/dist/src/components/ui/progress.d.ts +5 -0
- package/dist/src/components/ui/progress.d.ts.map +1 -0
- package/dist/src/components/ui/progress.js +11 -0
- package/dist/src/components/ui/progress.js.map +1 -0
- package/dist/src/components/ui/radio-group.d.ts +6 -0
- package/dist/src/components/ui/radio-group.d.ts.map +1 -0
- package/dist/src/components/ui/radio-group.js +14 -0
- package/dist/src/components/ui/radio-group.js.map +1 -0
- package/dist/src/components/ui/scroll-area.d.ts +6 -0
- package/dist/src/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/src/components/ui/scroll-area.js +15 -0
- package/dist/src/components/ui/scroll-area.js.map +1 -0
- package/dist/src/components/ui/select.d.ts +16 -0
- package/dist/src/components/ui/select.d.ts.map +1 -0
- package/dist/src/components/ui/select.js +41 -0
- package/dist/src/components/ui/select.js.map +1 -0
- package/dist/src/components/ui/separator.d.ts +5 -0
- package/dist/src/components/ui/separator.d.ts.map +1 -0
- package/dist/src/components/ui/separator.js +9 -0
- package/dist/src/components/ui/separator.js.map +1 -0
- package/dist/src/components/ui/sheet.d.ts +20 -0
- package/dist/src/components/ui/sheet.d.ts.map +1 -0
- package/dist/src/components/ui/sheet.js +56 -0
- package/dist/src/components/ui/sheet.js.map +1 -0
- package/dist/src/components/ui/sidebar-provider.d.ts +41 -0
- package/dist/src/components/ui/sidebar-provider.d.ts.map +1 -0
- package/dist/src/components/ui/sidebar-provider.js +75 -0
- package/dist/src/components/ui/sidebar-provider.js.map +1 -0
- package/dist/src/components/ui/stepper.d.ts +20 -0
- package/dist/src/components/ui/stepper.d.ts.map +1 -0
- package/dist/src/components/ui/stepper.js +49 -0
- package/dist/src/components/ui/stepper.js.map +1 -0
- package/dist/src/components/ui/switch.d.ts +5 -0
- package/dist/src/components/ui/switch.d.ts.map +1 -0
- package/dist/src/components/ui/switch.js +24 -0
- package/dist/src/components/ui/switch.js.map +1 -0
- package/dist/src/components/ui/table.d.ts +15 -0
- package/dist/src/components/ui/table.d.ts.map +1 -0
- package/dist/src/components/ui/table.js +47 -0
- package/dist/src/components/ui/table.js.map +1 -0
- package/dist/src/components/ui/tabs.d.ts +12 -0
- package/dist/src/components/ui/tabs.d.ts.map +1 -0
- package/dist/src/components/ui/tabs.js +30 -0
- package/dist/src/components/ui/tabs.js.map +1 -0
- package/dist/src/components/ui/textarea.d.ts +4 -0
- package/dist/src/components/ui/textarea.d.ts.map +1 -0
- package/dist/src/components/ui/textarea.js +8 -0
- package/dist/src/components/ui/textarea.js.map +1 -0
- package/dist/src/components/ui/toggle-group.d.ts +8 -0
- package/dist/src/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/src/components/ui/toggle-group.js +28 -0
- package/dist/src/components/ui/toggle-group.js.map +1 -0
- package/dist/src/components/ui/toggle.d.ts +10 -0
- package/dist/src/components/ui/toggle.d.ts.map +1 -0
- package/dist/src/components/ui/toggle.js +28 -0
- package/dist/src/components/ui/toggle.js.map +1 -0
- package/dist/src/components/ui/tooltip.d.ts +8 -0
- package/dist/src/components/ui/tooltip.d.ts.map +1 -0
- package/dist/src/components/ui/tooltip.js +31 -0
- package/dist/src/components/ui/tooltip.js.map +1 -0
- package/dist/src/components/ui/tree-view.d.ts +62 -0
- package/dist/src/components/ui/tree-view.d.ts.map +1 -0
- package/dist/src/components/ui/tree-view.js +436 -0
- package/dist/src/components/ui/tree-view.js.map +1 -0
- package/dist/src/hooks/use-is-mobile.d.ts +7 -0
- package/dist/src/hooks/use-is-mobile.d.ts.map +1 -0
- package/dist/src/hooks/use-is-mobile.js +31 -0
- package/dist/src/hooks/use-is-mobile.js.map +1 -0
- package/dist/src/hooks/use-media-query.d.ts +11 -0
- package/dist/src/hooks/use-media-query.d.ts.map +1 -0
- package/dist/src/hooks/use-media-query.js +22 -0
- package/dist/src/hooks/use-media-query.js.map +1 -0
- package/dist/src/index.d.ts +40 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +38 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/lib/utils.d.ts +13 -0
- package/dist/src/lib/utils.d.ts.map +1 -0
- package/dist/src/lib/utils.js +39 -0
- package/dist/src/lib/utils.js.map +1 -0
- package/dist/src/specs/schema.d.ts +105 -0
- package/dist/src/specs/schema.d.ts.map +1 -0
- package/dist/src/specs/schema.js +15 -0
- package/dist/src/specs/schema.js.map +1 -0
- package/dist/styles.css +4315 -0
- package/package.json +138 -0
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* C3DataTable compat adapter.
|
|
3
|
+
*
|
|
4
|
+
* C3DataTable is technically not a Carbon component — it lives in
|
|
5
|
+
* `@camunda/camunda-composite-components` and wraps Carbon's DataTable
|
|
6
|
+
* with a `headers` / `data` / `actions` / `options` API. We ship the
|
|
7
|
+
* adapter under `carbon-compat/` anyway because it serves the same
|
|
8
|
+
* migration purpose: change the import path on a consumer page and the
|
|
9
|
+
* rest of the call site stays put.
|
|
10
|
+
*
|
|
11
|
+
* // Before:
|
|
12
|
+
* import { C3DataTable, type RowBaseProps } from '@camunda/camunda-composite-components';
|
|
13
|
+
*
|
|
14
|
+
* // After (zero JSX changes):
|
|
15
|
+
* import { C3DataTable, type RowBaseProps } from '@camunda/design-system/carbon-compat';
|
|
16
|
+
*
|
|
17
|
+
* The adapter renders the shadcn `DataTable` (TanStack) underneath. See
|
|
18
|
+
* docs/dev-specs/DATATABLE_C3_PARITY.md for the full surface translation.
|
|
19
|
+
*
|
|
20
|
+
* Out of scope by design:
|
|
21
|
+
* • `queryPrefix` / `queryName` URL state — c3 monkey-patches
|
|
22
|
+
* `window.history.replaceState`; we do not port that. Consumers
|
|
23
|
+
* wanting URL-persisted filters can manage them via their router
|
|
24
|
+
* and pass values into controlled toolbar items if they ever need it.
|
|
25
|
+
*/
|
|
26
|
+
import * as React from "react";
|
|
27
|
+
export interface RowBaseProps {
|
|
28
|
+
id: string;
|
|
29
|
+
originalIndex?: number;
|
|
30
|
+
/** Per-row expansion content. When present on any row, the table renders an expand toggle. */
|
|
31
|
+
expansion?: React.ReactNode;
|
|
32
|
+
/** Row-level click handler. Suppressed when clicking inside interactive elements. */
|
|
33
|
+
onClick?: () => void;
|
|
34
|
+
}
|
|
35
|
+
export interface Filter<T extends RowBaseProps> {
|
|
36
|
+
selectedItems?: string[];
|
|
37
|
+
selectedItem?: string;
|
|
38
|
+
row: T;
|
|
39
|
+
searchTerm?: string;
|
|
40
|
+
}
|
|
41
|
+
export interface C3DataTableHeaderContentType<T> {
|
|
42
|
+
type: "text" | "code" | "link-button" | "link" | "wrapper";
|
|
43
|
+
options?: {
|
|
44
|
+
codeOptions?: {
|
|
45
|
+
type: "inline" | "multi" | "single";
|
|
46
|
+
};
|
|
47
|
+
linkOptions?: {
|
|
48
|
+
href: (row: T) => string;
|
|
49
|
+
target?: string;
|
|
50
|
+
};
|
|
51
|
+
linkButtonOptions?: {
|
|
52
|
+
onClick: (row: T) => void;
|
|
53
|
+
disabled?: (row: T) => boolean;
|
|
54
|
+
};
|
|
55
|
+
wrapperOptions?: {
|
|
56
|
+
wrapper: (row: T) => React.ReactNode;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
export interface C3DataTableHeadersProps<T extends RowBaseProps> {
|
|
61
|
+
label: string;
|
|
62
|
+
key: string;
|
|
63
|
+
sorting?: (a: T, b: T) => number;
|
|
64
|
+
type?: C3DataTableHeaderContentType<T>;
|
|
65
|
+
}
|
|
66
|
+
type CarbonKind = "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger--tertiary" | "danger--ghost";
|
|
67
|
+
export interface C3DataTableActionProps<T extends RowBaseProps> {
|
|
68
|
+
id: string;
|
|
69
|
+
kind?: CarbonKind | string;
|
|
70
|
+
label: ((row: T) => string) | string;
|
|
71
|
+
icon?: ((row: T) => React.ReactNode) | React.ReactNode;
|
|
72
|
+
disabled?: (row: T) => boolean;
|
|
73
|
+
visible?: (row: T) => boolean;
|
|
74
|
+
hasDivider?: boolean;
|
|
75
|
+
onClick: (row: T, event?: any) => void;
|
|
76
|
+
}
|
|
77
|
+
export interface C3DataTableToolbarCommonProps {
|
|
78
|
+
id: string;
|
|
79
|
+
label?: string;
|
|
80
|
+
icon?: React.ReactNode;
|
|
81
|
+
}
|
|
82
|
+
export interface C3DataTableToolbarSearchItemProps<T extends RowBaseProps> extends C3DataTableToolbarCommonProps {
|
|
83
|
+
type: "search";
|
|
84
|
+
queryName?: string;
|
|
85
|
+
filter?: (currentFilter: Filter<T>) => boolean;
|
|
86
|
+
}
|
|
87
|
+
export interface C3DataTableToolbarButtonItemProps extends C3DataTableToolbarCommonProps {
|
|
88
|
+
type: "button";
|
|
89
|
+
onClick: () => void;
|
|
90
|
+
disabled?: boolean;
|
|
91
|
+
kind?: CarbonKind | string;
|
|
92
|
+
}
|
|
93
|
+
export interface C3DataTableToolbarMultiSelectItemProps<T extends RowBaseProps> extends C3DataTableToolbarCommonProps {
|
|
94
|
+
type: "multiSelect";
|
|
95
|
+
items?: Array<{
|
|
96
|
+
id: string;
|
|
97
|
+
label: string;
|
|
98
|
+
}>;
|
|
99
|
+
kind?: CarbonKind | string;
|
|
100
|
+
queryName?: string;
|
|
101
|
+
filter?: (currentFilter: Filter<T>) => boolean;
|
|
102
|
+
}
|
|
103
|
+
export interface C3DataTableToolbarSingleSelectItemProps<T extends RowBaseProps> extends C3DataTableToolbarCommonProps {
|
|
104
|
+
type: "singleSelect";
|
|
105
|
+
items?: Array<{
|
|
106
|
+
id: string;
|
|
107
|
+
label: string;
|
|
108
|
+
}>;
|
|
109
|
+
disabled?: boolean;
|
|
110
|
+
kind?: CarbonKind | string;
|
|
111
|
+
defaultValue?: string;
|
|
112
|
+
queryName?: string;
|
|
113
|
+
filter?: (currentFilter: Filter<T>) => boolean;
|
|
114
|
+
}
|
|
115
|
+
export interface C3DataTableToolbarMultiItemButtonProps<T extends RowBaseProps> extends C3DataTableToolbarCommonProps {
|
|
116
|
+
type: "multiItemButton";
|
|
117
|
+
multiOnClick: (selectedItems: T[]) => void;
|
|
118
|
+
disabled?: (selectedItems: T[]) => boolean;
|
|
119
|
+
kind?: CarbonKind | string;
|
|
120
|
+
}
|
|
121
|
+
export interface C3DataTableToolbarMenuButtonItemProps extends C3DataTableToolbarCommonProps {
|
|
122
|
+
type: "menuButton";
|
|
123
|
+
disabled?: boolean;
|
|
124
|
+
items: Array<{
|
|
125
|
+
onClick: () => void;
|
|
126
|
+
label: string;
|
|
127
|
+
disabled?: boolean;
|
|
128
|
+
}>;
|
|
129
|
+
kind?: CarbonKind | string;
|
|
130
|
+
}
|
|
131
|
+
export type C3DataTableToolbarProps<T extends RowBaseProps> = C3DataTableToolbarSearchItemProps<T> | C3DataTableToolbarButtonItemProps | C3DataTableToolbarMultiSelectItemProps<T> | C3DataTableToolbarMultiItemButtonProps<T> | C3DataTableToolbarSingleSelectItemProps<T> | C3DataTableToolbarMenuButtonItemProps;
|
|
132
|
+
export interface C3DataTableOptions {
|
|
133
|
+
pageSize?: number;
|
|
134
|
+
pageSizes?: number[];
|
|
135
|
+
tableSize?: "sm" | "md" | "lg";
|
|
136
|
+
useZebraStyles?: boolean;
|
|
137
|
+
/**
|
|
138
|
+
* Threshold at which row actions render as an overflow menu instead of
|
|
139
|
+
* inline buttons. Matches Carbon's `DataTable` semantics: when
|
|
140
|
+
* `actions.length >= actionsUseOverflowMenuMinItems` the overflow menu
|
|
141
|
+
* is used.
|
|
142
|
+
*/
|
|
143
|
+
actionsUseOverflowMenuMinItems?: number;
|
|
144
|
+
}
|
|
145
|
+
export interface C3DataTableProps<T extends RowBaseProps> {
|
|
146
|
+
id?: string;
|
|
147
|
+
title?: React.ReactNode;
|
|
148
|
+
description?: React.ReactNode;
|
|
149
|
+
headers: C3DataTableHeadersProps<T>[];
|
|
150
|
+
data: T[];
|
|
151
|
+
actions?: C3DataTableActionProps<T>[];
|
|
152
|
+
options?: C3DataTableOptions;
|
|
153
|
+
toolbar?: C3DataTableToolbarProps<T>[];
|
|
154
|
+
toolbars?: C3DataTableToolbarProps<T>[][];
|
|
155
|
+
isLoading?: boolean;
|
|
156
|
+
/** Out of scope — see header comment. */
|
|
157
|
+
queryPrefix?: string;
|
|
158
|
+
}
|
|
159
|
+
export declare function C3DataTable<T extends RowBaseProps>({ id, title, description, headers, data, actions, options, toolbar, toolbars, isLoading, queryPrefix, }: C3DataTableProps<T>): React.JSX.Element;
|
|
160
|
+
export {};
|
|
161
|
+
//# sourceMappingURL=c3-data-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"c3-data-table.d.ts","sourceRoot":"","sources":["../../carbon-compat/c3-data-table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,297 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* C3DataTable compat adapter.
|
|
4
|
+
*
|
|
5
|
+
* C3DataTable is technically not a Carbon component — it lives in
|
|
6
|
+
* `@camunda/camunda-composite-components` and wraps Carbon's DataTable
|
|
7
|
+
* with a `headers` / `data` / `actions` / `options` API. We ship the
|
|
8
|
+
* adapter under `carbon-compat/` anyway because it serves the same
|
|
9
|
+
* migration purpose: change the import path on a consumer page and the
|
|
10
|
+
* rest of the call site stays put.
|
|
11
|
+
*
|
|
12
|
+
* // Before:
|
|
13
|
+
* import { C3DataTable, type RowBaseProps } from '@camunda/camunda-composite-components';
|
|
14
|
+
*
|
|
15
|
+
* // After (zero JSX changes):
|
|
16
|
+
* import { C3DataTable, type RowBaseProps } from '@camunda/design-system/carbon-compat';
|
|
17
|
+
*
|
|
18
|
+
* The adapter renders the shadcn `DataTable` (TanStack) underneath. See
|
|
19
|
+
* docs/dev-specs/DATATABLE_C3_PARITY.md for the full surface translation.
|
|
20
|
+
*
|
|
21
|
+
* Out of scope by design:
|
|
22
|
+
* • `queryPrefix` / `queryName` URL state — c3 monkey-patches
|
|
23
|
+
* `window.history.replaceState`; we do not port that. Consumers
|
|
24
|
+
* wanting URL-persisted filters can manage them via their router
|
|
25
|
+
* and pass values into controlled toolbar items if they ever need it.
|
|
26
|
+
*/
|
|
27
|
+
import * as React from "react";
|
|
28
|
+
import { ChevronDown, SearchIcon } from "lucide-react";
|
|
29
|
+
import { Button } from "../src/components/ui/button";
|
|
30
|
+
import { Checkbox } from "../src/components/ui/checkbox";
|
|
31
|
+
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../src/components/ui/command";
|
|
32
|
+
import { DataTable, } from "../src/components/ui/data-table";
|
|
33
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../src/components/ui/dropdown";
|
|
34
|
+
import { Input } from "../src/components/ui/input";
|
|
35
|
+
import { Popover, PopoverContent, PopoverTrigger, } from "../src/components/ui/popover";
|
|
36
|
+
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../src/components/ui/select";
|
|
37
|
+
import { cn, renderIconNode, warnDroppedProps } from "../src/lib/utils";
|
|
38
|
+
// ── Helpers ──────────────────────────────────────────────────────────────
|
|
39
|
+
const KIND_TO_VARIANT = {
|
|
40
|
+
primary: "default",
|
|
41
|
+
secondary: "default",
|
|
42
|
+
tertiary: "default",
|
|
43
|
+
ghost: "default",
|
|
44
|
+
danger: "destructive",
|
|
45
|
+
"danger--tertiary": "destructive",
|
|
46
|
+
"danger--ghost": "destructive",
|
|
47
|
+
};
|
|
48
|
+
function variantFor(kind) {
|
|
49
|
+
if (!kind)
|
|
50
|
+
return "default";
|
|
51
|
+
return KIND_TO_VARIANT[kind] ?? "default";
|
|
52
|
+
}
|
|
53
|
+
function buttonVariantFor(kind) {
|
|
54
|
+
switch (kind) {
|
|
55
|
+
case "primary":
|
|
56
|
+
return "default";
|
|
57
|
+
case "secondary":
|
|
58
|
+
return "secondary";
|
|
59
|
+
case "tertiary":
|
|
60
|
+
return "outline";
|
|
61
|
+
case "ghost":
|
|
62
|
+
return "ghost";
|
|
63
|
+
case "danger":
|
|
64
|
+
case "danger--tertiary":
|
|
65
|
+
case "danger--ghost":
|
|
66
|
+
return "destructive";
|
|
67
|
+
default:
|
|
68
|
+
return "default";
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
function renderCellByType(header, row) {
|
|
72
|
+
const type = header.type?.type;
|
|
73
|
+
// `header.key` is `string` to match c3's looseness; index with a cast.
|
|
74
|
+
// If the key isn't on the row, the value is `undefined` which renders as nothing —
|
|
75
|
+
// same as c3's behaviour.
|
|
76
|
+
const value = row[header.key];
|
|
77
|
+
if (!type || type === "text")
|
|
78
|
+
return value;
|
|
79
|
+
const opts = header.type?.options;
|
|
80
|
+
switch (type) {
|
|
81
|
+
case "wrapper":
|
|
82
|
+
return opts?.wrapperOptions?.wrapper(row) ?? value;
|
|
83
|
+
case "link": {
|
|
84
|
+
const linkOpts = opts?.linkOptions;
|
|
85
|
+
if (!linkOpts)
|
|
86
|
+
return value;
|
|
87
|
+
return (_jsx("a", { href: linkOpts.href(row), target: linkOpts.target, className: "text-primary underline-offset-2 hover:underline", onClick: (e) => e.stopPropagation(), children: value }));
|
|
88
|
+
}
|
|
89
|
+
case "link-button": {
|
|
90
|
+
const btnOpts = opts?.linkButtonOptions;
|
|
91
|
+
if (!btnOpts)
|
|
92
|
+
return value;
|
|
93
|
+
const disabled = btnOpts.disabled?.(row) ?? false;
|
|
94
|
+
return (_jsx("button", { type: "button", "data-interactive": true, disabled: disabled, onClick: (e) => {
|
|
95
|
+
e.stopPropagation();
|
|
96
|
+
btnOpts.onClick(row);
|
|
97
|
+
}, className: "text-primary underline-offset-2 hover:underline disabled:cursor-not-allowed disabled:opacity-50", children: value }));
|
|
98
|
+
}
|
|
99
|
+
case "code": {
|
|
100
|
+
const codeKind = opts?.codeOptions?.type ?? "inline";
|
|
101
|
+
if (codeKind === "inline") {
|
|
102
|
+
return (_jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs", children: value }));
|
|
103
|
+
}
|
|
104
|
+
return (_jsx("pre", { className: "overflow-x-auto rounded bg-muted p-2 font-mono text-xs", children: _jsx("code", { children: value }) }));
|
|
105
|
+
}
|
|
106
|
+
default:
|
|
107
|
+
return value;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
function isFilterable(item) {
|
|
111
|
+
return (item.type === "search" ||
|
|
112
|
+
item.type === "multiSelect" ||
|
|
113
|
+
item.type === "singleSelect");
|
|
114
|
+
}
|
|
115
|
+
function applyFilters(data, items, state) {
|
|
116
|
+
const filterables = items.filter(isFilterable);
|
|
117
|
+
if (filterables.length === 0)
|
|
118
|
+
return data;
|
|
119
|
+
return data.filter((row) => filterables.every((item) => {
|
|
120
|
+
if (!item.filter)
|
|
121
|
+
return true;
|
|
122
|
+
// Match c3's behaviour: when a filterable input is empty / unset, skip
|
|
123
|
+
// its filter callback entirely (implicit "show all"). Consumer callbacks
|
|
124
|
+
// commonly assume this — they often return `false` for the empty case
|
|
125
|
+
// (e.g. `selectedItems?.some(...)`), which would otherwise hide every
|
|
126
|
+
// row by default.
|
|
127
|
+
const filter = { row };
|
|
128
|
+
if (item.type === "search") {
|
|
129
|
+
const searchTerm = state.searches[item.id];
|
|
130
|
+
if (!searchTerm)
|
|
131
|
+
return true;
|
|
132
|
+
filter.searchTerm = searchTerm;
|
|
133
|
+
}
|
|
134
|
+
else if (item.type === "singleSelect") {
|
|
135
|
+
const selectedItem = state.singleSelects[item.id];
|
|
136
|
+
if (!selectedItem)
|
|
137
|
+
return true;
|
|
138
|
+
filter.selectedItem = selectedItem;
|
|
139
|
+
}
|
|
140
|
+
else if (item.type === "multiSelect") {
|
|
141
|
+
const selectedItems = state.multiSelects[item.id];
|
|
142
|
+
if (!selectedItems || selectedItems.length === 0)
|
|
143
|
+
return true;
|
|
144
|
+
filter.selectedItems = selectedItems;
|
|
145
|
+
}
|
|
146
|
+
return item.filter(filter);
|
|
147
|
+
}));
|
|
148
|
+
}
|
|
149
|
+
function C3Toolbar({ rows, state, setState, selectedRows, }) {
|
|
150
|
+
return (_jsx("div", { "data-slot": "c3-data-table-toolbar", className: "flex flex-col gap-1.5", children: rows.map((row, rowIdx) => (_jsx("div", { className: "flex flex-wrap items-center gap-2", "data-slot": "c3-data-table-toolbar-row", children: row.map((item) => (_jsx(C3ToolbarItem, { item: item, state: state, setState: setState, selectedRows: selectedRows }, item.id))) }, rowIdx))) }));
|
|
151
|
+
}
|
|
152
|
+
function C3ToolbarItem({ item, state, setState, selectedRows, }) {
|
|
153
|
+
switch (item.type) {
|
|
154
|
+
case "search": {
|
|
155
|
+
const value = state.searches[item.id] ?? "";
|
|
156
|
+
return (_jsxs("div", { "data-slot": "c3-toolbar-search", className: "relative flex w-64 items-center", children: [_jsx(SearchIcon, { "aria-hidden": true, className: "absolute left-2 size-4 text-muted-foreground" }), _jsx(Input, { type: "search", placeholder: item.label ?? "Search", value: value, onChange: (e) => setState((prev) => ({
|
|
157
|
+
...prev,
|
|
158
|
+
searches: { ...prev.searches, [item.id]: e.target.value },
|
|
159
|
+
})), className: "pl-8" })] }));
|
|
160
|
+
}
|
|
161
|
+
case "button": {
|
|
162
|
+
return (_jsxs(Button, { variant: buttonVariantFor(item.kind), disabled: item.disabled, onClick: item.onClick, children: [renderIconNode(item.icon), item.label] }));
|
|
163
|
+
}
|
|
164
|
+
case "singleSelect": {
|
|
165
|
+
const value = state.singleSelects[item.id] ?? item.defaultValue ?? "";
|
|
166
|
+
return (_jsxs(Select, { value: value, onValueChange: (v) => setState((prev) => ({
|
|
167
|
+
...prev,
|
|
168
|
+
singleSelects: { ...prev.singleSelects, [item.id]: v },
|
|
169
|
+
})), disabled: item.disabled, children: [_jsx(SelectTrigger, { className: "w-48", "aria-label": item.label, children: _jsx(SelectValue, { placeholder: item.label ?? "Select" }) }), _jsx(SelectContent, { children: (item.items ?? []).map((opt) => (_jsx(SelectItem, { value: opt.id, children: opt.label }, opt.id))) })] }));
|
|
170
|
+
}
|
|
171
|
+
case "multiSelect": {
|
|
172
|
+
const selected = state.multiSelects[item.id] ?? [];
|
|
173
|
+
const toggle = (id) => setState((prev) => {
|
|
174
|
+
const cur = prev.multiSelects[item.id] ?? [];
|
|
175
|
+
const next = cur.includes(id)
|
|
176
|
+
? cur.filter((x) => x !== id)
|
|
177
|
+
: [...cur, id];
|
|
178
|
+
return {
|
|
179
|
+
...prev,
|
|
180
|
+
multiSelects: { ...prev.multiSelects, [item.id]: next },
|
|
181
|
+
};
|
|
182
|
+
});
|
|
183
|
+
const triggerLabel = selected.length
|
|
184
|
+
? `${item.label ?? "Select"} (${selected.length})`
|
|
185
|
+
: (item.label ?? "Select");
|
|
186
|
+
return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", className: "w-48 justify-between", children: [_jsx("span", { className: "truncate", children: triggerLabel }), _jsx(ChevronDown, { "aria-hidden": true, className: "size-4 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: `Search ${item.label ?? "..."}` }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results." }), _jsx(CommandGroup, { children: (item.items ?? []).map((opt) => (_jsxs(CommandItem, { value: opt.label, onSelect: () => toggle(opt.id), children: [_jsx(Checkbox, { checked: selected.includes(opt.id), className: "mr-2",
|
|
187
|
+
// Toggling is handled by CommandItem's onSelect — block
|
|
188
|
+
// the checkbox's own onCheckedChange to avoid double-fire.
|
|
189
|
+
onCheckedChange: () => toggle(opt.id), onClick: (e) => e.stopPropagation() }), opt.label] }, opt.id))) })] })] }) })] }));
|
|
190
|
+
}
|
|
191
|
+
case "multiItemButton": {
|
|
192
|
+
const disabled = selectedRows.length === 0 || (item.disabled?.(selectedRows) ?? false);
|
|
193
|
+
return (_jsxs(Button, { variant: buttonVariantFor(item.kind), disabled: disabled, onClick: () => item.multiOnClick(selectedRows), children: [renderIconNode(item.icon), item.label, selectedRows.length > 0 && (_jsx("span", { className: "ml-1 rounded bg-foreground/10 px-1.5 text-xs", children: selectedRows.length }))] }));
|
|
194
|
+
}
|
|
195
|
+
case "menuButton": {
|
|
196
|
+
return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: buttonVariantFor(item.kind), disabled: item.disabled, children: [renderIconNode(item.icon), item.label, _jsx(ChevronDown, { "aria-hidden": true, className: "ml-1 size-4 opacity-70" })] }) }), _jsx(DropdownMenuContent, { align: "end", children: item.items.map((mi, i) => (_jsx(DropdownMenuItem, { disabled: mi.disabled, onSelect: () => mi.onClick(), children: mi.label }, `${mi.label}-${i}`))) })] }));
|
|
197
|
+
}
|
|
198
|
+
default:
|
|
199
|
+
return null;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
// ── Main adapter ─────────────────────────────────────────────────────────
|
|
203
|
+
export function C3DataTable({ id, title, description, headers, data, actions, options, toolbar, toolbars, isLoading, queryPrefix, }) {
|
|
204
|
+
// ── Out-of-scope warning ──────────────────────────────────────────────
|
|
205
|
+
if (queryPrefix !== undefined) {
|
|
206
|
+
warnDroppedProps("C3DataTable", { queryPrefix });
|
|
207
|
+
}
|
|
208
|
+
if (toolbar !== undefined && toolbars !== undefined) {
|
|
209
|
+
throw new Error("C3DataTable: pass either `toolbar` or `toolbars`, not both.");
|
|
210
|
+
}
|
|
211
|
+
// ── Normalise toolbars to a 2D structure ──────────────────────────────
|
|
212
|
+
const toolbarRows = React.useMemo(() => {
|
|
213
|
+
if (toolbars && toolbars.length > 0)
|
|
214
|
+
return toolbars;
|
|
215
|
+
if (toolbar && toolbar.length > 0)
|
|
216
|
+
return [toolbar];
|
|
217
|
+
return [];
|
|
218
|
+
}, [toolbar, toolbars]);
|
|
219
|
+
const allToolbarItems = React.useMemo(() => toolbarRows.flat(), [toolbarRows]);
|
|
220
|
+
const hasToolbar = allToolbarItems.length > 0;
|
|
221
|
+
const hasMultiItemButton = allToolbarItems.some((i) => i.type === "multiItemButton");
|
|
222
|
+
// ── Toolbar filter state ──────────────────────────────────────────────
|
|
223
|
+
// Seed singleSelect defaults via useState's lazy initializer — runs once on
|
|
224
|
+
// mount, no setState-in-effect (which would trigger a cascading render and
|
|
225
|
+
// is flagged by `react-hooks/set-state-in-effect`). Trade-off: a consumer
|
|
226
|
+
// that dynamically swaps the toolbar config to introduce a new singleSelect
|
|
227
|
+
// with `defaultValue` after mount won't get that default seeded — the
|
|
228
|
+
// common case is a static toolbar shape, which this covers correctly.
|
|
229
|
+
const [filterState, setFilterState] = React.useState(() => {
|
|
230
|
+
const singleSelects = {};
|
|
231
|
+
for (const item of allToolbarItems) {
|
|
232
|
+
if (item.type === "singleSelect" && item.defaultValue !== undefined) {
|
|
233
|
+
singleSelects[item.id] = item.defaultValue;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
return { searches: {}, singleSelects, multiSelects: {} };
|
|
237
|
+
});
|
|
238
|
+
// ── Row selection state (needed for multiItemButton) ──────────────────
|
|
239
|
+
const [rowSelection, setRowSelection] = React.useState({});
|
|
240
|
+
// ── Filtered data ─────────────────────────────────────────────────────
|
|
241
|
+
const filteredData = React.useMemo(() => applyFilters(data, allToolbarItems, filterState), [data, allToolbarItems, filterState]);
|
|
242
|
+
const selectedRows = React.useMemo(() => filteredData.filter((row) => rowSelection[row.id]), [filteredData, rowSelection]);
|
|
243
|
+
// ── Columns ───────────────────────────────────────────────────────────
|
|
244
|
+
const columns = React.useMemo(() => headers.map((h) => {
|
|
245
|
+
const needsCustomCell = h.type?.type && h.type.type !== "text";
|
|
246
|
+
return {
|
|
247
|
+
accessorKey: h.key,
|
|
248
|
+
header: h.label,
|
|
249
|
+
...(needsCustomCell && {
|
|
250
|
+
cell: ({ row }) => renderCellByType(h, row.original),
|
|
251
|
+
}),
|
|
252
|
+
...(h.sorting && {
|
|
253
|
+
sortingFn: (rowA, rowB) => h.sorting(rowA.original, rowB.original),
|
|
254
|
+
}),
|
|
255
|
+
};
|
|
256
|
+
}), [headers]);
|
|
257
|
+
// ── Actions ───────────────────────────────────────────────────────────
|
|
258
|
+
const rowActions = React.useMemo(() => {
|
|
259
|
+
if (!actions || actions.length === 0)
|
|
260
|
+
return undefined;
|
|
261
|
+
return actions.map((a) => ({
|
|
262
|
+
id: a.id,
|
|
263
|
+
label: a.label,
|
|
264
|
+
icon: a.icon,
|
|
265
|
+
onClick: (row) => a.onClick(row),
|
|
266
|
+
disabled: a.disabled,
|
|
267
|
+
visible: a.visible,
|
|
268
|
+
variant: variantFor(a.kind),
|
|
269
|
+
hasDivider: a.hasDivider,
|
|
270
|
+
}));
|
|
271
|
+
}, [actions]);
|
|
272
|
+
// ── Pagination ────────────────────────────────────────────────────────
|
|
273
|
+
const paginationConfig = React.useMemo(() => {
|
|
274
|
+
const { pageSize, pageSizes } = options ?? {};
|
|
275
|
+
if (pageSize === undefined && pageSizes === undefined)
|
|
276
|
+
return true;
|
|
277
|
+
return {
|
|
278
|
+
pageSizes,
|
|
279
|
+
defaultPageSize: pageSize ?? pageSizes?.[0],
|
|
280
|
+
};
|
|
281
|
+
}, [options]);
|
|
282
|
+
// ── Expansion + row click detection ───────────────────────────────────
|
|
283
|
+
const hasExpansion = React.useMemo(() => filteredData.some((row) => row.expansion !== undefined && row.expansion !== null), [filteredData]);
|
|
284
|
+
const hasRowClick = React.useMemo(() => filteredData.some((row) => typeof row.onClick === "function"), [filteredData]);
|
|
285
|
+
// Title + description render in the adapter wrapper above the toolbar so the
|
|
286
|
+
// visual order matches c3: heading → toolbar → table. (DS DataTable's own
|
|
287
|
+
// title/description slot stays available for DS-native consumers — the
|
|
288
|
+
// adapter just doesn't use it.)
|
|
289
|
+
const hasHeading = title !== undefined || description !== undefined;
|
|
290
|
+
return (_jsxs("div", { id: id, className: cn("flex flex-col gap-3"), children: [hasHeading && (_jsxs("div", { "data-slot": "c3-data-table-heading", className: "flex flex-col gap-1", children: [title !== undefined && (_jsx("div", { className: "text-base font-semibold", children: title })), description !== undefined && (_jsx("div", { className: "text-sm text-muted-foreground", children: description }))] })), hasToolbar && (_jsx(C3Toolbar, { rows: toolbarRows, state: filterState, setState: setFilterState, selectedRows: selectedRows })), _jsx(DataTable, { columns: columns, data: filteredData, sorting: true, pagination: paginationConfig, rowActions: rowActions, inlineActionsThreshold: options?.actionsUseOverflowMenuMinItems ?? 0, expansion: hasExpansion ? (row) => row.expansion ?? null : undefined, onRowClick: hasRowClick ? (row) => row.onClick?.() : undefined, loading: isLoading, size: options?.tableSize, zebra: options?.useZebraStyles, getRowId: (row) => row.id, rowSelection: hasMultiItemButton
|
|
291
|
+
? {
|
|
292
|
+
selectedRowIds: rowSelection,
|
|
293
|
+
onSelectedRowsChange: setRowSelection,
|
|
294
|
+
}
|
|
295
|
+
: undefined })] }));
|
|
296
|
+
}
|
|
297
|
+
//# sourceMappingURL=c3-data-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"c3-data-table.js","sourceRoot":"","sources":["../../carbon-compat/c3-data-table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* C3ResponsiveStack adapter — flex layout that collapses to a column
|
|
3
|
+
* on narrow viewports (≤768px).
|
|
4
|
+
*
|
|
5
|
+
* Lives in `carbon-compat/` per the repo convention (c3 adapters
|
|
6
|
+
* grouped here — see the header comment in `carbon-compat/index.ts`).
|
|
7
|
+
*/
|
|
8
|
+
import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
|
|
9
|
+
export interface C3ResponsiveStackProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
orientation?: "horizontal" | "vertical";
|
|
11
|
+
/** Carbon-shaped gap. Number → multiplied by 16px; string passed through. */
|
|
12
|
+
gap?: number | string;
|
|
13
|
+
alignItems?: CSSProperties["alignItems"];
|
|
14
|
+
justifyContent?: CSSProperties["justifyContent"];
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
declare function C3ResponsiveStack({ orientation, gap, alignItems, justifyContent, className, style, children, ...rest }: C3ResponsiveStackProps): import("react").JSX.Element;
|
|
18
|
+
export { C3ResponsiveStack };
|
|
19
|
+
//# sourceMappingURL=c3-responsive-stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"c3-responsive-stack.d.ts","sourceRoot":"","sources":["../../carbon-compat/c3-responsive-stack.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,6EAA6E;IAC7E,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAQD,iBAAS,iBAAiB,CAAC,EACzB,WAA0B,EAC1B,GAAG,EACH,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,+BAsBxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../src/lib/utils";
|
|
3
|
+
function gapValue(gap) {
|
|
4
|
+
if (gap === undefined || gap === null)
|
|
5
|
+
return "16px";
|
|
6
|
+
if (typeof gap === "string")
|
|
7
|
+
return gap;
|
|
8
|
+
return `${gap * 16}px`;
|
|
9
|
+
}
|
|
10
|
+
function C3ResponsiveStack({ orientation = "horizontal", gap, alignItems, justifyContent, className, style, children, ...rest }) {
|
|
11
|
+
return (_jsx("div", { "data-slot": "carbon-compat-c3-responsive-stack", className: cn(
|
|
12
|
+
// Mobile-first: always column at ≤768px; switch to row above md.
|
|
13
|
+
// Vertical orientation stays column at all widths.
|
|
14
|
+
"flex flex-col", orientation === "horizontal" && "md:flex-row", className), style: {
|
|
15
|
+
gap: gapValue(gap),
|
|
16
|
+
alignItems,
|
|
17
|
+
justifyContent,
|
|
18
|
+
...style,
|
|
19
|
+
}, ...rest, children: children }));
|
|
20
|
+
}
|
|
21
|
+
export { C3ResponsiveStack };
|
|
22
|
+
//# sourceMappingURL=c3-responsive-stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"c3-responsive-stack.js","sourceRoot":"","sources":["../../carbon-compat/c3-responsive-stack.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAWtC,SAAS,QAAQ,CAAC,GAAkC;IAClD,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACrD,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAC;IACxC,OAAO,GAAG,GAAG,GAAG,EAAE,IAAI,CAAC;AACzB,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,WAAW,GAAG,YAAY,EAC1B,GAAG,EACH,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACgB;IACvB,OAAO,CACL,2BACY,mCAAmC,EAC7C,SAAS,EAAE,EAAE;QACX,iEAAiE;QACjE,mDAAmD;QACnD,eAAe,EACf,WAAW,KAAK,YAAY,IAAI,aAAa,EAC7C,SAAS,CACV,EACD,KAAK,EAAE;YACL,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC;YAClB,UAAU;YACV,cAAc;YACd,GAAG,KAAK;SACT,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../carbon-compat/callout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../carbon-compat/callout.tsx"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
export type CheckboxSkeletonProps = HTMLAttributes<HTMLDivElement>;
|
|
3
|
+
declare function CheckboxSkeleton({ className, ...rest }: CheckboxSkeletonProps): import("react").JSX.Element;
|
|
4
|
+
export { CheckboxSkeleton };
|
|
5
|
+
//# sourceMappingURL=checkbox-skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-skeleton.d.ts","sourceRoot":"","sources":["../../carbon-compat/checkbox-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,+BAiBtE;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../src/lib/utils";
|
|
3
|
+
function CheckboxSkeleton({ className, ...rest }) {
|
|
4
|
+
// Visual: Carbon's actual CheckboxSkeleton renders only a label stripe.
|
|
5
|
+
// We render a small square + label stripe — the square reads as a
|
|
6
|
+
// checkbox affordance and makes the skeleton more recognizable. Slight
|
|
7
|
+
// visual divergence from Carbon, intentional. `rounded-sm` (2px radius)
|
|
8
|
+
// on the square matches Carbon's checkbox corner radius better than
|
|
9
|
+
// the default `rounded` (4px) which renders almost circular at 4×4.
|
|
10
|
+
return (_jsxs("div", { "data-slot": "carbon-compat-checkbox-skeleton", className: cn("flex items-center gap-2", className), ...rest, children: [_jsx("div", { className: "h-4 w-4 animate-pulse rounded-sm bg-muted" }), _jsx("div", { className: "h-3 w-20 animate-pulse rounded bg-muted" })] }));
|
|
11
|
+
}
|
|
12
|
+
export { CheckboxSkeleton };
|
|
13
|
+
//# sourceMappingURL=checkbox-skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-skeleton.js","sourceRoot":"","sources":["../../carbon-compat/checkbox-skeleton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAStC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IACrE,wEAAwE;IACxE,kEAAkE;IAClE,uEAAuE;IACvE,wEAAwE;IACxE,oEAAoE;IACpE,oEAAoE;IACpE,OAAO,CACL,4BACY,iCAAiC,EAC3C,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,IAAI,aAER,cAAK,SAAS,EAAC,2CAA2C,GAAG,EAC7D,cAAK,SAAS,EAAC,yCAAyC,GAAG,IACvD,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { CheckboxProps as CarbonCheckboxProps } from '@carbon/react';
|
|
3
|
+
export type CheckboxProps = CarbonCheckboxProps;
|
|
4
|
+
declare function Checkbox(props: CheckboxProps): React.JSX.Element;
|
|
5
|
+
export { Checkbox };
|
|
6
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../carbon-compat/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAOhD,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAmDrC;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Checkbox as ShadcnCheckbox } from '../src/components/ui/checkbox';
|
|
4
|
+
import { cn, warnDroppedProps } from '../src/lib/utils';
|
|
5
|
+
function Checkbox(props) {
|
|
6
|
+
const { id, labelText, checked, defaultChecked, indeterminate, onChange, disabled, className, helperText, invalid, invalidText, warn, warnText, readOnly, hideLabel, title, ...rest } = props;
|
|
7
|
+
warnDroppedProps('Checkbox', { helperText, invalid, invalidText, warn, warnText, readOnly, hideLabel });
|
|
8
|
+
const handleCheckedChange = onChange
|
|
9
|
+
? (next) => {
|
|
10
|
+
const isChecked = next === true;
|
|
11
|
+
const synthetic = { target: { checked: isChecked, id } };
|
|
12
|
+
onChange(synthetic, { checked: isChecked, id });
|
|
13
|
+
}
|
|
14
|
+
: undefined;
|
|
15
|
+
const checkedValue = indeterminate ? 'indeterminate' : checked;
|
|
16
|
+
const box = (_jsx(ShadcnCheckbox, { id: id, checked: checkedValue, defaultChecked: defaultChecked, disabled: disabled, onCheckedChange: handleCheckedChange, title: title, ...rest }));
|
|
17
|
+
if (labelText !== undefined) {
|
|
18
|
+
return (_jsxs("label", { className: cn('flex items-center gap-2', className), children: [box, _jsx("span", { children: labelText })] }));
|
|
19
|
+
}
|
|
20
|
+
return React.cloneElement(box, { className });
|
|
21
|
+
}
|
|
22
|
+
export { Checkbox };
|
|
23
|
+
//# sourceMappingURL=checkbox.js.map
|