@d4gger/design-system 3.0.0 → 3.0.1
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/dist/{components/controlGroup/ControlGroup.cjs → _internal/floatingLayer.cjs} +11 -26
- package/dist/_internal/floatingLayer.cjs.map +7 -0
- package/dist/_internal/floatingLayer.d.cts +28 -0
- package/dist/_internal/floatingLayer.d.cts.map +1 -0
- package/dist/_internal/floatingLayer.d.mts +28 -0
- package/dist/_internal/floatingLayer.d.mts.map +1 -0
- package/dist/_internal/floatingLayer.d.ts +28 -0
- package/dist/_internal/floatingLayer.d.ts.map +1 -0
- package/dist/_internal/floatingLayer.js +11 -0
- package/dist/_internal/floatingLayer.js.map +7 -0
- package/dist/components/banner/Banner.cjs +105 -0
- package/dist/components/banner/Banner.cjs.map +7 -0
- package/dist/components/banner/Banner.d.cts +27 -0
- package/dist/components/banner/Banner.d.cts.map +1 -0
- package/dist/components/banner/Banner.d.mts +27 -0
- package/dist/components/banner/Banner.d.mts.map +1 -0
- package/dist/components/banner/Banner.d.ts +27 -0
- package/dist/components/banner/Banner.d.ts.map +1 -0
- package/dist/components/banner/Banner.js +80 -0
- package/dist/components/banner/Banner.js.map +7 -0
- package/dist/components/{controlGroup/controlGroup.props.cjs → banner/banner.props.cjs} +23 -16
- package/dist/components/banner/banner.props.cjs.map +7 -0
- package/dist/components/banner/banner.props.d.cts +32 -0
- package/dist/components/banner/banner.props.d.cts.map +1 -0
- package/dist/components/banner/banner.props.d.mts +32 -0
- package/dist/components/banner/banner.props.d.mts.map +1 -0
- package/dist/components/banner/banner.props.d.ts +32 -0
- package/dist/components/banner/banner.props.d.ts.map +1 -0
- package/dist/components/banner/banner.props.js +27 -0
- package/dist/components/banner/banner.props.js.map +7 -0
- package/dist/components/banner.css +60 -0
- package/dist/components/button-group.css +25 -0
- package/dist/components/button.css +9 -0
- package/dist/components/card.css +3 -0
- package/dist/components/carousel/Carousel.cjs +109 -39
- package/dist/components/carousel/Carousel.cjs.map +3 -3
- package/dist/components/carousel/Carousel.d.cts.map +1 -1
- package/dist/components/carousel/Carousel.d.mts.map +1 -1
- package/dist/components/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.js +111 -41
- package/dist/components/carousel/Carousel.js.map +3 -3
- package/dist/components/carousel.css +93 -26
- package/dist/components/chart/Chart.cjs +61 -11
- package/dist/components/chart/Chart.cjs.map +2 -2
- package/dist/components/chart/Chart.d.cts.map +1 -1
- package/dist/components/chart/Chart.d.mts.map +1 -1
- package/dist/components/chart/Chart.d.ts.map +1 -1
- package/dist/components/chart/Chart.js +62 -11
- package/dist/components/chart/Chart.js.map +2 -2
- package/dist/components/chart.css +10 -1
- package/dist/components/checkbox.css +14 -0
- package/dist/components/combobox/Combobox.cjs +3 -1
- package/dist/components/combobox/Combobox.cjs.map +2 -2
- package/dist/components/combobox/Combobox.d.cts.map +1 -1
- package/dist/components/combobox/Combobox.d.mts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +3 -1
- package/dist/components/combobox/Combobox.js.map +2 -2
- package/dist/components/combobox.css +5 -1
- package/dist/components/command/Command.cjs +1 -1
- package/dist/components/command/Command.cjs.map +2 -2
- package/dist/components/command/Command.js +1 -1
- package/dist/components/command/Command.js.map +2 -2
- package/dist/components/context-menu.css +1 -1
- package/dist/components/copy-field.css +18 -0
- package/dist/components/copyField/CopyField.cjs +3 -3
- package/dist/components/copyField/CopyField.cjs.map +2 -2
- package/dist/components/copyField/CopyField.d.cts.map +1 -1
- package/dist/components/copyField/CopyField.d.mts.map +1 -1
- package/dist/components/copyField/CopyField.d.ts.map +1 -1
- package/dist/components/copyField/CopyField.js +3 -3
- package/dist/components/copyField/CopyField.js.map +2 -2
- package/dist/components/data-list.css +19 -4
- package/dist/components/data-table.css +190 -0
- package/dist/components/dataTable/DataTable.cjs +193 -68
- package/dist/components/dataTable/DataTable.cjs.map +3 -3
- package/dist/components/dataTable/DataTable.d.cts +29 -1
- package/dist/components/dataTable/DataTable.d.cts.map +1 -1
- package/dist/components/dataTable/DataTable.d.mts +29 -1
- package/dist/components/dataTable/DataTable.d.mts.map +1 -1
- package/dist/components/dataTable/DataTable.d.ts +29 -1
- package/dist/components/dataTable/DataTable.d.ts.map +1 -1
- package/dist/components/dataTable/DataTable.js +193 -68
- package/dist/components/dataTable/DataTable.js.map +2 -2
- package/dist/components/dataTable/DataTableContext.cjs +41 -0
- package/dist/components/dataTable/DataTableContext.cjs.map +7 -0
- package/dist/components/dataTable/DataTableContext.d.cts +23 -0
- package/dist/components/dataTable/DataTableContext.d.cts.map +1 -0
- package/dist/components/dataTable/DataTableContext.d.mts +23 -0
- package/dist/components/dataTable/DataTableContext.d.mts.map +1 -0
- package/dist/components/dataTable/DataTableContext.d.ts +23 -0
- package/dist/components/dataTable/DataTableContext.d.ts.map +1 -0
- package/dist/components/dataTable/DataTableContext.js +11 -0
- package/dist/components/dataTable/DataTableContext.js.map +7 -0
- package/dist/components/dataTable/DataTablePagination.cjs +72 -47
- package/dist/components/dataTable/DataTablePagination.cjs.map +2 -2
- package/dist/components/dataTable/DataTablePagination.d.cts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.cts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.d.mts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.mts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.d.ts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.ts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.js +75 -47
- package/dist/components/dataTable/DataTablePagination.js.map +2 -2
- package/dist/components/dataTable/DataTableToolbar.cjs +122 -93
- package/dist/components/dataTable/DataTableToolbar.cjs.map +2 -2
- package/dist/components/dataTable/DataTableToolbar.d.cts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.cts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.d.mts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.mts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.d.ts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.ts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.js +123 -94
- package/dist/components/dataTable/DataTableToolbar.js.map +2 -2
- package/dist/components/dataTable/dataTable.export.cjs +83 -0
- package/dist/components/dataTable/dataTable.export.cjs.map +7 -0
- package/dist/components/dataTable/dataTable.export.d.cts +11 -0
- package/dist/components/dataTable/dataTable.export.d.cts.map +1 -0
- package/dist/components/dataTable/dataTable.export.d.mts +11 -0
- package/dist/components/dataTable/dataTable.export.d.mts.map +1 -0
- package/dist/components/dataTable/dataTable.export.d.ts +11 -0
- package/dist/components/dataTable/dataTable.export.d.ts.map +1 -0
- package/dist/components/dataTable/dataTable.export.js +63 -0
- package/dist/components/dataTable/dataTable.export.js.map +7 -0
- package/dist/components/dataTable/dataTable.props.cjs +23 -1
- package/dist/components/dataTable/dataTable.props.cjs.map +2 -2
- package/dist/components/dataTable/dataTable.props.d.cts +21 -1
- package/dist/components/dataTable/dataTable.props.d.cts.map +1 -1
- package/dist/components/dataTable/dataTable.props.d.mts +21 -1
- package/dist/components/dataTable/dataTable.props.d.mts.map +1 -1
- package/dist/components/dataTable/dataTable.props.d.ts +21 -1
- package/dist/components/dataTable/dataTable.props.d.ts.map +1 -1
- package/dist/components/dataTable/dataTable.props.js +23 -1
- package/dist/components/dataTable/dataTable.props.js.map +2 -2
- package/dist/components/dialog/Dialog.cjs +2 -1
- package/dist/components/dialog/Dialog.cjs.map +2 -2
- package/dist/components/dialog/Dialog.d.cts.map +1 -1
- package/dist/components/dialog/Dialog.d.mts.map +1 -1
- package/dist/components/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/dialog/Dialog.js +2 -1
- package/dist/components/dialog/Dialog.js.map +2 -2
- package/dist/components/dropdown-menu.css +1 -1
- package/dist/components/empty-state.css +5 -0
- package/dist/components/fileUpload/FileUpload.cjs +10 -1
- package/dist/components/fileUpload/FileUpload.cjs.map +2 -2
- package/dist/components/fileUpload/FileUpload.d.cts +1 -0
- package/dist/components/fileUpload/FileUpload.d.cts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.mts +1 -0
- package/dist/components/fileUpload/FileUpload.d.mts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.ts +1 -0
- package/dist/components/fileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/fileUpload/FileUpload.js +10 -1
- package/dist/components/fileUpload/FileUpload.js.map +2 -2
- package/dist/components/filter-bar.css +380 -8
- package/dist/components/filterBar/FilterBar.cjs +630 -1
- package/dist/components/filterBar/FilterBar.cjs.map +2 -2
- package/dist/components/filterBar/FilterBar.d.cts +132 -2
- package/dist/components/filterBar/FilterBar.d.cts.map +1 -1
- package/dist/components/filterBar/FilterBar.d.mts +132 -2
- package/dist/components/filterBar/FilterBar.d.mts.map +1 -1
- package/dist/components/filterBar/FilterBar.d.ts +132 -2
- package/dist/components/filterBar/FilterBar.d.ts.map +1 -1
- package/dist/components/filterBar/FilterBar.js +631 -2
- package/dist/components/filterBar/FilterBar.js.map +2 -2
- package/dist/components/floating-panel.css +1 -1
- package/dist/components/fontProvider/FontProvider.cjs +1 -1
- package/dist/components/fontProvider/FontProvider.cjs.map +1 -1
- package/dist/components/fontProvider/FontProvider.js +1 -1
- package/dist/components/fontProvider/FontProvider.js.map +1 -1
- package/dist/components/icon/Icon.cjs +25 -2
- package/dist/components/icon/Icon.cjs.map +2 -2
- package/dist/components/icon/Icon.d.cts +29 -1
- package/dist/components/icon/Icon.d.cts.map +1 -1
- package/dist/components/icon/Icon.d.mts +29 -1
- package/dist/components/icon/Icon.d.mts.map +1 -1
- package/dist/components/icon/Icon.d.ts +29 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +33 -2
- package/dist/components/icon/Icon.js.map +2 -2
- package/dist/components/icon/icons.cjs +16 -0
- package/dist/components/icon/icons.cjs.map +2 -2
- package/dist/components/icon/icons.d.cts +40 -0
- package/dist/components/icon/icons.d.cts.map +1 -1
- package/dist/components/icon/icons.d.mts +40 -0
- package/dist/components/icon/icons.d.mts.map +1 -1
- package/dist/components/icon/icons.d.ts +40 -0
- package/dist/components/icon/icons.d.ts.map +1 -1
- package/dist/components/icon/icons.js +16 -0
- package/dist/components/icon/icons.js.map +2 -2
- package/dist/components/icon-button.css +29 -0
- package/dist/components/index.cjs +1 -1
- package/dist/components/index.cjs.map +2 -2
- package/dist/components/index.d.cts +1 -1
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +1 -1
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/item/Item.cjs +1 -1
- package/dist/components/item/Item.cjs.map +2 -2
- package/dist/components/item/Item.js +1 -1
- package/dist/components/item/Item.js.map +2 -2
- package/dist/components/item.css +12 -1
- package/dist/components/marquee/Marquee.cjs +1 -1
- package/dist/components/marquee/Marquee.cjs.map +2 -2
- package/dist/components/marquee/Marquee.js +1 -1
- package/dist/components/marquee/Marquee.js.map +2 -2
- package/dist/components/marquee.css +6 -0
- package/dist/components/menu/Menu.cjs +3 -1
- package/dist/components/menu/Menu.cjs.map +2 -2
- package/dist/components/menu/Menu.d.cts.map +1 -1
- package/dist/components/menu/Menu.d.mts.map +1 -1
- package/dist/components/menu/Menu.d.ts.map +1 -1
- package/dist/components/menu/Menu.js +3 -1
- package/dist/components/menu/Menu.js.map +2 -2
- package/dist/components/menubar.css +1 -1
- package/dist/components/metric.css +5 -0
- package/dist/components/pagination/Pagination.cjs +143 -17
- package/dist/components/pagination/Pagination.cjs.map +2 -2
- package/dist/components/pagination/Pagination.d.cts +64 -4
- package/dist/components/pagination/Pagination.d.cts.map +1 -1
- package/dist/components/pagination/Pagination.d.mts +64 -4
- package/dist/components/pagination/Pagination.d.mts.map +1 -1
- package/dist/components/pagination/Pagination.d.ts +64 -4
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +143 -17
- package/dist/components/pagination/Pagination.js.map +2 -2
- package/dist/components/pagination.css +50 -8
- package/dist/components/phoneInput/PhoneInput.cjs +18 -13
- package/dist/components/phoneInput/PhoneInput.cjs.map +2 -2
- package/dist/components/phoneInput/PhoneInput.d.cts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.d.mts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.js +19 -14
- package/dist/components/phoneInput/PhoneInput.js.map +2 -2
- package/dist/components/popover/Popover.cjs +2 -1
- package/dist/components/popover/Popover.cjs.map +2 -2
- package/dist/components/popover/Popover.d.cts.map +1 -1
- package/dist/components/popover/Popover.d.mts.map +1 -1
- package/dist/components/popover/Popover.d.ts.map +1 -1
- package/dist/components/popover/Popover.js +2 -1
- package/dist/components/popover/Popover.js.map +2 -2
- package/dist/components/prose.css +1 -1
- package/dist/components/qr-code.css +5 -15
- package/dist/components/radio-group.css +19 -0
- package/dist/components/radioGroup/RadioGroup.cjs +3 -2
- package/dist/components/radioGroup/RadioGroup.cjs.map +2 -2
- package/dist/components/radioGroup/RadioGroup.d.cts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.d.mts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.js +3 -2
- package/dist/components/radioGroup/RadioGroup.js.map +2 -2
- package/dist/components/radioGroup/radioGroup.props.cjs +1 -1
- package/dist/components/radioGroup/radioGroup.props.cjs.map +2 -2
- package/dist/components/radioGroup/radioGroup.props.d.cts +1 -1
- package/dist/components/radioGroup/radioGroup.props.d.mts +1 -1
- package/dist/components/radioGroup/radioGroup.props.d.ts +1 -1
- package/dist/components/radioGroup/radioGroup.props.js +1 -1
- package/dist/components/radioGroup/radioGroup.props.js.map +2 -2
- package/dist/components/rating.css +12 -0
- package/dist/components/result.css +2 -1
- package/dist/components/richTextEditor/RichTextEditor.cjs +11 -3
- package/dist/components/richTextEditor/RichTextEditor.cjs.map +2 -2
- package/dist/components/richTextEditor/RichTextEditor.d.cts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.d.mts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.js +11 -3
- package/dist/components/richTextEditor/RichTextEditor.js.map +2 -2
- package/dist/components/segmented-control.css +80 -4
- package/dist/components/segmentedControl/SegmentedControl.cjs +18 -5
- package/dist/components/segmentedControl/SegmentedControl.cjs.map +2 -2
- package/dist/components/segmentedControl/SegmentedControl.d.cts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.mts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.js +18 -5
- package/dist/components/segmentedControl/SegmentedControl.js.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.cjs +10 -0
- package/dist/components/segmentedControl/segmentedControl.props.cjs.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.d.cts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.cts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.mts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.mts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.ts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.ts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.js +10 -0
- package/dist/components/segmentedControl/segmentedControl.props.js.map +2 -2
- package/dist/components/select/Select.cjs +3 -1
- package/dist/components/select/Select.cjs.map +2 -2
- package/dist/components/select/Select.d.cts.map +1 -1
- package/dist/components/select/Select.d.mts.map +1 -1
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +3 -1
- package/dist/components/select/Select.js.map +2 -2
- package/dist/components/select.css +1 -1
- package/dist/components/sonner.css +1 -1
- package/dist/components/sortableList/SortableList.cjs +8 -2
- package/dist/components/sortableList/SortableList.cjs.map +2 -2
- package/dist/components/sortableList/SortableList.d.cts.map +1 -1
- package/dist/components/sortableList/SortableList.d.mts.map +1 -1
- package/dist/components/sortableList/SortableList.d.ts.map +1 -1
- package/dist/components/sortableList/SortableList.js +8 -2
- package/dist/components/sortableList/SortableList.js.map +2 -2
- package/dist/components/stat-card.css +2 -0
- package/dist/components/table/Table.cjs +3 -2
- package/dist/components/table/Table.cjs.map +2 -2
- package/dist/components/table/Table.d.cts.map +1 -1
- package/dist/components/table/Table.d.mts.map +1 -1
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +3 -2
- package/dist/components/table/Table.js.map +2 -2
- package/dist/components/table/table.props.cjs +6 -0
- package/dist/components/table/table.props.cjs.map +2 -2
- package/dist/components/table/table.props.d.cts +5 -0
- package/dist/components/table/table.props.d.cts.map +1 -1
- package/dist/components/table/table.props.d.mts +5 -0
- package/dist/components/table/table.props.d.mts.map +1 -1
- package/dist/components/table/table.props.d.ts +5 -0
- package/dist/components/table/table.props.d.ts.map +1 -1
- package/dist/components/table/table.props.js +6 -0
- package/dist/components/table/table.props.js.map +2 -2
- package/dist/components/table.css +20 -13
- package/dist/components/tabs.css +10 -0
- package/dist/components/timeline.css +54 -18
- package/dist/components/toast.css +33 -1
- package/dist/components/toggle-group.css +5 -0
- package/dist/components.css +1 -2
- package/dist/docs/README.md +1 -1
- package/dist/docs/component-contract.md +4 -4
- package/dist/docs/component-index.json +9 -9
- package/dist/docs/components/banner.md +152 -0
- package/dist/docs/components/button-group.md +4 -3
- package/dist/docs/components/button.md +2 -2
- package/dist/docs/components/card.md +1 -0
- package/dist/docs/components/carousel.md +55 -32
- package/dist/docs/components/chart.md +25 -7
- package/dist/docs/components/checkbox.md +4 -0
- package/dist/docs/components/combobox.md +3 -1
- package/dist/docs/components/command.md +2 -2
- package/dist/docs/components/copy-field.md +2 -2
- package/dist/docs/components/data-list.md +15 -3
- package/dist/docs/components/data-table.md +98 -17
- package/dist/docs/components/dialog.md +4 -0
- package/dist/docs/components/dropdown-menu.md +2 -1
- package/dist/docs/components/empty-state.md +3 -1
- package/dist/docs/components/file-upload.md +1 -0
- package/dist/docs/components/filter-bar.md +193 -8
- package/dist/docs/components/floating-panel.md +8 -8
- package/dist/docs/components/icon-button.md +4 -1
- package/dist/docs/components/item.md +18 -13
- package/dist/docs/components/marquee.md +2 -2
- package/dist/docs/components/menu.md +4 -1
- package/dist/docs/components/metric.md +4 -1
- package/dist/docs/components/pagination.md +88 -17
- package/dist/docs/components/pills.md +1 -1
- package/dist/docs/components/popover.md +2 -0
- package/dist/docs/components/prose.md +5 -1
- package/dist/docs/components/qr-code.md +14 -13
- package/dist/docs/components/radio-group.md +5 -2
- package/dist/docs/components/rating.md +2 -0
- package/dist/docs/components/result.md +6 -0
- package/dist/docs/components/segmented-control.md +7 -2
- package/dist/docs/components/select.md +3 -2
- package/dist/docs/components/sidebar.md +3 -1
- package/dist/docs/components/sonner.md +1 -1
- package/dist/docs/components/sortable-list.md +2 -0
- package/dist/docs/components/stat-card.md +5 -4
- package/dist/docs/components/stepper.md +1 -0
- package/dist/docs/components/table.md +14 -5
- package/dist/docs/components/tag.md +4 -2
- package/dist/docs/components/timeline.md +9 -5
- package/dist/docs/components/toast.md +1 -1
- package/dist/docs/components/toggle-group.md +2 -1
- package/dist/fonts.css +1 -1
- package/dist/generated/tokens.cjs +1 -1
- package/dist/generated/tokens.cjs.map +1 -1
- package/dist/generated/tokens.js +1 -1
- package/dist/generated/tokens.js.map +1 -1
- package/dist/motion.css +18 -3
- package/dist/styles.css +1249 -292
- package/dist/tokens.css +21 -15
- package/package.json +1 -1
- package/dist/components/control-group.css +0 -142
- package/dist/components/controlGroup/ControlGroup.cjs.map +0 -7
- package/dist/components/controlGroup/ControlGroup.d.cts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.cts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.d.mts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.mts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.d.ts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.ts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.js +0 -26
- package/dist/components/controlGroup/ControlGroup.js.map +0 -7
- package/dist/components/controlGroup/controlGroup.props.cjs.map +0 -7
- package/dist/components/controlGroup/controlGroup.props.d.cts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.cts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.d.mts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.mts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.d.ts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.ts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.js +0 -20
- package/dist/components/controlGroup/controlGroup.props.js.map +0 -7
- package/dist/docs/components/control-group.md +0 -261
|
@@ -61,6 +61,24 @@ var import_extractProps = require("../../_internal/helpers/extractProps");
|
|
|
61
61
|
var import_chart = require("./chart.props");
|
|
62
62
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
63
63
|
const seriesFill = (index, explicit) => explicit ?? `var(--dsx-chart-${index % 5 + 1})`;
|
|
64
|
+
const useLegendHeight = () => {
|
|
65
|
+
const [legend, setLegend] = React.useState(null);
|
|
66
|
+
const [height, setHeight] = React.useState(0);
|
|
67
|
+
React.useEffect(() => {
|
|
68
|
+
if (!legend) return;
|
|
69
|
+
const measure = () => {
|
|
70
|
+
setHeight(legend.getBoundingClientRect().height);
|
|
71
|
+
};
|
|
72
|
+
measure();
|
|
73
|
+
const observer = new ResizeObserver(measure);
|
|
74
|
+
observer.observe(legend);
|
|
75
|
+
return () => {
|
|
76
|
+
observer.disconnect();
|
|
77
|
+
};
|
|
78
|
+
}, [legend]);
|
|
79
|
+
const content = React.useCallback((legendProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: setLegend, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.DefaultLegendContent, { ...legendProps }) }), []);
|
|
80
|
+
return [height, content];
|
|
81
|
+
};
|
|
64
82
|
const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) => {
|
|
65
83
|
const { asChild, className, ...containerProps } = (0, import_extractProps.extractProps)(props, import_chart.chartContainerPropDefs);
|
|
66
84
|
const Comp = asChild ? import_react_slot.Slot : "div";
|
|
@@ -117,29 +135,61 @@ const ChartBar = React.forwardRef(({ data, series, stacked, name, className, ...
|
|
|
117
135
|
});
|
|
118
136
|
ChartBar.displayName = "ChartBar";
|
|
119
137
|
const ChartPie = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
|
|
138
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
139
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
140
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
120
141
|
const pieData = React.useMemo(
|
|
121
142
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
122
143
|
[data]
|
|
123
144
|
);
|
|
124
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
146
|
+
import_recharts.ResponsiveContainer,
|
|
147
|
+
{
|
|
148
|
+
width: "100%",
|
|
149
|
+
height: "100%",
|
|
150
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
151
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
152
|
+
debounce: chartResponsiveFallback.debounce,
|
|
153
|
+
onResize: (width, height) => {
|
|
154
|
+
setDimensions({ width, height });
|
|
155
|
+
},
|
|
156
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
|
|
157
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
158
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
159
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, { content: legendContent })
|
|
160
|
+
] })
|
|
161
|
+
}
|
|
162
|
+
) });
|
|
129
163
|
});
|
|
130
164
|
ChartPie.displayName = "ChartPie";
|
|
131
165
|
const ChartDonut = React.forwardRef(({ data, label, className, ...props }, forwardedRef) => {
|
|
166
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
167
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
168
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
132
169
|
const pieData = React.useMemo(
|
|
133
170
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
134
171
|
[data]
|
|
135
172
|
);
|
|
136
173
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "donut", children: [
|
|
137
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
174
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
175
|
+
import_recharts.ResponsiveContainer,
|
|
176
|
+
{
|
|
177
|
+
width: "100%",
|
|
178
|
+
height: "100%",
|
|
179
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
180
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
181
|
+
debounce: chartResponsiveFallback.debounce,
|
|
182
|
+
onResize: (width, height) => {
|
|
183
|
+
setDimensions({ width, height });
|
|
184
|
+
},
|
|
185
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
|
|
186
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: radius * 0.62, outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
187
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
188
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, { content: legendContent })
|
|
189
|
+
] })
|
|
190
|
+
}
|
|
191
|
+
),
|
|
192
|
+
label != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-chart__center-label", style: { bottom: legendHeight }, children: label }) : null
|
|
143
193
|
] });
|
|
144
194
|
});
|
|
145
195
|
ChartDonut.displayName = "ChartDonut";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/chart/Chart.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={62} outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,wCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AACrB,
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n DefaultLegendContent,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\n// Observe the rendered legend: its height changes when labels wrap or fonts load.\n// Recharts' onBBoxUpdate type remains public in v3, but the implementation no\n// longer calls it. Measuring our content also preserves the >=2 peer contract.\nconst useLegendHeight = () => {\n const [legend, setLegend] = React.useState<HTMLDivElement | null>(null)\n const [height, setHeight] = React.useState(0)\n React.useEffect(() => {\n if (!legend) return\n const measure = () => { setHeight(legend.getBoundingClientRect().height) }\n measure()\n const observer = new ResizeObserver(measure)\n observer.observe(legend)\n return () => { observer.disconnect() }\n }, [legend])\n const content = React.useCallback((legendProps: React.ComponentProps<typeof DefaultLegendContent>) => (\n <div ref={setLegend}><DefaultLegendContent {...legendProps} /></div>\n ), [])\n return [height, content] as const\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={radius * 0.62} outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\" style={{ bottom: legendHeight }}>{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["RechartsTooltip", "RechartsLegend", "classNames"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.cts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,SAAS,EAET,QAAQ,EACR,aAAa,
|
|
1
|
+
{"version":3,"file":"Chart.d.cts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.mts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,SAAS,EAET,QAAQ,EACR,aAAa,
|
|
1
|
+
{"version":3,"file":"Chart.d.mts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,SAAS,EAET,QAAQ,EACR,aAAa,
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
BarChart,
|
|
10
10
|
CartesianGrid,
|
|
11
11
|
Cell,
|
|
12
|
+
DefaultLegendContent,
|
|
12
13
|
Legend as RechartsLegend,
|
|
13
14
|
Line,
|
|
14
15
|
LineChart,
|
|
@@ -25,6 +26,24 @@ import { extractProps } from "../../_internal/helpers/extractProps.js";
|
|
|
25
26
|
import { chartContainerPropDefs } from "./chart.props.js";
|
|
26
27
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
27
28
|
const seriesFill = (index, explicit) => explicit ?? `var(--dsx-chart-${index % 5 + 1})`;
|
|
29
|
+
const useLegendHeight = () => {
|
|
30
|
+
const [legend, setLegend] = React.useState(null);
|
|
31
|
+
const [height, setHeight] = React.useState(0);
|
|
32
|
+
React.useEffect(() => {
|
|
33
|
+
if (!legend) return;
|
|
34
|
+
const measure = () => {
|
|
35
|
+
setHeight(legend.getBoundingClientRect().height);
|
|
36
|
+
};
|
|
37
|
+
measure();
|
|
38
|
+
const observer = new ResizeObserver(measure);
|
|
39
|
+
observer.observe(legend);
|
|
40
|
+
return () => {
|
|
41
|
+
observer.disconnect();
|
|
42
|
+
};
|
|
43
|
+
}, [legend]);
|
|
44
|
+
const content = React.useCallback((legendProps) => /* @__PURE__ */ jsx("div", { ref: setLegend, children: /* @__PURE__ */ jsx(DefaultLegendContent, { ...legendProps }) }), []);
|
|
45
|
+
return [height, content];
|
|
46
|
+
};
|
|
28
47
|
const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) => {
|
|
29
48
|
const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs);
|
|
30
49
|
const Comp = asChild ? Slot : "div";
|
|
@@ -81,29 +100,61 @@ const ChartBar = React.forwardRef(({ data, series, stacked, name, className, ...
|
|
|
81
100
|
});
|
|
82
101
|
ChartBar.displayName = "ChartBar";
|
|
83
102
|
const ChartPie = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
|
|
103
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
104
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
105
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
84
106
|
const pieData = React.useMemo(
|
|
85
107
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
86
108
|
[data]
|
|
87
109
|
);
|
|
88
|
-
return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ jsx(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
110
|
+
return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ jsx(
|
|
111
|
+
ResponsiveContainer,
|
|
112
|
+
{
|
|
113
|
+
width: "100%",
|
|
114
|
+
height: "100%",
|
|
115
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
116
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
117
|
+
debounce: chartResponsiveFallback.debounce,
|
|
118
|
+
onResize: (width, height) => {
|
|
119
|
+
setDimensions({ width, height });
|
|
120
|
+
},
|
|
121
|
+
children: /* @__PURE__ */ jsxs(PieChart, { children: [
|
|
122
|
+
/* @__PURE__ */ jsx(Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
123
|
+
/* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
124
|
+
/* @__PURE__ */ jsx(RechartsLegend, { content: legendContent })
|
|
125
|
+
] })
|
|
126
|
+
}
|
|
127
|
+
) });
|
|
93
128
|
});
|
|
94
129
|
ChartPie.displayName = "ChartPie";
|
|
95
130
|
const ChartDonut = React.forwardRef(({ data, label, className, ...props }, forwardedRef) => {
|
|
131
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
132
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
133
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
96
134
|
const pieData = React.useMemo(
|
|
97
135
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
98
136
|
[data]
|
|
99
137
|
);
|
|
100
138
|
return /* @__PURE__ */ jsxs(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "donut", children: [
|
|
101
|
-
/* @__PURE__ */ jsx(
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
139
|
+
/* @__PURE__ */ jsx(
|
|
140
|
+
ResponsiveContainer,
|
|
141
|
+
{
|
|
142
|
+
width: "100%",
|
|
143
|
+
height: "100%",
|
|
144
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
145
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
146
|
+
debounce: chartResponsiveFallback.debounce,
|
|
147
|
+
onResize: (width, height) => {
|
|
148
|
+
setDimensions({ width, height });
|
|
149
|
+
},
|
|
150
|
+
children: /* @__PURE__ */ jsxs(PieChart, { children: [
|
|
151
|
+
/* @__PURE__ */ jsx(Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: radius * 0.62, outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
152
|
+
/* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
153
|
+
/* @__PURE__ */ jsx(RechartsLegend, { content: legendContent })
|
|
154
|
+
] })
|
|
155
|
+
}
|
|
156
|
+
),
|
|
157
|
+
label != null ? /* @__PURE__ */ jsx("div", { className: "dsx-chart__center-label", style: { bottom: legendHeight }, children: label }) : null
|
|
107
158
|
] });
|
|
108
159
|
});
|
|
109
160
|
ChartDonut.displayName = "ChartDonut";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/chart/Chart.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={62} outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
-
"mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n DefaultLegendContent,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\n// Observe the rendered legend: its height changes when labels wrap or fonts load.\n// Recharts' onBBoxUpdate type remains public in v3, but the implementation no\n// longer calls it. Measuring our content also preserves the >=2 peer contract.\nconst useLegendHeight = () => {\n const [legend, setLegend] = React.useState<HTMLDivElement | null>(null)\n const [height, setHeight] = React.useState(0)\n React.useEffect(() => {\n if (!legend) return\n const measure = () => { setHeight(legend.getBoundingClientRect().height) }\n measure()\n const observer = new ResizeObserver(measure)\n observer.observe(legend)\n return () => { observer.disconnect() }\n }, [legend])\n const content = React.useCallback((legendProps: React.ComponentProps<typeof DefaultLegendContent>) => (\n <div ref={setLegend}><DefaultLegendContent {...legendProps} /></div>\n ), [])\n return [height, content] as const\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={radius * 0.62} outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\" style={{ bottom: legendHeight }}>{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
.dsx-chart {
|
|
4
4
|
position: relative;
|
|
5
|
+
min-width: 0;
|
|
6
|
+
max-width: 100%;
|
|
5
7
|
display: flex;
|
|
6
|
-
min-height: var(--dsx-chart-min-height);
|
|
8
|
+
min-height: var(--dsx-chart-min-height, 240px);
|
|
7
9
|
aspect-ratio: var(--dsx-chart-aspect-ratio, 1.7778);
|
|
8
10
|
color: var(--dsx-semantic-card-foreground);
|
|
9
11
|
overflow: hidden;
|
|
@@ -30,6 +32,13 @@
|
|
|
30
32
|
gap: var(--dsx-space-xs);
|
|
31
33
|
pointer-events: none;
|
|
32
34
|
text-align: center;
|
|
35
|
+
min-width: 0;
|
|
36
|
+
overflow-wrap: anywhere;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.dsx-chart__center-label > * {
|
|
40
|
+
min-width: 0;
|
|
41
|
+
max-width: 100%;
|
|
33
42
|
}
|
|
34
43
|
|
|
35
44
|
.dsx-chart__empty {
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
+
position: relative;
|
|
5
6
|
width: var(--dsx-size-md);
|
|
6
7
|
height: var(--dsx-size-md);
|
|
7
8
|
border-radius: var(--dsx-rounded-sm);
|
|
@@ -61,6 +62,19 @@
|
|
|
61
62
|
box-shadow: var(--dsx-shadow-focus-ring);
|
|
62
63
|
}
|
|
63
64
|
|
|
65
|
+
/* Extended hit area — the visual box stays 20/24/32px per size, but the
|
|
66
|
+
pointer target grows to 44px (WCAG 2.5.8 minimum 24px, TMA touch 44px).
|
|
67
|
+
Absolutely positioned, so it never affects layout. */
|
|
68
|
+
.dsx-checkbox::before {
|
|
69
|
+
content: '';
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 50%;
|
|
72
|
+
left: 50%;
|
|
73
|
+
transform: translate(-50%, -50%);
|
|
74
|
+
width: max(100% + 16px, 44px);
|
|
75
|
+
height: max(100% + 16px, 44px);
|
|
76
|
+
}
|
|
77
|
+
|
|
64
78
|
.dsx-checkbox[data-state='checked'],
|
|
65
79
|
.dsx-checkbox[data-state='indeterminate'] {
|
|
66
80
|
background: var(--dsx-color-accent-track);
|
|
@@ -45,6 +45,7 @@ module.exports = __toCommonJS(Combobox_exports);
|
|
|
45
45
|
var React = __toESM(require("react"), 1);
|
|
46
46
|
var import_classnames = __toESM(require("classnames"), 1);
|
|
47
47
|
var import_internal = require("../../_internal");
|
|
48
|
+
var import_floatingLayer = require("../../_internal/floatingLayer");
|
|
48
49
|
var import_motion = require("../../_internal/motion");
|
|
49
50
|
var import_extractProps = require("../../_internal/helpers/extractProps");
|
|
50
51
|
var import_motion2 = require("../../motion");
|
|
@@ -149,6 +150,7 @@ const ComboboxContent = React.forwardRef(
|
|
|
149
150
|
({ children, forceMount = false, size: sizeProp, ...props }, forwardedRef) => {
|
|
150
151
|
const open = React.useContext(ComboboxOpenContext);
|
|
151
152
|
const { size: contextSize, variant } = React.useContext(ComboboxPresentationContext);
|
|
153
|
+
const nestedInModalHost = (0, import_floatingLayer.useFloatingLayerHost)();
|
|
152
154
|
const size = sizeProp ?? contextSize;
|
|
153
155
|
const prefersReducedMotion = (0, import_internal.usePrefersReducedMotion)();
|
|
154
156
|
const { asChild: _asChild, className, ...contentProps } = (0, import_extractProps.extractProps)(props, import_combobox.comboboxContentPropDefs);
|
|
@@ -157,7 +159,7 @@ const ComboboxContent = React.forwardRef(
|
|
|
157
159
|
{
|
|
158
160
|
...contentProps,
|
|
159
161
|
ref: forwardedRef,
|
|
160
|
-
className: (0, import_classnames.default)("dsx-combobox__content", className),
|
|
162
|
+
className: (0, import_classnames.default)("dsx-combobox__content", nestedInModalHost && "dsx-menu__nested", className),
|
|
161
163
|
size,
|
|
162
164
|
"data-variant": variant,
|
|
163
165
|
showArrow: false,
|