@plenustech/design-system 0.2.2 → 0.2.3
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/actions/ButtonTile/ButtonTile.cjs +2 -0
- package/dist/components/actions/ButtonTile/ButtonTile.cjs.map +1 -0
- package/dist/components/actions/ButtonTile/ButtonTile.js +23 -0
- package/dist/components/actions/ButtonTile/ButtonTile.js.map +1 -0
- package/dist/components/actions/ButtonTile/ButtonTile.module.css.cjs +2 -0
- package/dist/components/actions/ButtonTile/ButtonTile.module.css.cjs.map +1 -0
- package/dist/components/actions/ButtonTile/ButtonTile.module.css.js +16 -0
- package/dist/components/actions/ButtonTile/ButtonTile.module.css.js.map +1 -0
- package/dist/components/actions/Toolbar/Toolbar.cjs +2 -0
- package/dist/components/actions/Toolbar/Toolbar.cjs.map +1 -0
- package/dist/components/actions/Toolbar/Toolbar.js +118 -0
- package/dist/components/actions/Toolbar/Toolbar.js.map +1 -0
- package/dist/components/actions/Toolbar/Toolbar.module.css.cjs +2 -0
- package/dist/components/actions/Toolbar/Toolbar.module.css.cjs.map +1 -0
- package/dist/components/actions/Toolbar/Toolbar.module.css.js +20 -0
- package/dist/components/actions/Toolbar/Toolbar.module.css.js.map +1 -0
- package/dist/components/charts/ChartArea/ChartArea.cjs +1 -1
- package/dist/components/charts/ChartArea/ChartArea.cjs.map +1 -1
- package/dist/components/charts/ChartArea/ChartArea.js +196 -148
- package/dist/components/charts/ChartArea/ChartArea.js.map +1 -1
- package/dist/components/charts/ChartArea/ChartArea.module.css.cjs +1 -1
- package/dist/components/charts/ChartArea/ChartArea.module.css.js +12 -10
- package/dist/components/charts/ChartArea/ChartArea.module.css.js.map +1 -1
- package/dist/components/charts/ChartBar/ChartBar.cjs +1 -1
- package/dist/components/charts/ChartBar/ChartBar.cjs.map +1 -1
- package/dist/components/charts/ChartBar/ChartBar.js +168 -145
- package/dist/components/charts/ChartBar/ChartBar.js.map +1 -1
- package/dist/components/charts/ChartBar/ChartBar.module.css.cjs +1 -1
- package/dist/components/charts/ChartBar/ChartBar.module.css.js +12 -10
- package/dist/components/charts/ChartBar/ChartBar.module.css.js.map +1 -1
- package/dist/components/charts/ChartCombo/ChartCombo.cjs +1 -1
- package/dist/components/charts/ChartCombo/ChartCombo.cjs.map +1 -1
- package/dist/components/charts/ChartCombo/ChartCombo.js +179 -154
- package/dist/components/charts/ChartCombo/ChartCombo.js.map +1 -1
- package/dist/components/charts/ChartCombo/ChartCombo.module.css.cjs +1 -1
- package/dist/components/charts/ChartCombo/ChartCombo.module.css.js +16 -14
- package/dist/components/charts/ChartCombo/ChartCombo.module.css.js.map +1 -1
- package/dist/components/charts/ChartDonut/ChartDonut.cjs +1 -1
- package/dist/components/charts/ChartDonut/ChartDonut.cjs.map +1 -1
- package/dist/components/charts/ChartDonut/ChartDonut.js +72 -61
- package/dist/components/charts/ChartDonut/ChartDonut.js.map +1 -1
- package/dist/components/charts/ChartLine/ChartLine.cjs +1 -1
- package/dist/components/charts/ChartLine/ChartLine.cjs.map +1 -1
- package/dist/components/charts/ChartLine/ChartLine.js +196 -143
- package/dist/components/charts/ChartLine/ChartLine.js.map +1 -1
- package/dist/components/charts/ChartLine/ChartLine.module.css.cjs +1 -1
- package/dist/components/charts/ChartLine/ChartLine.module.css.js +16 -14
- package/dist/components/charts/ChartLine/ChartLine.module.css.js.map +1 -1
- package/dist/components/charts/ChartPie/ChartPie.cjs +1 -1
- package/dist/components/charts/ChartPie/ChartPie.cjs.map +1 -1
- package/dist/components/charts/ChartPie/ChartPie.js +71 -60
- package/dist/components/charts/ChartPie/ChartPie.js.map +1 -1
- package/dist/components/charts/ChartRadial/ChartRadial.cjs +1 -1
- package/dist/components/charts/ChartRadial/ChartRadial.cjs.map +1 -1
- package/dist/components/charts/ChartRadial/ChartRadial.js +101 -84
- package/dist/components/charts/ChartRadial/ChartRadial.js.map +1 -1
- package/dist/components/charts/ChartSankey/ChartSankey.cjs +1 -1
- package/dist/components/charts/ChartSankey/ChartSankey.cjs.map +1 -1
- package/dist/components/charts/ChartSankey/ChartSankey.js +148 -125
- package/dist/components/charts/ChartSankey/ChartSankey.js.map +1 -1
- package/dist/components/charts/ChartScatter/ChartScatter.cjs +1 -1
- package/dist/components/charts/ChartScatter/ChartScatter.cjs.map +1 -1
- package/dist/components/charts/ChartScatter/ChartScatter.js +138 -106
- package/dist/components/charts/ChartScatter/ChartScatter.js.map +1 -1
- package/dist/components/charts/ChartScatter/ChartScatter.module.css.cjs +1 -1
- package/dist/components/charts/ChartScatter/ChartScatter.module.css.js +3 -3
- package/dist/components/charts/ChartSunburst/ChartSunburst.cjs +1 -1
- package/dist/components/charts/ChartSunburst/ChartSunburst.cjs.map +1 -1
- package/dist/components/charts/ChartSunburst/ChartSunburst.js +115 -100
- package/dist/components/charts/ChartSunburst/ChartSunburst.js.map +1 -1
- package/dist/components/charts/ChartTooltip/ChartTooltip.cjs +1 -1
- package/dist/components/charts/ChartTooltip/ChartTooltip.cjs.map +1 -1
- package/dist/components/charts/ChartTooltip/ChartTooltip.js +1 -1
- package/dist/components/charts/ChartTooltip/ChartTooltip.js.map +1 -1
- package/dist/components/charts/ChartTreemap/ChartTreemap.cjs +1 -1
- package/dist/components/charts/ChartTreemap/ChartTreemap.cjs.map +1 -1
- package/dist/components/charts/ChartTreemap/ChartTreemap.js +100 -89
- package/dist/components/charts/ChartTreemap/ChartTreemap.js.map +1 -1
- package/dist/components/charts/ChartWaterfall/ChartWaterfall.cjs +1 -1
- package/dist/components/charts/ChartWaterfall/ChartWaterfall.cjs.map +1 -1
- package/dist/components/charts/ChartWaterfall/ChartWaterfall.js +125 -105
- package/dist/components/charts/ChartWaterfall/ChartWaterfall.js.map +1 -1
- package/dist/components/charts/ChartWaterfall/ChartWaterfall.module.css.cjs +1 -1
- package/dist/components/charts/ChartWaterfall/ChartWaterfall.module.css.js +8 -6
- package/dist/components/charts/ChartWaterfall/ChartWaterfall.module.css.js.map +1 -1
- package/dist/components/charts/core/CartesianFrame.cjs +1 -1
- package/dist/components/charts/core/CartesianFrame.cjs.map +1 -1
- package/dist/components/charts/core/CartesianFrame.js +61 -96
- package/dist/components/charts/core/CartesianFrame.js.map +1 -1
- package/dist/components/charts/core/Chart.module.css.cjs +1 -1
- package/dist/components/charts/core/Chart.module.css.js +52 -54
- package/dist/components/charts/core/Chart.module.css.js.map +1 -1
- package/dist/components/charts/core/ChartFrame.cjs +1 -1
- package/dist/components/charts/core/ChartFrame.cjs.map +1 -1
- package/dist/components/charts/core/ChartFrame.js +53 -47
- package/dist/components/charts/core/ChartFrame.js.map +1 -1
- package/dist/components/charts/core/PointBands.cjs +2 -0
- package/dist/components/charts/core/PointBands.cjs.map +1 -0
- package/dist/components/charts/core/PointBands.js +41 -0
- package/dist/components/charts/core/PointBands.js.map +1 -0
- package/dist/components/charts/core/cartesianLayout.cjs +1 -1
- package/dist/components/charts/core/cartesianLayout.cjs.map +1 -1
- package/dist/components/charts/core/cartesianLayout.js +49 -41
- package/dist/components/charts/core/cartesianLayout.js.map +1 -1
- package/dist/components/charts/core/hoverPath.cjs +2 -0
- package/dist/components/charts/core/hoverPath.cjs.map +1 -0
- package/dist/components/charts/core/hoverPath.js +7 -0
- package/dist/components/charts/core/hoverPath.js.map +1 -0
- package/dist/components/charts/core/pointLabels.cjs +2 -0
- package/dist/components/charts/core/pointLabels.cjs.map +1 -0
- package/dist/components/charts/core/pointLabels.js +12 -0
- package/dist/components/charts/core/pointLabels.js.map +1 -0
- package/dist/components/charts/core/tooltips.cjs +2 -0
- package/dist/components/charts/core/tooltips.cjs.map +1 -0
- package/dist/components/charts/core/tooltips.js +48 -0
- package/dist/components/charts/core/tooltips.js.map +1 -0
- package/dist/components/charts/core/useCartesianLayout.cjs +2 -0
- package/dist/components/charts/core/useCartesianLayout.cjs.map +1 -0
- package/dist/components/charts/core/useCartesianLayout.js +38 -0
- package/dist/components/charts/core/useCartesianLayout.js.map +1 -0
- package/dist/components/charts/core/useSeriesToggle.cjs +1 -1
- package/dist/components/charts/core/useSeriesToggle.cjs.map +1 -1
- package/dist/components/charts/core/useSeriesToggle.js +19 -12
- package/dist/components/charts/core/useSeriesToggle.js.map +1 -1
- package/dist/components/data-display/Accordion/Accordion.cjs +1 -1
- package/dist/components/data-display/Accordion/Accordion.cjs.map +1 -1
- package/dist/components/data-display/Accordion/Accordion.js +56 -46
- package/dist/components/data-display/Accordion/Accordion.js.map +1 -1
- package/dist/components/data-display/Accordion/Accordion.module.css.cjs +1 -1
- package/dist/components/data-display/Accordion/Accordion.module.css.js +16 -16
- package/dist/components/data-display/SortableList/SortableList.cjs +2 -0
- package/dist/components/data-display/SortableList/SortableList.cjs.map +1 -0
- package/dist/components/data-display/SortableList/SortableList.js +168 -0
- package/dist/components/data-display/SortableList/SortableList.js.map +1 -0
- package/dist/components/data-display/SortableList/SortableList.module.css.cjs +2 -0
- package/dist/components/data-display/SortableList/SortableList.module.css.cjs.map +1 -0
- package/dist/components/data-display/SortableList/SortableList.module.css.js +34 -0
- package/dist/components/data-display/SortableList/SortableList.module.css.js.map +1 -0
- package/dist/components/data-display/Table/Table.cjs +1 -1
- package/dist/components/data-display/Table/Table.cjs.map +1 -1
- package/dist/components/data-display/Table/Table.js +86 -85
- package/dist/components/data-display/Table/Table.js.map +1 -1
- package/dist/components/data-display/Table/Table.module.css.cjs +1 -1
- package/dist/components/data-display/Table/Table.module.css.js +50 -51
- package/dist/components/data-display/Table/Table.module.css.js.map +1 -1
- package/dist/components/data-display/Tag/Tag.cjs +2 -0
- package/dist/components/data-display/Tag/Tag.cjs.map +1 -0
- package/dist/components/data-display/Tag/Tag.js +50 -0
- package/dist/components/data-display/Tag/Tag.js.map +1 -0
- package/dist/components/data-display/Tag/Tag.module.css.cjs +2 -0
- package/dist/components/data-display/Tag/Tag.module.css.cjs.map +1 -0
- package/dist/components/data-display/Tag/Tag.module.css.js +22 -0
- package/dist/components/data-display/Tag/Tag.module.css.js.map +1 -0
- package/dist/components/data-display/Timeline/Timeline.cjs +2 -0
- package/dist/components/data-display/Timeline/Timeline.cjs.map +1 -0
- package/dist/components/data-display/Timeline/Timeline.js +31 -0
- package/dist/components/data-display/Timeline/Timeline.js.map +1 -0
- package/dist/components/data-display/Timeline/Timeline.module.css.cjs +2 -0
- package/dist/components/data-display/Timeline/Timeline.module.css.cjs.map +1 -0
- package/dist/components/data-display/Timeline/Timeline.module.css.js +30 -0
- package/dist/components/data-display/Timeline/Timeline.module.css.js.map +1 -0
- package/dist/components/feedback/Skeleton/Skeleton.cjs +2 -0
- package/dist/components/feedback/Skeleton/Skeleton.cjs.map +1 -0
- package/dist/components/feedback/Skeleton/Skeleton.js +17 -0
- package/dist/components/feedback/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/feedback/Skeleton/Skeleton.module.css.cjs +2 -0
- package/dist/components/feedback/Skeleton/Skeleton.module.css.cjs.map +1 -0
- package/dist/components/feedback/Skeleton/Skeleton.module.css.js +15 -0
- package/dist/components/feedback/Skeleton/Skeleton.module.css.js.map +1 -0
- package/dist/components/feedback/Toast/Toast.module.css.cjs +2 -0
- package/dist/components/feedback/Toast/Toast.module.css.cjs.map +1 -0
- package/dist/components/feedback/Toast/Toast.module.css.js +31 -0
- package/dist/components/feedback/Toast/Toast.module.css.js.map +1 -0
- package/dist/components/feedback/Toast/ToastRegion.cjs +2 -0
- package/dist/components/feedback/Toast/ToastRegion.cjs.map +1 -0
- package/dist/components/feedback/Toast/ToastRegion.js +62 -0
- package/dist/components/feedback/Toast/ToastRegion.js.map +1 -0
- package/dist/components/feedback/Toast/toastStore.cjs +2 -0
- package/dist/components/feedback/Toast/toastStore.cjs.map +1 -0
- package/dist/components/feedback/Toast/toastStore.js +33 -0
- package/dist/components/feedback/Toast/toastStore.js.map +1 -0
- package/dist/components/forms/Checkbox/Checkbox.cjs +1 -1
- package/dist/components/forms/Checkbox/Checkbox.cjs.map +1 -1
- package/dist/components/forms/Checkbox/Checkbox.js +43 -31
- package/dist/components/forms/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/forms/Checkbox/Checkbox.module.css.cjs +1 -1
- package/dist/components/forms/Checkbox/Checkbox.module.css.js +1 -1
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.cjs +2 -0
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.cjs.map +1 -0
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.js +54 -0
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.cjs +2 -0
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.cjs.map +1 -0
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.js +22 -0
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.js.map +1 -0
- package/dist/components/forms/ColorPicker/ColorPicker.cjs +2 -0
- package/dist/components/forms/ColorPicker/ColorPicker.cjs.map +1 -0
- package/dist/components/forms/ColorPicker/ColorPicker.js +57 -0
- package/dist/components/forms/ColorPicker/ColorPicker.js.map +1 -0
- package/dist/components/forms/ColorPicker/ColorPicker.module.css.cjs +2 -0
- package/dist/components/forms/ColorPicker/ColorPicker.module.css.cjs.map +1 -0
- package/dist/components/forms/ColorPicker/ColorPicker.module.css.js +22 -0
- package/dist/components/forms/ColorPicker/ColorPicker.module.css.js.map +1 -0
- package/dist/components/forms/ComboBox/ComboBox.module.css.cjs +1 -1
- package/dist/components/forms/ComboBox/ComboBox.module.css.js +20 -20
- package/dist/components/forms/Field/Field.cjs +1 -1
- package/dist/components/forms/Field/Field.cjs.map +1 -1
- package/dist/components/forms/Field/Field.js +21 -20
- package/dist/components/forms/Field/Field.js.map +1 -1
- package/dist/components/forms/Field/Field.module.css.cjs +1 -1
- package/dist/components/forms/Field/Field.module.css.js +18 -12
- package/dist/components/forms/Field/Field.module.css.js.map +1 -1
- package/dist/components/forms/FileUpload/FileUpload.cjs +2 -0
- package/dist/components/forms/FileUpload/FileUpload.cjs.map +1 -0
- package/dist/components/forms/FileUpload/FileUpload.js +142 -0
- package/dist/components/forms/FileUpload/FileUpload.js.map +1 -0
- package/dist/components/forms/FileUpload/FileUpload.module.css.cjs +2 -0
- package/dist/components/forms/FileUpload/FileUpload.module.css.cjs.map +1 -0
- package/dist/components/forms/FileUpload/FileUpload.module.css.js +46 -0
- package/dist/components/forms/FileUpload/FileUpload.module.css.js.map +1 -0
- package/dist/components/forms/InputPassword/InputPassword.module.css.cjs +1 -1
- package/dist/components/forms/InputPassword/InputPassword.module.css.js +12 -12
- package/dist/components/forms/InputText/InputText.cjs +1 -1
- package/dist/components/forms/InputText/InputText.cjs.map +1 -1
- package/dist/components/forms/InputText/InputText.js +55 -47
- package/dist/components/forms/InputText/InputText.js.map +1 -1
- package/dist/components/forms/InputText/InputText.module.css.cjs +1 -1
- package/dist/components/forms/InputText/InputText.module.css.js +10 -10
- package/dist/components/forms/RadioGroup/RadioGroup.module.css.cjs +1 -1
- package/dist/components/forms/RadioGroup/RadioGroup.module.css.js +4 -4
- package/dist/components/forms/SegmentedControl/SegmentedControl.cjs +2 -0
- package/dist/components/forms/SegmentedControl/SegmentedControl.cjs.map +1 -0
- package/dist/components/forms/SegmentedControl/SegmentedControl.js +52 -0
- package/dist/components/forms/SegmentedControl/SegmentedControl.js.map +1 -0
- package/dist/components/forms/SegmentedControl/SegmentedControl.module.css.cjs +2 -0
- package/dist/components/forms/SegmentedControl/SegmentedControl.module.css.cjs.map +1 -0
- package/dist/components/forms/SegmentedControl/SegmentedControl.module.css.js +22 -0
- package/dist/components/forms/SegmentedControl/SegmentedControl.module.css.js.map +1 -0
- package/dist/components/forms/Select/Select.module.css.cjs +1 -1
- package/dist/components/forms/Select/Select.module.css.js +13 -13
- package/dist/components/forms/Switch/Switch.module.css.cjs +1 -1
- package/dist/components/forms/Switch/Switch.module.css.js +2 -2
- package/dist/components/icons/icons.cjs +1 -1
- package/dist/components/icons/icons.cjs.map +1 -1
- package/dist/components/icons/icons.js +198 -40
- package/dist/components/icons/icons.js.map +1 -1
- package/dist/components/navigation/SkipLink/SkipLink.cjs +2 -0
- package/dist/components/navigation/SkipLink/SkipLink.cjs.map +1 -0
- package/dist/components/navigation/SkipLink/SkipLink.js +9 -0
- package/dist/components/navigation/SkipLink/SkipLink.js.map +1 -0
- package/dist/components/navigation/SkipLink/SkipLink.module.css.cjs +2 -0
- package/dist/components/navigation/SkipLink/SkipLink.module.css.cjs.map +1 -0
- package/dist/components/navigation/SkipLink/SkipLink.module.css.js +8 -0
- package/dist/components/navigation/SkipLink/SkipLink.module.css.js.map +1 -0
- package/dist/components/navigation/Steps/Steps.cjs +2 -0
- package/dist/components/navigation/Steps/Steps.cjs.map +1 -0
- package/dist/components/navigation/Steps/Steps.js +30 -0
- package/dist/components/navigation/Steps/Steps.js.map +1 -0
- package/dist/components/navigation/Steps/Steps.module.css.cjs +2 -0
- package/dist/components/navigation/Steps/Steps.module.css.cjs.map +1 -0
- package/dist/components/navigation/Steps/Steps.module.css.js +26 -0
- package/dist/components/navigation/Steps/Steps.module.css.js.map +1 -0
- package/dist/components/navigation/Tabs/Tabs.cjs +1 -1
- package/dist/components/navigation/Tabs/Tabs.cjs.map +1 -1
- package/dist/components/navigation/Tabs/Tabs.js +88 -79
- package/dist/components/navigation/Tabs/Tabs.js.map +1 -1
- package/dist/components/navigation/Tabs/Tabs.module.css.cjs +1 -1
- package/dist/components/navigation/Tabs/Tabs.module.css.js +18 -14
- package/dist/components/navigation/Tabs/Tabs.module.css.js.map +1 -1
- package/dist/components/overlays/Dialog/Dialog.cjs +1 -1
- package/dist/components/overlays/Dialog/Dialog.cjs.map +1 -1
- package/dist/components/overlays/Dialog/Dialog.js +11 -58
- package/dist/components/overlays/Dialog/Dialog.js.map +1 -1
- package/dist/components/overlays/Dialog/DialogFrame.cjs +2 -0
- package/dist/components/overlays/Dialog/DialogFrame.cjs.map +1 -0
- package/dist/components/overlays/Dialog/DialogFrame.js +65 -0
- package/dist/components/overlays/Dialog/DialogFrame.js.map +1 -0
- package/dist/components/overlays/Drawer/Drawer.cjs +2 -0
- package/dist/components/overlays/Drawer/Drawer.cjs.map +1 -0
- package/dist/components/overlays/Drawer/Drawer.js +17 -0
- package/dist/components/overlays/Drawer/Drawer.js.map +1 -0
- package/dist/components/overlays/Drawer/Drawer.module.css.cjs +2 -0
- package/dist/components/overlays/Drawer/Drawer.module.css.cjs.map +1 -0
- package/dist/components/overlays/Drawer/Drawer.module.css.js +23 -0
- package/dist/components/overlays/Drawer/Drawer.module.css.js.map +1 -0
- package/dist/components/overlays/Menu/Menu.cjs +1 -1
- package/dist/components/overlays/Menu/Menu.cjs.map +1 -1
- package/dist/components/overlays/Menu/Menu.js +105 -86
- package/dist/components/overlays/Menu/Menu.js.map +1 -1
- package/dist/components/overlays/Menu/Menu.module.css.cjs +1 -1
- package/dist/components/overlays/Menu/Menu.module.css.js +24 -6
- package/dist/components/overlays/Menu/Menu.module.css.js.map +1 -1
- package/dist/design-system.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +184 -122
- package/dist/index.js.map +1 -1
- package/dist/types/components/actions/ButtonTile/ButtonTile.d.ts +14 -0
- package/dist/types/components/actions/ButtonTile/index.d.ts +2 -0
- package/dist/types/components/actions/Toolbar/Toolbar.d.ts +27 -0
- package/dist/types/components/actions/Toolbar/index.d.ts +2 -0
- package/dist/types/components/charts/ChartArea/ChartArea.d.ts +15 -4
- package/dist/types/components/charts/ChartBar/ChartBar.d.ts +11 -4
- package/dist/types/components/charts/ChartCombo/ChartCombo.d.ts +16 -4
- package/dist/types/components/charts/ChartDonut/ChartDonut.d.ts +5 -1
- package/dist/types/components/charts/ChartLine/ChartLine.d.ts +15 -4
- package/dist/types/components/charts/ChartPie/ChartPie.d.ts +5 -1
- package/dist/types/components/charts/ChartRadial/ChartRadial.d.ts +5 -1
- package/dist/types/components/charts/ChartSankey/ChartSankey.d.ts +5 -1
- package/dist/types/components/charts/ChartScatter/ChartScatter.d.ts +7 -1
- package/dist/types/components/charts/ChartSunburst/ChartSunburst.d.ts +11 -2
- package/dist/types/components/charts/ChartTooltip/ChartTooltip.d.ts +2 -0
- package/dist/types/components/charts/ChartTreemap/ChartTreemap.d.ts +11 -2
- package/dist/types/components/charts/ChartWaterfall/ChartWaterfall.d.ts +8 -3
- package/dist/types/components/charts/core/CartesianFrame.d.ts +6 -1
- package/dist/types/components/charts/core/ChartFrame.d.ts +7 -1
- package/dist/types/components/charts/core/PointBands.d.ts +22 -0
- package/dist/types/components/charts/core/cartesianLayout.d.ts +10 -4
- package/dist/types/components/charts/core/hoverPath.d.ts +10 -0
- package/dist/types/components/charts/core/index.d.ts +13 -3
- package/dist/types/components/charts/core/pointLabels.d.ts +13 -0
- package/dist/types/components/charts/core/tooltips.d.ts +49 -0
- package/dist/types/components/charts/core/useCartesianLayout.d.ts +20 -0
- package/dist/types/components/charts/core/useSeriesToggle.d.ts +15 -1
- package/dist/types/components/data-display/Accordion/Accordion.d.ts +6 -1
- package/dist/types/components/data-display/Accordion/index.d.ts +1 -1
- package/dist/types/components/data-display/SortableList/SortableList.d.ts +22 -0
- package/dist/types/components/data-display/SortableList/index.d.ts +2 -0
- package/dist/types/components/data-display/Tag/Tag.d.ts +13 -0
- package/dist/types/components/data-display/Tag/index.d.ts +2 -0
- package/dist/types/components/data-display/Timeline/Timeline.d.ts +15 -0
- package/dist/types/components/data-display/Timeline/index.d.ts +2 -0
- package/dist/types/components/feedback/Skeleton/Skeleton.d.ts +13 -0
- package/dist/types/components/feedback/Skeleton/index.d.ts +2 -0
- package/dist/types/components/feedback/Toast/ToastRegion.d.ts +2 -0
- package/dist/types/components/feedback/Toast/index.d.ts +3 -0
- package/dist/types/components/feedback/Toast/toastStore.d.ts +24 -0
- package/dist/types/components/forms/CheckboxGroup/CheckboxGroup.d.ts +28 -0
- package/dist/types/components/forms/CheckboxGroup/index.d.ts +2 -0
- package/dist/types/components/forms/ColorPicker/ColorPicker.d.ts +26 -0
- package/dist/types/components/forms/ColorPicker/index.d.ts +2 -0
- package/dist/types/components/forms/Field/Field.d.ts +6 -2
- package/dist/types/components/forms/Field/index.d.ts +1 -1
- package/dist/types/components/forms/FileUpload/FileUpload.d.ts +37 -0
- package/dist/types/components/forms/FileUpload/index.d.ts +2 -0
- package/dist/types/components/forms/InputText/InputText.d.ts +4 -2
- package/dist/types/components/forms/SegmentedControl/SegmentedControl.d.ts +23 -0
- package/dist/types/components/forms/SegmentedControl/index.d.ts +2 -0
- package/dist/types/components/icons/icons.d.ts +29 -0
- package/dist/types/components/icons/index.d.ts +1 -1
- package/dist/types/components/navigation/SkipLink/SkipLink.d.ts +7 -0
- package/dist/types/components/navigation/SkipLink/index.d.ts +2 -0
- package/dist/types/components/navigation/Steps/Steps.d.ts +16 -0
- package/dist/types/components/navigation/Steps/index.d.ts +2 -0
- package/dist/types/components/navigation/Tabs/Tabs.d.ts +5 -1
- package/dist/types/components/overlays/Dialog/Dialog.d.ts +2 -2
- package/dist/types/components/overlays/Dialog/DialogFrame.d.ts +7 -0
- package/dist/types/components/overlays/Drawer/Drawer.d.ts +9 -0
- package/dist/types/components/overlays/Drawer/index.d.ts +2 -0
- package/dist/types/components/overlays/Menu/Menu.d.ts +16 -2
- package/dist/types/components/overlays/Menu/index.d.ts +1 -1
- package/dist/types/index.d.ts +35 -7
- package/dist/types/utils/formatters/formatarNumero.d.ts +6 -1
- package/dist/types/utils/formatters/formatarTamanhoDeArquivo.d.ts +7 -0
- package/dist/types/utils/formatters/index.d.ts +3 -1
- package/dist/utils/formatters/formatarNumero.cjs +1 -1
- package/dist/utils/formatters/formatarNumero.cjs.map +1 -1
- package/dist/utils/formatters/formatarNumero.js +42 -17
- package/dist/utils/formatters/formatarNumero.js.map +1 -1
- package/dist/utils/formatters/formatarTamanhoDeArquivo.cjs +2 -0
- package/dist/utils/formatters/formatarTamanhoDeArquivo.cjs.map +1 -0
- package/dist/utils/formatters/formatarTamanhoDeArquivo.js +17 -0
- package/dist/utils/formatters/formatarTamanhoDeArquivo.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
const t = "_list_31zta_1", e = "_row_31zta_8", _ = "_selected_31zta_25", o = "_dragging_31zta_31", c = "_dropBefore_31zta_36", n = "_dropAfter_31zta_37", s = "_cell_31zta_56", a = "_handle_31zta_64", d = "_icon_31zta_94", r = "_text_31zta_105", l = "_title_31zta_112", i = "_excerpt_31zta_113", z = "_actions_31zta_131", p = "_hiddenText_31zta_137", x = {
|
|
2
|
+
list: t,
|
|
3
|
+
row: e,
|
|
4
|
+
selected: _,
|
|
5
|
+
dragging: o,
|
|
6
|
+
dropBefore: c,
|
|
7
|
+
dropAfter: n,
|
|
8
|
+
cell: s,
|
|
9
|
+
handle: a,
|
|
10
|
+
icon: d,
|
|
11
|
+
text: r,
|
|
12
|
+
title: l,
|
|
13
|
+
excerpt: i,
|
|
14
|
+
actions: z,
|
|
15
|
+
hiddenText: p
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
z as actions,
|
|
19
|
+
s as cell,
|
|
20
|
+
x as default,
|
|
21
|
+
o as dragging,
|
|
22
|
+
n as dropAfter,
|
|
23
|
+
c as dropBefore,
|
|
24
|
+
i as excerpt,
|
|
25
|
+
a as handle,
|
|
26
|
+
p as hiddenText,
|
|
27
|
+
d as icon,
|
|
28
|
+
t as list,
|
|
29
|
+
e as row,
|
|
30
|
+
_ as selected,
|
|
31
|
+
r as text,
|
|
32
|
+
l as title
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=SortableList.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortableList.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),te=require("../../../hooks/useMergedRefs.cjs"),e=require("./Table.module.css.cjs"),se=require("../../../hooks/useSelection/useSelection.cjs"),w=require("../../icons/icons.cjs"),B=require("../../feedback/Skeleton/Skeleton.cjs"),le=require("../../feedback/EmptyState/EmptyState.cjs"),ae=require("../../overlays/Tooltip/Tooltip.cjs"),L=r.createContext(void 0),R=r.createContext(void 0);function z(i){return r.Children.toArray(i).map((a,l)=>t.jsx(R.Provider,{value:l,children:a},r.isValidElement(a)&&a.key!==null?a.key:l))}function _(i,a,l){const c=[...i];return c[a]=l,c}function T(i){const a=r.useContext(L);if(!a)throw new Error(i+" deve ser usado dentro de Table.");return a}function C({children:i,className:a,defaultSelectedIds:l,defaultSort:c,divider:f=!0,highlightSelectedRow:n=!0,label:o,loading:m=!1,loadingMessage:x="Carregando",onSelectionChange:b,onSortChange:g,rows:h=[],selectedIds:d,selectionControl:p,selectionMode:j="none",size:v="md",sort:E,stickyHeader:k=!1,striped:K=!1,ref:O,...H}){const P=r.useId(),[W,F]=r.useState(c),[M,I]=r.useState(()=>new Set),N=E??W,q=p??(j==="single"?"radio":"checkbox"),[D,Q]=r.useState(!0),U=r.useCallback(s=>{if(!s||typeof ResizeObserver>"u")return;const u=new ResizeObserver(()=>Q(s.scrollWidth>s.clientWidth||s.scrollHeight>s.clientHeight));return u.observe(s),s.firstElementChild&&u.observe(s.firstElementChild),()=>u.disconnect()},[]),V=te.useMergedRefs(k?U:void 0,O),$=r.useCallback(s=>(I(u=>new Set(u).add(s)),()=>I(u=>{const y=new Set(u);return y.delete(s),y})),[]),[G,A]=r.useState([]),J=r.useCallback((s,u)=>(A(y=>_(y,s,u)),()=>A(y=>_(y,s,void 0))),[]);function X(s){const u={column:s,direction:(N==null?void 0:N.column)===s&&N.direction==="ascending"?"descending":"ascending"};E===void 0&&F(u),g==null||g(u)}const Y=r.useMemo(()=>h.map(s=>({key:s.id,disabled:s.disabled})),[h]),S=se.useSelection({allowEmpty:q!=="radio",defaultSelectedKeys:l,items:Y,mode:j,selectedKeys:d,onSelectionChange:s=>b==null?void 0:b([...s])}),Z={baseId:P,columnAt:s=>G[s],countColumns:()=>Math.max(M.size,1),loading:m,registerColumn:$,registerLayout:J,requestSort:X,selection:{control:q,empty:h.length===0,highlight:n,isSelected:s=>S.selectedKeys.has(s),mode:j,status:S.status,toggle:(s,u)=>{if(u&&j==="multiple"){S.selectRange(s);return}S.select(s)},toggleAll:S.toggleAll},size:v,sort:N},ee=[e.default.table,e.default[v],f&&e.default.divider,K&&e.default.striped,k&&e.default.sticky].filter(Boolean).join(" ");return t.jsxs("div",{...H,className:[e.default.scroll,k&&!D&&e.default.noScroll,a].filter(Boolean).join(" "),ref:V,children:[t.jsx("table",{"aria-busy":m||void 0,"aria-label":o,className:ee,children:t.jsx(L.Provider,{value:Z,children:i})}),m&&t.jsx("p",{className:e.default.status,role:"status",children:x})]})}function ne({children:i}){const{registerColumn:a,selection:l}=T("Table.Header");return r.useEffect(()=>l.mode==="none"?void 0:a("__selecao__"),[a,l.mode]),t.jsx("thead",{className:e.default.head,children:t.jsxs("tr",{children:[l.mode==="multiple"&&t.jsx("th",{className:[e.default.column,e.default.lead].join(" "),scope:"col",children:t.jsx("input",{"aria-label":"Selecionar todas as linhas",checked:l.status==="all",className:e.default.checkbox,disabled:l.empty,onChange:l.toggleAll,ref:c=>{c&&(c.indeterminate=l.status==="partial")},type:"checkbox"})}),l.mode==="single"&&t.jsx("th",{className:[e.default.column,e.default.lead].join(" "),scope:"col"}),z(i)]})})}function oe({align:i,children:a,help:l,hideBelow:c,id:f,numeric:n=!1,sortable:o=!1,width:m}){const{registerColumn:x,registerLayout:b,requestSort:g,sort:h}=T("Table.Column"),d=r.useContext(R),p=i??(n?"end":"start");r.useEffect(()=>x(f),[f,x]),r.useLayoutEffect(()=>d===void 0?void 0:b(d,{align:p,hideBelow:c,numeric:n}),[p,c,d,n,b]);const j=(h==null?void 0:h.column)===f?h.direction:void 0,v=l&&t.jsx(ae.Tooltip,{content:l,children:t.jsx("span",{"aria-label":l,className:e.default.help,role:"img",tabIndex:0,children:t.jsx(w.IconQuestionCircle,{size:14})})});return t.jsx("th",{"aria-sort":o?j??"none":void 0,className:[e.default.column,e.default[p],o&&e.default.sortable].filter(Boolean).join(" "),"data-hide-below":c,scope:"col",style:{width:m},children:o?t.jsxs("div",{className:e.default.sortHeader,children:[t.jsxs("button",{className:e.default.sortButton,onClick:()=>g(f),type:"button",children:[a,j?t.jsx(w.IconArrowUp,{className:[e.default.sortIcon,j==="descending"&&e.default.sortDescending].filter(Boolean).join(" "),size:12}):t.jsx(w.IconChevronExpand,{className:e.default.sortIcon,size:12})]}),v]}):t.jsxs(t.Fragment,{children:[a,v]})})}const re=3;function ce({children:i,emptyDescription:a="Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.",emptyTitle:l="Nenhum registro encontrado",items:c}){const{columnAt:f,countColumns:n,loading:o,selection:m}=T("Table.Body");if(o){const x=Array.from({length:c.length||re},(h,d)=>d),b=m.mode==="none"?0:1,g=Array.from({length:n()-b},(h,d)=>f(d));return t.jsx("tbody",{"aria-hidden":"true",children:x.map(h=>t.jsxs("tr",{className:[e.default.row,e.default.skeletonRow].join(" "),children:[b>0&&t.jsx("td",{className:[e.default.cell,e.default.lead].join(" "),children:t.jsx(B.Skeleton,{className:e.default.skeleton})}),g.map((d,p)=>t.jsx("td",{className:[e.default.cell,e.default[(d==null?void 0:d.align)??"start"]].join(" "),"data-hide-below":d==null?void 0:d.hideBelow,children:t.jsx(B.Skeleton,{className:e.default.skeleton})},p))]},h))})}return c.length===0?t.jsx("tbody",{children:t.jsx("tr",{children:t.jsx("td",{className:e.default.empty,colSpan:n(),children:t.jsx(le.EmptyState,{description:a,title:l})})})}):t.jsx("tbody",{children:c.map(x=>t.jsx(r.Fragment,{children:i(x)},x.id))})}function ie({children:i,disabled:a=!1,id:l,label:c}){const{baseId:f,selection:n}=T("Table.Row"),o=n.mode!=="none"&&n.isSelected(l);return t.jsxs("tr",{className:[e.default.row,o&&n.highlight&&e.default.selected].filter(Boolean).join(" "),children:[n.mode!=="none"&&t.jsx("td",{className:[e.default.cell,e.default.lead].join(" "),children:t.jsx("input",{"aria-label":c??"Selecionar linha",checked:o,className:e.default[n.control],disabled:a,name:n.control==="radio"?`${f}-selecao`:void 0,onChange:()=>{},onClick:m=>n.toggle(l,m.shiftKey),role:n.control==="toggle"?"switch":void 0,type:n.control==="radio"?"radio":"checkbox"})}),z(i)]})}function de({align:i,children:a,hideBelow:l,numeric:c}){const{columnAt:f}=T("Table.Cell"),n=r.useContext(R),o=n===void 0?void 0:f(n),m=c??(o==null?void 0:o.numeric)??!1;return t.jsx("td",{className:[e.default.cell,e.default[i??(o==null?void 0:o.align)??(m?"end":"start")],m&&e.default.numeric].filter(Boolean).join(" "),"data-hide-below":l??(o==null?void 0:o.hideBelow),children:a})}C.Header=ne;C.Column=oe;C.Body=ce;C.Row=ie;C.Cell=de;exports.Table=C;
|
|
2
2
|
//# sourceMappingURL=Table.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.cjs","sources":["../../../../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import {\n Children,\n createContext,\n Fragment,\n isValidElement,\n type ComponentPropsWithRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useLayoutEffect,\n useMemo,\n useState,\n type ReactNode,\n} from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './Table.module.css';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { IconArrowUp, IconChevronExpand, IconQuestionCircle } from '../../icons';\n\nexport type TableSize = 'sm' | 'md';\nexport type TableAlign = 'start' | 'center' | 'end';\nexport type TableBreakpoint = 'sm' | 'md' | 'lg';\nexport type SortDirection = 'ascending' | 'descending';\nexport type TableSelectionMode = 'none' | 'single' | 'multiple';\nexport type TableSelectionControl = 'checkbox' | 'radio' | 'toggle';\n\nexport interface TableRowItem {\n disabled?: boolean;\n id: string;\n}\n\nexport interface TableSort {\n column: string;\n direction: SortDirection;\n}\n\nexport interface TableProps extends ComponentPropsWithRef<'div'> {\n children: ReactNode;\n /** Escolha inicial no modo nao controlado. */\n defaultSelectedIds?: readonly string[];\n defaultSort?: TableSort;\n divider?: boolean;\n label?: string;\n loading?: boolean;\n loadingMessage?: string;\n highlightSelectedRow?: boolean;\n onSelectionChange?: (ids: readonly string[]) => void;\n onSortChange?: (sort: TableSort) => void;\n rows?: readonly TableRowItem[];\n selectedIds?: readonly string[];\n selectionControl?: TableSelectionControl;\n selectionMode?: TableSelectionMode;\n size?: TableSize;\n sort?: TableSort;\n /** Cabecalho colado no topo da rolagem da pagina; com a tabela mais larga ou mais alta que o espaco, no dela. */\n stickyHeader?: boolean;\n striped?: boolean;\n}\n\n/** O que a celula herda da coluna na mesma posicao, quando nao declara o proprio. */\ninterface ColumnLayout {\n align: TableAlign;\n hideBelow?: TableBreakpoint;\n numeric: boolean;\n}\n\ninterface TableContextValue {\n baseId: string;\n columnAt: (index: number) => ColumnLayout | undefined;\n countColumns: () => number;\n loading: boolean;\n registerColumn: (id: string) => () => void;\n registerLayout: (index: number, layout: ColumnLayout) => () => void;\n requestSort: (column: string) => void;\n selection: TableSelection;\n size: TableSize;\n sort?: TableSort;\n}\n\ninterface TableSelection {\n control: TableSelectionControl;\n empty: boolean;\n highlight: boolean;\n isSelected: (id: string) => boolean;\n mode: TableSelectionMode;\n status: 'none' | 'partial' | 'all';\n toggle: (id: string, extend: boolean) => void;\n toggleAll: () => void;\n}\n\nconst TableContext = createContext<TableContextValue | undefined>(undefined);\n\n/** Posicao do filho no cabecalho ou na linha: e por ela que a celula acha a sua coluna. */\nconst ColumnIndexContext = createContext<number | undefined>(undefined);\n\nfunction withColumnIndex(children: ReactNode) {\n return Children.toArray(children).map((child, index) => (\n <ColumnIndexContext.Provider key={isValidElement(child) && child.key !== null ? child.key : index} value={index}>\n {child}\n </ColumnIndexContext.Provider>\n ));\n}\n\nfunction withLayout(\n layouts: readonly (ColumnLayout | undefined)[],\n index: number,\n layout: ColumnLayout | undefined,\n): (ColumnLayout | undefined)[] {\n const next = [...layouts];\n next[index] = layout;\n return next;\n}\n\nfunction useTableContext(part: string) {\n const context = useContext(TableContext);\n\n if (!context) {\n throw new Error(part + ' deve ser usado dentro de Table.');\n }\n\n return context;\n}\n\nexport function Table({\n children,\n className,\n defaultSelectedIds,\n defaultSort,\n divider = true,\n highlightSelectedRow = true,\n label,\n loading = false,\n loadingMessage = 'Carregando',\n onSelectionChange,\n onSortChange,\n rows = [],\n selectedIds,\n selectionControl,\n selectionMode = 'none',\n size = 'md',\n sort,\n stickyHeader = false,\n striped = false,\n ref,\n ...props\n}: TableProps) {\n const baseId = useId();\n const [internalSort, setInternalSort] = useState(defaultSort);\n const [columns, setColumns] = useState<ReadonlySet<string>>(() => new Set());\n const currentSort = sort ?? internalSort;\n const control = selectionControl ?? (selectionMode === 'single' ? 'radio' : 'checkbox');\n\n // Rolar dentro da tabela e colar o cabecalho na rolagem da pagina se excluem em CSS: o envoltorio so\n // continua conteiner de rolagem quando a tabela transborda dele.\n const [precisaRolar, setPrecisaRolar] = useState(true);\n const observarTransbordo = useCallback((envoltorio: HTMLDivElement | null) => {\n if (!envoltorio || typeof ResizeObserver === 'undefined') {\n return;\n }\n\n const observador = new ResizeObserver(() =>\n setPrecisaRolar(\n envoltorio.scrollWidth > envoltorio.clientWidth || envoltorio.scrollHeight > envoltorio.clientHeight,\n ),\n );\n\n observador.observe(envoltorio);\n\n if (envoltorio.firstElementChild) {\n observador.observe(envoltorio.firstElementChild);\n }\n\n return () => observador.disconnect();\n }, []);\n const envoltorioRef = useMergedRefs(stickyHeader ? observarTransbordo : undefined, ref);\n\n // A coluna se registra enquanto esta na tela e sai quando sai: registrada para sempre, o vazio ocupava colunas\n // que nao existiam mais.\n const registerColumn = useCallback((id: string) => {\n setColumns((atuais) => new Set(atuais).add(id));\n\n return () =>\n setColumns((atuais) => {\n const restantes = new Set(atuais);\n restantes.delete(id);\n return restantes;\n });\n }, []);\n\n const [layouts, setLayouts] = useState<readonly (ColumnLayout | undefined)[]>([]);\n const registerLayout = useCallback((index: number, layout: ColumnLayout) => {\n setLayouts((atuais) => withLayout(atuais, index, layout));\n\n return () => setLayouts((atuais) => withLayout(atuais, index, undefined));\n }, []);\n\n function requestSort(column: string) {\n const next: TableSort = {\n column,\n direction:\n currentSort?.column === column && currentSort.direction === 'ascending' ? 'descending' : 'ascending',\n };\n\n if (sort === undefined) {\n setInternalSort(next);\n }\n\n onSortChange?.(next);\n }\n\n const collection = useMemo<SelectionItem[]>(\n () => rows.map((row) => ({ key: row.id, disabled: row.disabled })),\n [rows],\n );\n\n const selection = useSelection({\n // Caixa e chave desmarcam ao clicar de novo; o radio, nao.\n allowEmpty: control !== 'radio',\n defaultSelectedKeys: defaultSelectedIds,\n items: collection,\n mode: selectionMode,\n selectedKeys: selectedIds,\n onSelectionChange: (keys) => onSelectionChange?.([...keys]),\n });\n\n const context: TableContextValue = {\n baseId,\n columnAt: (index) => layouts[index],\n countColumns: () => Math.max(columns.size, 1),\n loading,\n registerColumn,\n registerLayout,\n requestSort,\n selection: {\n control,\n empty: rows.length === 0,\n highlight: highlightSelectedRow,\n isSelected: (id) => selection.selectedKeys.has(id),\n mode: selectionMode,\n status: selection.status,\n toggle: (id, extend) => {\n if (extend && selectionMode === 'multiple') {\n selection.selectRange(id);\n return;\n }\n\n selection.select(id);\n },\n toggleAll: selection.toggleAll,\n },\n size,\n sort: currentSort,\n };\n\n const classes = [\n styles.table,\n styles[size],\n divider && styles.divider,\n striped && styles.striped,\n stickyHeader && styles.sticky,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div\n {...props}\n className={[styles.scroll, stickyHeader && !precisaRolar && styles.noScroll, className].filter(Boolean).join(' ')}\n ref={envoltorioRef}\n >\n <table aria-busy={loading || undefined} aria-label={label} className={classes}>\n <TableContext.Provider value={context}>{children}</TableContext.Provider>\n </table>\n {loading && (\n <p className={styles.status} role=\"status\">\n {loadingMessage}\n </p>\n )}\n </div>\n );\n}\n\nexport interface TableHeaderProps {\n children: ReactNode;\n}\n\nfunction TableHeader({ children }: TableHeaderProps) {\n const { registerColumn, selection } = useTableContext('Table.Header');\n\n useEffect(() => (selection.mode === 'none' ? undefined : registerColumn('__selecao__')), [registerColumn, selection.mode]);\n\n return (\n <thead className={styles.head}>\n <tr>\n {selection.mode === 'multiple' && (\n <th className={[styles.column, styles.lead].join(' ')} scope=\"col\">\n {/* Sem `rows` nao ha o que marcar, e o clique so apagava a escolha que ja havia. */}\n <input\n aria-label=\"Selecionar todas as linhas\"\n checked={selection.status === 'all'}\n className={styles.checkbox}\n disabled={selection.empty}\n onChange={selection.toggleAll}\n ref={(node) => {\n if (node) {\n node.indeterminate = selection.status === 'partial';\n }\n }}\n type=\"checkbox\"\n />\n </th>\n )}\n {selection.mode === 'single' && <th className={[styles.column, styles.lead].join(' ')} scope=\"col\" />}\n {withColumnIndex(children)}\n </tr>\n </thead>\n );\n}\n\nexport interface TableColumnProps {\n align?: TableAlign;\n children: ReactNode;\n help?: string;\n hideBelow?: TableBreakpoint;\n id: string;\n numeric?: boolean;\n sortable?: boolean;\n width?: string;\n}\n\nfunction TableColumn({ align, children, help, hideBelow, id, numeric = false, sortable = false, width }: TableColumnProps) {\n const { registerColumn, registerLayout, requestSort, sort } = useTableContext('Table.Column');\n const index = useContext(ColumnIndexContext);\n const columnAlign = align ?? (numeric ? 'end' : 'start');\n\n useEffect(() => registerColumn(id), [id, registerColumn]);\n\n // Antes da pintura: com efeito comum, a celula aparecia um quadro alinhada a esquerda e so depois ia para o lado\n // da coluna.\n useLayoutEffect(\n () => (index === undefined ? undefined : registerLayout(index, { align: columnAlign, hideBelow, numeric })),\n [columnAlign, hideBelow, index, numeric, registerLayout],\n );\n\n const sorted = sort?.column === id ? sort.direction : undefined;\n\n // A ajuda e focavel e fica fora do botao de ordenacao: controle dentro de controle nao e HTML valido.\n const ajuda = help && (\n <Tooltip content={help}>\n <span aria-label={help} className={styles.help} role=\"img\" tabIndex={0}>\n <IconQuestionCircle size={14} />\n </span>\n </Tooltip>\n );\n\n return (\n <th\n aria-sort={sortable ? sorted ?? 'none' : undefined}\n className={[styles.column, styles[columnAlign], sortable && styles.sortable]\n .filter(Boolean)\n .join(' ')}\n data-hide-below={hideBelow}\n scope=\"col\"\n style={{ width }}\n >\n {sortable ? (\n <div className={styles.sortHeader}>\n <button className={styles.sortButton} onClick={() => requestSort(id)} type=\"button\">\n {children}\n {sorted ? (\n <IconArrowUp\n className={[styles.sortIcon, sorted === 'descending' && styles.sortDescending].filter(Boolean).join(' ')}\n size={12}\n />\n ) : (\n <IconChevronExpand className={styles.sortIcon} size={12} />\n )}\n </button>\n {ajuda}\n </div>\n ) : (\n <>\n {children}\n {ajuda}\n </>\n )}\n </th>\n );\n}\n\nexport interface TableBodyProps<T extends TableRowItem> {\n children: (item: T) => ReactNode;\n emptyDescription?: string;\n emptyTitle?: string;\n items: readonly T[];\n}\n\nconst SKELETON_ROWS = 3;\n\nfunction TableBody<T extends TableRowItem>({\n children,\n emptyDescription = 'Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.',\n emptyTitle = 'Nenhum registro encontrado',\n items,\n}: TableBodyProps<T>) {\n const { columnAt, countColumns, loading, selection } = useTableContext('Table.Body');\n\n if (loading) {\n // Mantem a altura das linhas que ja estavam na tela, para a pagina nao pular quando a nova chegar.\n const rows = Array.from({ length: items.length || SKELETON_ROWS }, (_, index) => index);\n const leadCells = selection.mode === 'none' ? 0 : 1;\n const columns = Array.from({ length: countColumns() - leadCells }, (_, index) => columnAt(index));\n\n return (\n <tbody aria-hidden=\"true\">\n {rows.map((row) => (\n <tr className={[styles.row, styles.skeletonRow].join(' ')} key={row}>\n {leadCells > 0 && (\n <td className={[styles.cell, styles.lead].join(' ')}>\n <span className={styles.skeleton} />\n </td>\n )}\n {columns.map((column, index) => (\n <td className={[styles.cell, styles[column?.align ?? 'start']].join(' ')} data-hide-below={column?.hideBelow} key={index}>\n <span className={styles.skeleton} />\n </td>\n ))}\n </tr>\n ))}\n </tbody>\n );\n }\n\n if (items.length === 0) {\n return (\n <tbody>\n <tr>\n <td className={styles.empty} colSpan={countColumns()}>\n <EmptyState description={emptyDescription} title={emptyTitle} />\n </td>\n </tr>\n </tbody>\n );\n }\n\n return (\n <tbody>\n {items.map((item) => (\n <Fragment key={item.id}>{children(item)}</Fragment>\n ))}\n </tbody>\n );\n}\n\nexport interface TableRowProps {\n children: ReactNode;\n disabled?: boolean;\n id: string;\n label?: string;\n}\n\nfunction TableRow({ children, disabled = false, id, label }: TableRowProps) {\n const { baseId, selection } = useTableContext('Table.Row');\n const selected = selection.mode !== 'none' && selection.isSelected(id);\n\n return (\n // Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.\n <tr className={[styles.row, selected && selection.highlight && styles.selected].filter(Boolean).join(' ')}>\n {selection.mode !== 'none' && (\n <td className={[styles.cell, styles.lead].join(' ')}>\n <input\n aria-label={label ?? 'Selecionar linha'}\n checked={selected}\n className={styles[selection.control]}\n disabled={disabled}\n name={selection.control === 'radio' ? `${baseId}-selecao` : undefined}\n onChange={() => undefined}\n onClick={(event) => selection.toggle(id, event.shiftKey)}\n role={selection.control === 'toggle' ? 'switch' : undefined}\n type={selection.control === 'radio' ? 'radio' : 'checkbox'}\n />\n </td>\n )}\n {withColumnIndex(children)}\n </tr>\n );\n}\n\n/** Sem valor proprio, `align`, `hideBelow` e `numeric` seguem a coluna da mesma posicao no cabecalho. */\nexport interface TableCellProps {\n align?: TableAlign;\n children?: ReactNode;\n hideBelow?: TableBreakpoint;\n numeric?: boolean;\n}\n\nfunction TableCell({ align, children, hideBelow, numeric }: TableCellProps) {\n const { columnAt } = useTableContext('Table.Cell');\n const index = useContext(ColumnIndexContext);\n const column = index === undefined ? undefined : columnAt(index);\n const isNumeric = numeric ?? column?.numeric ?? false;\n\n return (\n <td\n className={[styles.cell, styles[align ?? column?.align ?? (isNumeric ? 'end' : 'start')], isNumeric && styles.numeric]\n .filter(Boolean)\n .join(' ')}\n data-hide-below={hideBelow ?? column?.hideBelow}\n >\n {children}\n </td>\n );\n}\n\nTable.Header = TableHeader;\nTable.Column = TableColumn;\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n"],"names":["TableContext","createContext","ColumnIndexContext","withColumnIndex","children","Children","child","index","jsx","isValidElement","withLayout","layouts","layout","next","useTableContext","part","context","useContext","Table","className","defaultSelectedIds","defaultSort","divider","highlightSelectedRow","label","loading","loadingMessage","onSelectionChange","onSortChange","rows","selectedIds","selectionControl","selectionMode","size","sort","stickyHeader","striped","ref","props","baseId","useId","internalSort","setInternalSort","useState","columns","setColumns","currentSort","control","precisaRolar","setPrecisaRolar","observarTransbordo","useCallback","envoltorio","observador","envoltorioRef","useMergedRefs","registerColumn","id","atuais","restantes","setLayouts","registerLayout","requestSort","column","collection","useMemo","row","selection","useSelection","keys","extend","classes","styles","jsxs","TableHeader","useEffect","node","TableColumn","align","help","hideBelow","numeric","sortable","width","columnAlign","useLayoutEffect","sorted","ajuda","Tooltip","IconQuestionCircle","IconArrowUp","IconChevronExpand","Fragment","SKELETON_ROWS","TableBody","emptyDescription","emptyTitle","items","columnAt","countColumns","_","leadCells","EmptyState","item","TableRow","disabled","selected","event","TableCell","isNumeric"],"mappings":"iaA6FMA,EAAeC,EAAAA,cAA6C,MAAS,EAGrEC,EAAqBD,EAAAA,cAAkC,MAAS,EAEtE,SAASE,EAAgBC,EAAqB,CAC5C,OAAOC,WAAS,QAAQD,CAAQ,EAAE,IAAI,CAACE,EAAOC,IAC5CC,EAAAA,IAACN,EAAmB,SAAnB,CAAkG,MAAOK,EACvG,SAAAD,CAAA,EAD+BG,EAAAA,eAAeH,CAAK,GAAKA,EAAM,MAAQ,KAAOA,EAAM,IAAMC,CAE5F,CACD,CACH,CAEA,SAASG,EACPC,EACAJ,EACAK,EAC8B,CAC9B,MAAMC,EAAO,CAAC,GAAGF,CAAO,EACxB,OAAAE,EAAKN,CAAK,EAAIK,EACPC,CACT,CAEA,SAASC,EAAgBC,EAAc,CACrC,MAAMC,EAAUC,EAAAA,WAAWjB,CAAY,EAEvC,GAAI,CAACgB,EACH,MAAM,IAAI,MAAMD,EAAO,kCAAkC,EAG3D,OAAOC,CACT,CAEO,SAASE,EAAM,CACpB,SAAAd,EACA,UAAAe,EACA,mBAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,GACV,qBAAAC,EAAuB,GACvB,MAAAC,EACA,QAAAC,EAAU,GACV,eAAAC,EAAiB,aACjB,kBAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,CAAA,EACP,YAAAC,EACA,iBAAAC,EACA,cAAAC,EAAgB,OAChB,KAAAC,EAAO,KACP,KAAAC,EACA,aAAAC,EAAe,GACf,QAAAC,EAAU,GACV,IAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAASC,EAAAA,MAAA,EACT,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAStB,CAAW,EACtD,CAACuB,EAASC,CAAU,EAAIF,EAAAA,SAA8B,IAAM,IAAI,GAAK,EACrEG,EAAcZ,GAAQO,EACtBM,EAAUhB,IAAqBC,IAAkB,SAAW,QAAU,YAItE,CAACgB,EAAcC,CAAe,EAAIN,EAAAA,SAAS,EAAI,EAC/CO,EAAqBC,cAAaC,GAAsC,CAC5E,GAAI,CAACA,GAAc,OAAO,eAAmB,IAC3C,OAGF,MAAMC,EAAa,IAAI,eAAe,IACpCJ,EACEG,EAAW,YAAcA,EAAW,aAAeA,EAAW,aAAeA,EAAW,YAAA,CAC1F,EAGF,OAAAC,EAAW,QAAQD,CAAU,EAEzBA,EAAW,mBACbC,EAAW,QAAQD,EAAW,iBAAiB,EAG1C,IAAMC,EAAW,WAAA,CAC1B,EAAG,CAAA,CAAE,EACCC,EAAgBC,GAAAA,cAAcpB,EAAee,EAAqB,OAAWb,CAAG,EAIhFmB,EAAiBL,cAAaM,IAClCZ,EAAYa,GAAW,IAAI,IAAIA,CAAM,EAAE,IAAID,CAAE,CAAC,EAEvC,IACLZ,EAAYa,GAAW,CACrB,MAAMC,EAAY,IAAI,IAAID,CAAM,EAChC,OAAAC,EAAU,OAAOF,CAAE,EACZE,CACT,CAAC,GACF,CAAA,CAAE,EAEC,CAAChD,EAASiD,CAAU,EAAIjB,EAAAA,SAAgD,CAAA,CAAE,EAC1EkB,EAAiBV,EAAAA,YAAY,CAAC5C,EAAeK,KACjDgD,EAAYF,GAAWhD,EAAWgD,EAAQnD,EAAOK,CAAM,CAAC,EAEjD,IAAMgD,EAAYF,GAAWhD,EAAWgD,EAAQnD,EAAO,MAAS,CAAC,GACvE,CAAA,CAAE,EAEL,SAASuD,EAAYC,EAAgB,CACnC,MAAMlD,EAAkB,CACtB,OAAAkD,EACA,WACEjB,GAAA,YAAAA,EAAa,UAAWiB,GAAUjB,EAAY,YAAc,YAAc,aAAe,WAAA,EAGzFZ,IAAS,QACXQ,EAAgB7B,CAAI,EAGtBe,GAAA,MAAAA,EAAef,EACjB,CAEA,MAAMmD,EAAaC,EAAAA,QACjB,IAAMpC,EAAK,IAAKqC,IAAS,CAAE,IAAKA,EAAI,GAAI,SAAUA,EAAI,QAAA,EAAW,EACjE,CAACrC,CAAI,CAAA,EAGDsC,EAAYC,GAAAA,aAAa,CAE7B,WAAYrB,IAAY,QACxB,oBAAqB3B,EACrB,MAAO4C,EACP,KAAMhC,EACN,aAAcF,EACd,kBAAoBuC,GAAS1C,GAAA,YAAAA,EAAoB,CAAC,GAAG0C,CAAI,EAAC,CAC3D,EAEKrD,EAA6B,CACjC,OAAAuB,EACA,SAAWhC,GAAUI,EAAQJ,CAAK,EAClC,aAAc,IAAM,KAAK,IAAIqC,EAAQ,KAAM,CAAC,EAC5C,QAAAnB,EACA,eAAA+B,EACA,eAAAK,EACA,YAAAC,EACA,UAAW,CACT,QAAAf,EACA,MAAOlB,EAAK,SAAW,EACvB,UAAWN,EACX,WAAakC,GAAOU,EAAU,aAAa,IAAIV,CAAE,EACjD,KAAMzB,EACN,OAAQmC,EAAU,OAClB,OAAQ,CAACV,EAAIa,IAAW,CACtB,GAAIA,GAAUtC,IAAkB,WAAY,CAC1CmC,EAAU,YAAYV,CAAE,EACxB,MACF,CAEAU,EAAU,OAAOV,CAAE,CACrB,EACA,UAAWU,EAAU,SAAA,EAEvB,KAAAlC,EACA,KAAMa,CAAA,EAGFyB,EAAU,CACdC,EAAAA,QAAO,MACPA,EAAAA,QAAOvC,CAAI,EACXX,GAAWkD,EAAAA,QAAO,QAClBpC,GAAWoC,EAAAA,QAAO,QAClBrC,GAAgBqC,EAAAA,QAAO,MAAA,EAEtB,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEC,EAAAA,KAAC,MAAA,CACE,GAAGnC,EACJ,UAAW,CAACkC,EAAAA,QAAO,OAAQrC,GAAgB,CAACa,GAAgBwB,EAAAA,QAAO,SAAUrD,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAChH,IAAKmC,EAEL,SAAA,CAAA9C,MAAC,QAAA,CAAM,YAAWiB,GAAW,OAAW,aAAYD,EAAO,UAAW+C,EACpE,SAAA/D,EAAAA,IAACR,EAAa,SAAb,CAAsB,MAAOgB,EAAU,SAAAZ,EAAS,EACnD,EACCqB,SACE,IAAA,CAAE,UAAW+C,EAAAA,QAAO,OAAQ,KAAK,SAC/B,SAAA9C,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAMA,SAASgD,GAAY,CAAE,SAAAtE,GAA8B,CACnD,KAAM,CAAE,eAAAoD,EAAgB,UAAAW,GAAcrD,EAAgB,cAAc,EAEpE6D,OAAAA,EAAAA,UAAU,IAAOR,EAAU,OAAS,OAAS,OAAYX,EAAe,aAAa,EAAI,CAACA,EAAgBW,EAAU,IAAI,CAAC,QAGtH,QAAA,CAAM,UAAWK,EAAAA,QAAO,KACvB,gBAAC,KAAA,CACE,SAAA,CAAAL,EAAU,OAAS,YAClB3D,EAAAA,IAAC,KAAA,CAAG,UAAW,CAACgE,UAAO,OAAQA,EAAAA,QAAO,IAAI,EAAE,KAAK,GAAG,EAAG,MAAM,MAE3D,SAAAhE,EAAAA,IAAC,QAAA,CACC,aAAW,6BACX,QAAS2D,EAAU,SAAW,MAC9B,UAAWK,EAAAA,QAAO,SAClB,SAAUL,EAAU,MACpB,SAAUA,EAAU,UACpB,IAAMS,GAAS,CACTA,IACFA,EAAK,cAAgBT,EAAU,SAAW,UAE9C,EACA,KAAK,UAAA,CAAA,EAET,EAEDA,EAAU,OAAS,UAAY3D,EAAAA,IAAC,KAAA,CAAG,UAAW,CAACgE,EAAAA,QAAO,OAAQA,EAAAA,QAAO,IAAI,EAAE,KAAK,GAAG,EAAG,MAAM,MAAM,EAClGrE,EAAgBC,CAAQ,CAAA,CAAA,CAC3B,CAAA,CACF,CAEJ,CAaA,SAASyE,GAAY,CAAE,MAAAC,EAAO,SAAA1E,EAAU,KAAA2E,EAAM,UAAAC,EAAW,GAAAvB,EAAI,QAAAwB,EAAU,GAAO,SAAAC,EAAW,GAAO,MAAAC,CAAA,EAA2B,CACzH,KAAM,CAAE,eAAA3B,EAAgB,eAAAK,EAAgB,YAAAC,EAAa,KAAA5B,CAAA,EAASpB,EAAgB,cAAc,EACtFP,EAAQU,EAAAA,WAAWf,CAAkB,EACrCkF,EAAcN,IAAUG,EAAU,MAAQ,SAEhDN,EAAAA,UAAU,IAAMnB,EAAeC,CAAE,EAAG,CAACA,EAAID,CAAc,CAAC,EAIxD6B,EAAAA,gBACE,IAAO9E,IAAU,OAAY,OAAYsD,EAAetD,EAAO,CAAE,MAAO6E,EAAa,UAAAJ,EAAW,QAAAC,EAAS,EACzG,CAACG,EAAaJ,EAAWzE,EAAO0E,EAASpB,CAAc,CAAA,EAGzD,MAAMyB,GAASpD,GAAA,YAAAA,EAAM,UAAWuB,EAAKvB,EAAK,UAAY,OAGhDqD,EAAQR,GACZvE,MAACgF,GAAAA,QAAA,CAAQ,QAAST,EAChB,SAAAvE,EAAAA,IAAC,OAAA,CAAK,aAAYuE,EAAM,UAAWP,UAAO,KAAM,KAAK,MAAM,SAAU,EACnE,eAACiB,EAAAA,mBAAA,CAAmB,KAAM,EAAA,CAAI,CAAA,CAChC,CAAA,CACF,EAGF,OACEjF,EAAAA,IAAC,KAAA,CACC,YAAW0E,EAAWI,GAAU,OAAS,OACzC,UAAW,CAACd,EAAAA,QAAO,OAAQA,EAAAA,QAAOY,CAAW,EAAGF,GAAYV,EAAAA,QAAO,QAAQ,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,kBAAiBQ,EACjB,MAAM,MACN,MAAO,CAAE,MAAAG,CAAA,EAER,SAAAD,EACCT,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,WACrB,SAAA,CAAAC,EAAAA,KAAC,SAAA,CAAO,UAAWD,EAAAA,QAAO,WAAY,QAAS,IAAMV,EAAYL,CAAE,EAAG,KAAK,SACxE,SAAA,CAAArD,EACAkF,EACC9E,EAAAA,IAACkF,EAAAA,YAAA,CACC,UAAW,CAAClB,EAAAA,QAAO,SAAUc,IAAW,cAAgBd,EAAAA,QAAO,cAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACvG,KAAM,EAAA,CAAA,EAGRhE,EAAAA,IAACmF,EAAAA,kBAAA,CAAkB,UAAWnB,EAAAA,QAAO,SAAU,KAAM,EAAA,CAAI,CAAA,EAE7D,EACCe,CAAA,CAAA,CACH,EAEAd,EAAAA,KAAAmB,EAAAA,SAAA,CACG,SAAA,CAAAxF,EACAmF,CAAA,CAAA,CACH,CAAA,CAAA,CAIR,CASA,MAAMM,GAAgB,EAEtB,SAASC,GAAkC,CACzC,SAAA1F,EACA,iBAAA2F,EAAmB,8FACnB,WAAAC,EAAa,6BACb,MAAAC,CACF,EAAsB,CACpB,KAAM,CAAE,SAAAC,EAAU,aAAAC,EAAc,QAAA1E,EAAS,UAAA0C,CAAA,EAAcrD,EAAgB,YAAY,EAEnF,GAAIW,EAAS,CAEX,MAAMI,EAAO,MAAM,KAAK,CAAE,OAAQoE,EAAM,QAAUJ,EAAA,EAAiB,CAACO,EAAG7F,IAAUA,CAAK,EAChF8F,EAAYlC,EAAU,OAAS,OAAS,EAAI,EAC5CvB,EAAU,MAAM,KAAK,CAAE,OAAQuD,EAAA,EAAiBE,CAAA,EAAa,CAACD,EAAG7F,IAAU2F,EAAS3F,CAAK,CAAC,EAEhG,aACG,QAAA,CAAM,cAAY,OAChB,SAAAsB,EAAK,IAAKqC,GACTO,EAAAA,KAAC,MAAG,UAAW,CAACD,EAAAA,QAAO,IAAKA,EAAAA,QAAO,WAAW,EAAE,KAAK,GAAG,EACrD,SAAA,CAAA6B,EAAY,GACX7F,EAAAA,IAAC,KAAA,CAAG,UAAW,CAACgE,EAAAA,QAAO,KAAMA,EAAAA,QAAO,IAAI,EAAE,KAAK,GAAG,EAChD,SAAAhE,MAAC,QAAK,UAAWgE,EAAAA,QAAO,SAAU,EACpC,EAED5B,EAAQ,IAAI,CAACmB,EAAQxD,IACpBC,EAAAA,IAAC,KAAA,CAAG,UAAW,CAACgE,EAAAA,QAAO,KAAMA,EAAAA,SAAOT,GAAA,YAAAA,EAAQ,QAAS,OAAO,CAAC,EAAE,KAAK,GAAG,EAAG,kBAAiBA,GAAA,YAAAA,EAAQ,UACjG,SAAAvD,EAAAA,IAAC,OAAA,CAAK,UAAWgE,EAAAA,QAAO,QAAA,CAAU,CAAA,EAD+EjE,CAEnH,CACD,CAAA,GAV6D2D,CAWhE,CACD,EACH,CAEJ,CAEA,OAAI+B,EAAM,SAAW,EAEjBzF,EAAAA,IAAC,SACC,SAAAA,EAAAA,IAAC,KAAA,CACC,eAAC,KAAA,CAAG,UAAWgE,EAAAA,QAAO,MAAO,QAAS2B,IACpC,SAAA3F,MAAC8F,GAAAA,YAAW,YAAaP,EAAkB,MAAOC,CAAA,CAAY,EAChE,EACF,CAAA,CACF,EAKFxF,EAAAA,IAAC,QAAA,CACE,SAAAyF,EAAM,IAAKM,GACV/F,EAAAA,IAACoF,EAAAA,SAAA,CAAwB,WAASW,CAAI,CAAA,EAAvBA,EAAK,EAAoB,CACzC,EACH,CAEJ,CASA,SAASC,GAAS,CAAE,SAAApG,EAAU,SAAAqG,EAAW,GAAO,GAAAhD,EAAI,MAAAjC,GAAwB,CAC1E,KAAM,CAAE,OAAAe,EAAQ,UAAA4B,GAAcrD,EAAgB,WAAW,EACnD4F,EAAWvC,EAAU,OAAS,QAAUA,EAAU,WAAWV,CAAE,EAErE,cAEG,KAAA,CAAG,UAAW,CAACe,EAAAA,QAAO,IAAKkC,GAAYvC,EAAU,WAAaK,EAAAA,QAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACrG,SAAA,CAAAL,EAAU,OAAS,QAClB3D,EAAAA,IAAC,KAAA,CAAG,UAAW,CAACgE,EAAAA,QAAO,KAAMA,EAAAA,QAAO,IAAI,EAAE,KAAK,GAAG,EAChD,SAAAhE,EAAAA,IAAC,QAAA,CACC,aAAYgB,GAAS,mBACrB,QAASkF,EACT,UAAWlC,EAAAA,QAAOL,EAAU,OAAO,EACnC,SAAAsC,EACA,KAAMtC,EAAU,UAAY,QAAU,GAAG5B,CAAM,WAAa,OAC5D,SAAU,IAAA,GACV,QAAUoE,GAAUxC,EAAU,OAAOV,EAAIkD,EAAM,QAAQ,EACvD,KAAMxC,EAAU,UAAY,SAAW,SAAW,OAClD,KAAMA,EAAU,UAAY,QAAU,QAAU,UAAA,CAAA,EAEpD,EAEDhE,EAAgBC,CAAQ,CAAA,CAAA,CAC3B,CAEJ,CAUA,SAASwG,GAAU,CAAE,MAAA9B,EAAO,SAAA1E,EAAU,UAAA4E,EAAW,QAAAC,GAA2B,CAC1E,KAAM,CAAE,SAAAiB,CAAA,EAAapF,EAAgB,YAAY,EAC3CP,EAAQU,EAAAA,WAAWf,CAAkB,EACrC6D,EAASxD,IAAU,OAAY,OAAY2F,EAAS3F,CAAK,EACzDsG,EAAY5B,IAAWlB,GAAA,YAAAA,EAAQ,UAAW,GAEhD,OACEvD,EAAAA,IAAC,KAAA,CACC,UAAW,CAACgE,EAAAA,QAAO,KAAMA,EAAAA,QAAOM,IAASf,GAAA,YAAAA,EAAQ,SAAU8C,EAAY,MAAQ,QAAQ,EAAGA,GAAarC,EAAAA,QAAO,OAAO,EAClH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,kBAAiBQ,IAAajB,GAAA,YAAAA,EAAQ,WAErC,SAAA3D,CAAA,CAAA,CAGP,CAEAc,EAAM,OAASwD,GACfxD,EAAM,OAAS2D,GACf3D,EAAM,KAAO4E,GACb5E,EAAM,IAAMsF,GACZtF,EAAM,KAAO0F"}
|
|
1
|
+
{"version":3,"file":"Table.cjs","sources":["../../../../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import {\n Children,\n createContext,\n Fragment,\n isValidElement,\n type ComponentPropsWithRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useLayoutEffect,\n useMemo,\n useState,\n type ReactNode,\n} from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './Table.module.css';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { Skeleton } from '../../feedback/Skeleton';\nimport { IconArrowUp, IconChevronExpand, IconQuestionCircle } from '../../icons';\n\nexport type TableSize = 'sm' | 'md';\nexport type TableAlign = 'start' | 'center' | 'end';\nexport type TableBreakpoint = 'sm' | 'md' | 'lg';\nexport type SortDirection = 'ascending' | 'descending';\nexport type TableSelectionMode = 'none' | 'single' | 'multiple';\nexport type TableSelectionControl = 'checkbox' | 'radio' | 'toggle';\n\nexport interface TableRowItem {\n disabled?: boolean;\n id: string;\n}\n\nexport interface TableSort {\n column: string;\n direction: SortDirection;\n}\n\nexport interface TableProps extends ComponentPropsWithRef<'div'> {\n children: ReactNode;\n /** Escolha inicial no modo nao controlado. */\n defaultSelectedIds?: readonly string[];\n defaultSort?: TableSort;\n divider?: boolean;\n label?: string;\n loading?: boolean;\n loadingMessage?: string;\n highlightSelectedRow?: boolean;\n onSelectionChange?: (ids: readonly string[]) => void;\n onSortChange?: (sort: TableSort) => void;\n rows?: readonly TableRowItem[];\n selectedIds?: readonly string[];\n selectionControl?: TableSelectionControl;\n selectionMode?: TableSelectionMode;\n size?: TableSize;\n sort?: TableSort;\n /** Cabecalho colado no topo da rolagem da pagina; com a tabela mais larga ou mais alta que o espaco, no dela. */\n stickyHeader?: boolean;\n striped?: boolean;\n}\n\n/** O que a celula herda da coluna na mesma posicao, quando nao declara o proprio. */\ninterface ColumnLayout {\n align: TableAlign;\n hideBelow?: TableBreakpoint;\n numeric: boolean;\n}\n\ninterface TableContextValue {\n baseId: string;\n columnAt: (index: number) => ColumnLayout | undefined;\n countColumns: () => number;\n loading: boolean;\n registerColumn: (id: string) => () => void;\n registerLayout: (index: number, layout: ColumnLayout) => () => void;\n requestSort: (column: string) => void;\n selection: TableSelection;\n size: TableSize;\n sort?: TableSort;\n}\n\ninterface TableSelection {\n control: TableSelectionControl;\n empty: boolean;\n highlight: boolean;\n isSelected: (id: string) => boolean;\n mode: TableSelectionMode;\n status: 'none' | 'partial' | 'all';\n toggle: (id: string, extend: boolean) => void;\n toggleAll: () => void;\n}\n\nconst TableContext = createContext<TableContextValue | undefined>(undefined);\n\n/** Posicao do filho no cabecalho ou na linha: e por ela que a celula acha a sua coluna. */\nconst ColumnIndexContext = createContext<number | undefined>(undefined);\n\nfunction withColumnIndex(children: ReactNode) {\n return Children.toArray(children).map((child, index) => (\n <ColumnIndexContext.Provider key={isValidElement(child) && child.key !== null ? child.key : index} value={index}>\n {child}\n </ColumnIndexContext.Provider>\n ));\n}\n\nfunction withLayout(\n layouts: readonly (ColumnLayout | undefined)[],\n index: number,\n layout: ColumnLayout | undefined,\n): (ColumnLayout | undefined)[] {\n const next = [...layouts];\n next[index] = layout;\n return next;\n}\n\nfunction useTableContext(part: string) {\n const context = useContext(TableContext);\n\n if (!context) {\n throw new Error(part + ' deve ser usado dentro de Table.');\n }\n\n return context;\n}\n\nexport function Table({\n children,\n className,\n defaultSelectedIds,\n defaultSort,\n divider = true,\n highlightSelectedRow = true,\n label,\n loading = false,\n loadingMessage = 'Carregando',\n onSelectionChange,\n onSortChange,\n rows = [],\n selectedIds,\n selectionControl,\n selectionMode = 'none',\n size = 'md',\n sort,\n stickyHeader = false,\n striped = false,\n ref,\n ...props\n}: TableProps) {\n const baseId = useId();\n const [internalSort, setInternalSort] = useState(defaultSort);\n const [columns, setColumns] = useState<ReadonlySet<string>>(() => new Set());\n const currentSort = sort ?? internalSort;\n const control = selectionControl ?? (selectionMode === 'single' ? 'radio' : 'checkbox');\n\n // Rolar dentro da tabela e colar o cabecalho na rolagem da pagina se excluem em CSS: o envoltorio so\n // continua conteiner de rolagem quando a tabela transborda dele.\n const [precisaRolar, setPrecisaRolar] = useState(true);\n const observarTransbordo = useCallback((envoltorio: HTMLDivElement | null) => {\n if (!envoltorio || typeof ResizeObserver === 'undefined') {\n return;\n }\n\n const observador = new ResizeObserver(() =>\n setPrecisaRolar(\n envoltorio.scrollWidth > envoltorio.clientWidth || envoltorio.scrollHeight > envoltorio.clientHeight,\n ),\n );\n\n observador.observe(envoltorio);\n\n if (envoltorio.firstElementChild) {\n observador.observe(envoltorio.firstElementChild);\n }\n\n return () => observador.disconnect();\n }, []);\n const envoltorioRef = useMergedRefs(stickyHeader ? observarTransbordo : undefined, ref);\n\n // A coluna se registra enquanto esta na tela e sai quando sai: registrada para sempre, o vazio ocupava colunas\n // que nao existiam mais.\n const registerColumn = useCallback((id: string) => {\n setColumns((atuais) => new Set(atuais).add(id));\n\n return () =>\n setColumns((atuais) => {\n const restantes = new Set(atuais);\n restantes.delete(id);\n return restantes;\n });\n }, []);\n\n const [layouts, setLayouts] = useState<readonly (ColumnLayout | undefined)[]>([]);\n const registerLayout = useCallback((index: number, layout: ColumnLayout) => {\n setLayouts((atuais) => withLayout(atuais, index, layout));\n\n return () => setLayouts((atuais) => withLayout(atuais, index, undefined));\n }, []);\n\n function requestSort(column: string) {\n const next: TableSort = {\n column,\n direction:\n currentSort?.column === column && currentSort.direction === 'ascending' ? 'descending' : 'ascending',\n };\n\n if (sort === undefined) {\n setInternalSort(next);\n }\n\n onSortChange?.(next);\n }\n\n const collection = useMemo<SelectionItem[]>(\n () => rows.map((row) => ({ key: row.id, disabled: row.disabled })),\n [rows],\n );\n\n const selection = useSelection({\n // Caixa e chave desmarcam ao clicar de novo; o radio, nao.\n allowEmpty: control !== 'radio',\n defaultSelectedKeys: defaultSelectedIds,\n items: collection,\n mode: selectionMode,\n selectedKeys: selectedIds,\n onSelectionChange: (keys) => onSelectionChange?.([...keys]),\n });\n\n const context: TableContextValue = {\n baseId,\n columnAt: (index) => layouts[index],\n countColumns: () => Math.max(columns.size, 1),\n loading,\n registerColumn,\n registerLayout,\n requestSort,\n selection: {\n control,\n empty: rows.length === 0,\n highlight: highlightSelectedRow,\n isSelected: (id) => selection.selectedKeys.has(id),\n mode: selectionMode,\n status: selection.status,\n toggle: (id, extend) => {\n if (extend && selectionMode === 'multiple') {\n selection.selectRange(id);\n return;\n }\n\n selection.select(id);\n },\n toggleAll: selection.toggleAll,\n },\n size,\n sort: currentSort,\n };\n\n const classes = [\n styles.table,\n styles[size],\n divider && styles.divider,\n striped && styles.striped,\n stickyHeader && styles.sticky,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div\n {...props}\n className={[styles.scroll, stickyHeader && !precisaRolar && styles.noScroll, className].filter(Boolean).join(' ')}\n ref={envoltorioRef}\n >\n <table aria-busy={loading || undefined} aria-label={label} className={classes}>\n <TableContext.Provider value={context}>{children}</TableContext.Provider>\n </table>\n {loading && (\n <p className={styles.status} role=\"status\">\n {loadingMessage}\n </p>\n )}\n </div>\n );\n}\n\nexport interface TableHeaderProps {\n children: ReactNode;\n}\n\nfunction TableHeader({ children }: TableHeaderProps) {\n const { registerColumn, selection } = useTableContext('Table.Header');\n\n useEffect(() => (selection.mode === 'none' ? undefined : registerColumn('__selecao__')), [registerColumn, selection.mode]);\n\n return (\n <thead className={styles.head}>\n <tr>\n {selection.mode === 'multiple' && (\n <th className={[styles.column, styles.lead].join(' ')} scope=\"col\">\n {/* Sem `rows` nao ha o que marcar, e o clique so apagava a escolha que ja havia. */}\n <input\n aria-label=\"Selecionar todas as linhas\"\n checked={selection.status === 'all'}\n className={styles.checkbox}\n disabled={selection.empty}\n onChange={selection.toggleAll}\n ref={(node) => {\n if (node) {\n node.indeterminate = selection.status === 'partial';\n }\n }}\n type=\"checkbox\"\n />\n </th>\n )}\n {selection.mode === 'single' && <th className={[styles.column, styles.lead].join(' ')} scope=\"col\" />}\n {withColumnIndex(children)}\n </tr>\n </thead>\n );\n}\n\nexport interface TableColumnProps {\n align?: TableAlign;\n children: ReactNode;\n help?: string;\n hideBelow?: TableBreakpoint;\n id: string;\n numeric?: boolean;\n sortable?: boolean;\n width?: string;\n}\n\nfunction TableColumn({ align, children, help, hideBelow, id, numeric = false, sortable = false, width }: TableColumnProps) {\n const { registerColumn, registerLayout, requestSort, sort } = useTableContext('Table.Column');\n const index = useContext(ColumnIndexContext);\n const columnAlign = align ?? (numeric ? 'end' : 'start');\n\n useEffect(() => registerColumn(id), [id, registerColumn]);\n\n // Antes da pintura: com efeito comum, a celula aparecia um quadro alinhada a esquerda e so depois ia para o lado\n // da coluna.\n useLayoutEffect(\n () => (index === undefined ? undefined : registerLayout(index, { align: columnAlign, hideBelow, numeric })),\n [columnAlign, hideBelow, index, numeric, registerLayout],\n );\n\n const sorted = sort?.column === id ? sort.direction : undefined;\n\n // A ajuda e focavel e fica fora do botao de ordenacao: controle dentro de controle nao e HTML valido.\n const ajuda = help && (\n <Tooltip content={help}>\n <span aria-label={help} className={styles.help} role=\"img\" tabIndex={0}>\n <IconQuestionCircle size={14} />\n </span>\n </Tooltip>\n );\n\n return (\n <th\n aria-sort={sortable ? sorted ?? 'none' : undefined}\n className={[styles.column, styles[columnAlign], sortable && styles.sortable]\n .filter(Boolean)\n .join(' ')}\n data-hide-below={hideBelow}\n scope=\"col\"\n style={{ width }}\n >\n {sortable ? (\n <div className={styles.sortHeader}>\n <button className={styles.sortButton} onClick={() => requestSort(id)} type=\"button\">\n {children}\n {sorted ? (\n <IconArrowUp\n className={[styles.sortIcon, sorted === 'descending' && styles.sortDescending].filter(Boolean).join(' ')}\n size={12}\n />\n ) : (\n <IconChevronExpand className={styles.sortIcon} size={12} />\n )}\n </button>\n {ajuda}\n </div>\n ) : (\n <>\n {children}\n {ajuda}\n </>\n )}\n </th>\n );\n}\n\nexport interface TableBodyProps<T extends TableRowItem> {\n children: (item: T) => ReactNode;\n emptyDescription?: string;\n emptyTitle?: string;\n items: readonly T[];\n}\n\nconst SKELETON_ROWS = 3;\n\nfunction TableBody<T extends TableRowItem>({\n children,\n emptyDescription = 'Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.',\n emptyTitle = 'Nenhum registro encontrado',\n items,\n}: TableBodyProps<T>) {\n const { columnAt, countColumns, loading, selection } = useTableContext('Table.Body');\n\n if (loading) {\n // Mantem a altura das linhas que ja estavam na tela, para a pagina nao pular quando a nova chegar.\n const rows = Array.from({ length: items.length || SKELETON_ROWS }, (_, index) => index);\n const leadCells = selection.mode === 'none' ? 0 : 1;\n const columns = Array.from({ length: countColumns() - leadCells }, (_, index) => columnAt(index));\n\n return (\n <tbody aria-hidden=\"true\">\n {rows.map((row) => (\n <tr className={[styles.row, styles.skeletonRow].join(' ')} key={row}>\n {leadCells > 0 && (\n <td className={[styles.cell, styles.lead].join(' ')}>\n <Skeleton className={styles.skeleton} />\n </td>\n )}\n {columns.map((column, index) => (\n <td className={[styles.cell, styles[column?.align ?? 'start']].join(' ')} data-hide-below={column?.hideBelow} key={index}>\n <Skeleton className={styles.skeleton} />\n </td>\n ))}\n </tr>\n ))}\n </tbody>\n );\n }\n\n if (items.length === 0) {\n return (\n <tbody>\n <tr>\n <td className={styles.empty} colSpan={countColumns()}>\n <EmptyState description={emptyDescription} title={emptyTitle} />\n </td>\n </tr>\n </tbody>\n );\n }\n\n return (\n <tbody>\n {items.map((item) => (\n <Fragment key={item.id}>{children(item)}</Fragment>\n ))}\n </tbody>\n );\n}\n\nexport interface TableRowProps {\n children: ReactNode;\n disabled?: boolean;\n id: string;\n label?: string;\n}\n\nfunction TableRow({ children, disabled = false, id, label }: TableRowProps) {\n const { baseId, selection } = useTableContext('Table.Row');\n const selected = selection.mode !== 'none' && selection.isSelected(id);\n\n return (\n // Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.\n <tr className={[styles.row, selected && selection.highlight && styles.selected].filter(Boolean).join(' ')}>\n {selection.mode !== 'none' && (\n <td className={[styles.cell, styles.lead].join(' ')}>\n <input\n aria-label={label ?? 'Selecionar linha'}\n checked={selected}\n className={styles[selection.control]}\n disabled={disabled}\n name={selection.control === 'radio' ? `${baseId}-selecao` : undefined}\n onChange={() => undefined}\n onClick={(event) => selection.toggle(id, event.shiftKey)}\n role={selection.control === 'toggle' ? 'switch' : undefined}\n type={selection.control === 'radio' ? 'radio' : 'checkbox'}\n />\n </td>\n )}\n {withColumnIndex(children)}\n </tr>\n );\n}\n\n/** Sem valor proprio, `align`, `hideBelow` e `numeric` seguem a coluna da mesma posicao no cabecalho. */\nexport interface TableCellProps {\n align?: TableAlign;\n children?: ReactNode;\n hideBelow?: TableBreakpoint;\n numeric?: boolean;\n}\n\nfunction TableCell({ align, children, hideBelow, numeric }: TableCellProps) {\n const { columnAt } = useTableContext('Table.Cell');\n const index = useContext(ColumnIndexContext);\n const column = index === undefined ? undefined : columnAt(index);\n const isNumeric = numeric ?? column?.numeric ?? false;\n\n return (\n <td\n className={[styles.cell, styles[align ?? column?.align ?? (isNumeric ? 'end' : 'start')], isNumeric && styles.numeric]\n .filter(Boolean)\n .join(' ')}\n data-hide-below={hideBelow ?? column?.hideBelow}\n >\n {children}\n </td>\n );\n}\n\nTable.Header = TableHeader;\nTable.Column = TableColumn;\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n"],"names":["TableContext","createContext","ColumnIndexContext","withColumnIndex","children","Children","child","index","jsx","isValidElement","withLayout","layouts","layout","next","useTableContext","part","context","useContext","Table","className","defaultSelectedIds","defaultSort","divider","highlightSelectedRow","label","loading","loadingMessage","onSelectionChange","onSortChange","rows","selectedIds","selectionControl","selectionMode","size","sort","stickyHeader","striped","ref","props","baseId","useId","internalSort","setInternalSort","useState","columns","setColumns","currentSort","control","precisaRolar","setPrecisaRolar","observarTransbordo","useCallback","envoltorio","observador","envoltorioRef","useMergedRefs","registerColumn","id","atuais","restantes","setLayouts","registerLayout","requestSort","column","collection","useMemo","row","selection","useSelection","keys","extend","classes","styles","jsxs","TableHeader","useEffect","node","TableColumn","align","help","hideBelow","numeric","sortable","width","columnAlign","useLayoutEffect","sorted","ajuda","Tooltip","IconQuestionCircle","IconArrowUp","IconChevronExpand","Fragment","SKELETON_ROWS","TableBody","emptyDescription","emptyTitle","items","columnAt","countColumns","_","leadCells","Skeleton","EmptyState","item","TableRow","disabled","selected","event","TableCell","isNumeric"],"mappings":"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"}
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { jsxs as N, jsx as o, Fragment as
|
|
2
|
-
import { useId as
|
|
3
|
-
import { useMergedRefs as
|
|
1
|
+
import { jsxs as N, jsx as o, Fragment as le } from "react/jsx-runtime";
|
|
2
|
+
import { useId as re, useState as k, useCallback as I, useMemo as ae, createContext as H, useEffect as O, useContext as R, useLayoutEffect as ie, Fragment as ce, Children as de, isValidElement as ue } from "react";
|
|
3
|
+
import { useMergedRefs as me } from "../../../hooks/useMergedRefs.js";
|
|
4
4
|
import e from "./Table.module.css.js";
|
|
5
|
-
import { useSelection as
|
|
6
|
-
import { IconArrowUp as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
import { useSelection as he } from "../../../hooks/useSelection/useSelection.js";
|
|
6
|
+
import { IconArrowUp as fe, IconChevronExpand as be, IconQuestionCircle as pe } from "../../icons/icons.js";
|
|
7
|
+
import { Skeleton as z } from "../../feedback/Skeleton/Skeleton.js";
|
|
8
|
+
import { EmptyState as ge } from "../../feedback/EmptyState/EmptyState.js";
|
|
9
|
+
import { Tooltip as ye } from "../../overlays/Tooltip/Tooltip.js";
|
|
10
|
+
const F = H(void 0), A = H(void 0);
|
|
11
|
+
function P(i) {
|
|
12
|
+
return de.toArray(i).map((s, n) => /* @__PURE__ */ o(A.Provider, { value: n, children: s }, ue(s) && s.key !== null ? s.key : n));
|
|
12
13
|
}
|
|
13
|
-
function
|
|
14
|
-
const
|
|
15
|
-
return
|
|
14
|
+
function K(i, s, n) {
|
|
15
|
+
const a = [...i];
|
|
16
|
+
return a[s] = n, a;
|
|
16
17
|
}
|
|
17
18
|
function T(i) {
|
|
18
|
-
const s =
|
|
19
|
+
const s = R(F);
|
|
19
20
|
if (!s)
|
|
20
21
|
throw new Error(i + " deve ser usado dentro de Table.");
|
|
21
22
|
return s;
|
|
@@ -24,10 +25,10 @@ function j({
|
|
|
24
25
|
children: i,
|
|
25
26
|
className: s,
|
|
26
27
|
defaultSelectedIds: n,
|
|
27
|
-
defaultSort:
|
|
28
|
+
defaultSort: a,
|
|
28
29
|
divider: u = !0,
|
|
29
30
|
highlightSelectedRow: l = !0,
|
|
30
|
-
label:
|
|
31
|
+
label: r,
|
|
31
32
|
loading: m = !1,
|
|
32
33
|
loadingMessage: f = "Carregando",
|
|
33
34
|
onSelectionChange: b,
|
|
@@ -38,50 +39,50 @@ function j({
|
|
|
38
39
|
selectionMode: p = "none",
|
|
39
40
|
size: C = "md",
|
|
40
41
|
sort: E,
|
|
41
|
-
stickyHeader:
|
|
42
|
-
striped:
|
|
43
|
-
ref:
|
|
44
|
-
|
|
42
|
+
stickyHeader: S = !1,
|
|
43
|
+
striped: W = !1,
|
|
44
|
+
ref: q,
|
|
45
|
+
...$
|
|
45
46
|
}) {
|
|
46
|
-
const
|
|
47
|
+
const D = re(), [Q, U] = k(a), [V, B] = k(() => /* @__PURE__ */ new Set()), x = E ?? Q, _ = y ?? (p === "single" ? "radio" : "checkbox"), [G, J] = k(!0), M = I((t) => {
|
|
47
48
|
if (!t || typeof ResizeObserver > "u")
|
|
48
49
|
return;
|
|
49
50
|
const d = new ResizeObserver(
|
|
50
|
-
() =>
|
|
51
|
+
() => J(
|
|
51
52
|
t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight
|
|
52
53
|
)
|
|
53
54
|
);
|
|
54
55
|
return d.observe(t), t.firstElementChild && d.observe(t.firstElementChild), () => d.disconnect();
|
|
55
|
-
}, []),
|
|
56
|
+
}, []), X = me(S ? M : void 0, q), Y = I((t) => (B((d) => new Set(d).add(t)), () => B((d) => {
|
|
56
57
|
const v = new Set(d);
|
|
57
58
|
return v.delete(t), v;
|
|
58
|
-
})), []), [
|
|
59
|
-
function
|
|
59
|
+
})), []), [Z, L] = k([]), ee = I((t, d) => (L((v) => K(v, t, d)), () => L((v) => K(v, t, void 0))), []);
|
|
60
|
+
function te(t) {
|
|
60
61
|
const d = {
|
|
61
62
|
column: t,
|
|
62
63
|
direction: (x == null ? void 0 : x.column) === t && x.direction === "ascending" ? "descending" : "ascending"
|
|
63
64
|
};
|
|
64
|
-
E === void 0 &&
|
|
65
|
+
E === void 0 && U(d), g == null || g(d);
|
|
65
66
|
}
|
|
66
|
-
const
|
|
67
|
+
const oe = ae(
|
|
67
68
|
() => h.map((t) => ({ key: t.id, disabled: t.disabled })),
|
|
68
69
|
[h]
|
|
69
|
-
), w =
|
|
70
|
+
), w = he({
|
|
70
71
|
// Caixa e chave desmarcam ao clicar de novo; o radio, nao.
|
|
71
72
|
allowEmpty: _ !== "radio",
|
|
72
73
|
defaultSelectedKeys: n,
|
|
73
|
-
items:
|
|
74
|
+
items: oe,
|
|
74
75
|
mode: p,
|
|
75
76
|
selectedKeys: c,
|
|
76
77
|
onSelectionChange: (t) => b == null ? void 0 : b([...t])
|
|
77
|
-
}),
|
|
78
|
-
baseId:
|
|
79
|
-
columnAt: (t) =>
|
|
80
|
-
countColumns: () => Math.max(
|
|
78
|
+
}), ne = {
|
|
79
|
+
baseId: D,
|
|
80
|
+
columnAt: (t) => Z[t],
|
|
81
|
+
countColumns: () => Math.max(V.size, 1),
|
|
81
82
|
loading: m,
|
|
82
|
-
registerColumn:
|
|
83
|
-
registerLayout:
|
|
84
|
-
requestSort:
|
|
83
|
+
registerColumn: Y,
|
|
84
|
+
registerLayout: ee,
|
|
85
|
+
requestSort: te,
|
|
85
86
|
selection: {
|
|
86
87
|
control: _,
|
|
87
88
|
empty: h.length === 0,
|
|
@@ -100,29 +101,29 @@ function j({
|
|
|
100
101
|
},
|
|
101
102
|
size: C,
|
|
102
103
|
sort: x
|
|
103
|
-
},
|
|
104
|
+
}, se = [
|
|
104
105
|
e.table,
|
|
105
106
|
e[C],
|
|
106
107
|
u && e.divider,
|
|
107
|
-
|
|
108
|
-
|
|
108
|
+
W && e.striped,
|
|
109
|
+
S && e.sticky
|
|
109
110
|
].filter(Boolean).join(" ");
|
|
110
111
|
return /* @__PURE__ */ N(
|
|
111
112
|
"div",
|
|
112
113
|
{
|
|
113
|
-
|
|
114
|
-
className: [e.scroll,
|
|
115
|
-
ref:
|
|
114
|
+
...$,
|
|
115
|
+
className: [e.scroll, S && !G && e.noScroll, s].filter(Boolean).join(" "),
|
|
116
|
+
ref: X,
|
|
116
117
|
children: [
|
|
117
|
-
/* @__PURE__ */ o("table", { "aria-busy": m || void 0, "aria-label":
|
|
118
|
+
/* @__PURE__ */ o("table", { "aria-busy": m || void 0, "aria-label": r, className: se, children: /* @__PURE__ */ o(F.Provider, { value: ne, children: i }) }),
|
|
118
119
|
m && /* @__PURE__ */ o("p", { className: e.status, role: "status", children: f })
|
|
119
120
|
]
|
|
120
121
|
}
|
|
121
122
|
);
|
|
122
123
|
}
|
|
123
|
-
function
|
|
124
|
+
function Ne({ children: i }) {
|
|
124
125
|
const { registerColumn: s, selection: n } = T("Table.Header");
|
|
125
|
-
return
|
|
126
|
+
return O(() => n.mode === "none" ? void 0 : s("__selecao__"), [s, n.mode]), /* @__PURE__ */ o("thead", { className: e.head, children: /* @__PURE__ */ N("tr", { children: [
|
|
126
127
|
n.mode === "multiple" && /* @__PURE__ */ o("th", { className: [e.column, e.lead].join(" "), scope: "col", children: /* @__PURE__ */ o(
|
|
127
128
|
"input",
|
|
128
129
|
{
|
|
@@ -131,77 +132,77 @@ function ye({ children: i }) {
|
|
|
131
132
|
className: e.checkbox,
|
|
132
133
|
disabled: n.empty,
|
|
133
134
|
onChange: n.toggleAll,
|
|
134
|
-
ref: (
|
|
135
|
-
|
|
135
|
+
ref: (a) => {
|
|
136
|
+
a && (a.indeterminate = n.status === "partial");
|
|
136
137
|
},
|
|
137
138
|
type: "checkbox"
|
|
138
139
|
}
|
|
139
140
|
) }),
|
|
140
141
|
n.mode === "single" && /* @__PURE__ */ o("th", { className: [e.column, e.lead].join(" "), scope: "col" }),
|
|
141
|
-
|
|
142
|
+
P(i)
|
|
142
143
|
] }) });
|
|
143
144
|
}
|
|
144
|
-
function
|
|
145
|
-
const { registerColumn: f, registerLayout: b, requestSort: g, sort: h } = T("Table.Column"), c =
|
|
146
|
-
|
|
147
|
-
() => c === void 0 ? void 0 : b(c, { align: y, hideBelow:
|
|
148
|
-
[y,
|
|
145
|
+
function ve({ align: i, children: s, help: n, hideBelow: a, id: u, numeric: l = !1, sortable: r = !1, width: m }) {
|
|
146
|
+
const { registerColumn: f, registerLayout: b, requestSort: g, sort: h } = T("Table.Column"), c = R(A), y = i ?? (l ? "end" : "start");
|
|
147
|
+
O(() => f(u), [u, f]), ie(
|
|
148
|
+
() => c === void 0 ? void 0 : b(c, { align: y, hideBelow: a, numeric: l }),
|
|
149
|
+
[y, a, c, l, b]
|
|
149
150
|
);
|
|
150
|
-
const p = (h == null ? void 0 : h.column) === u ? h.direction : void 0, C = n && /* @__PURE__ */ o(
|
|
151
|
+
const p = (h == null ? void 0 : h.column) === u ? h.direction : void 0, C = n && /* @__PURE__ */ o(ye, { content: n, children: /* @__PURE__ */ o("span", { "aria-label": n, className: e.help, role: "img", tabIndex: 0, children: /* @__PURE__ */ o(pe, { size: 14 }) }) });
|
|
151
152
|
return /* @__PURE__ */ o(
|
|
152
153
|
"th",
|
|
153
154
|
{
|
|
154
|
-
"aria-sort":
|
|
155
|
-
className: [e.column, e[y],
|
|
156
|
-
"data-hide-below":
|
|
155
|
+
"aria-sort": r ? p ?? "none" : void 0,
|
|
156
|
+
className: [e.column, e[y], r && e.sortable].filter(Boolean).join(" "),
|
|
157
|
+
"data-hide-below": a,
|
|
157
158
|
scope: "col",
|
|
158
159
|
style: { width: m },
|
|
159
|
-
children:
|
|
160
|
+
children: r ? /* @__PURE__ */ N("div", { className: e.sortHeader, children: [
|
|
160
161
|
/* @__PURE__ */ N("button", { className: e.sortButton, onClick: () => g(u), type: "button", children: [
|
|
161
162
|
s,
|
|
162
163
|
p ? /* @__PURE__ */ o(
|
|
163
|
-
|
|
164
|
+
fe,
|
|
164
165
|
{
|
|
165
166
|
className: [e.sortIcon, p === "descending" && e.sortDescending].filter(Boolean).join(" "),
|
|
166
167
|
size: 12
|
|
167
168
|
}
|
|
168
|
-
) : /* @__PURE__ */ o(
|
|
169
|
+
) : /* @__PURE__ */ o(be, { className: e.sortIcon, size: 12 })
|
|
169
170
|
] }),
|
|
170
171
|
C
|
|
171
|
-
] }) : /* @__PURE__ */ N(
|
|
172
|
+
] }) : /* @__PURE__ */ N(le, { children: [
|
|
172
173
|
s,
|
|
173
174
|
C
|
|
174
175
|
] })
|
|
175
176
|
}
|
|
176
177
|
);
|
|
177
178
|
}
|
|
178
|
-
const
|
|
179
|
-
function
|
|
179
|
+
const Ce = 3;
|
|
180
|
+
function xe({
|
|
180
181
|
children: i,
|
|
181
182
|
emptyDescription: s = "Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.",
|
|
182
183
|
emptyTitle: n = "Nenhum registro encontrado",
|
|
183
|
-
items:
|
|
184
|
+
items: a
|
|
184
185
|
}) {
|
|
185
|
-
const { columnAt: u, countColumns: l, loading:
|
|
186
|
-
if (
|
|
187
|
-
const f = Array.from({ length:
|
|
186
|
+
const { columnAt: u, countColumns: l, loading: r, selection: m } = T("Table.Body");
|
|
187
|
+
if (r) {
|
|
188
|
+
const f = Array.from({ length: a.length || Ce }, (h, c) => c), b = m.mode === "none" ? 0 : 1, g = Array.from({ length: l() - b }, (h, c) => u(c));
|
|
188
189
|
return /* @__PURE__ */ o("tbody", { "aria-hidden": "true", children: f.map((h) => /* @__PURE__ */ N("tr", { className: [e.row, e.skeletonRow].join(" "), children: [
|
|
189
|
-
b > 0 && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o(
|
|
190
|
-
g.map((c, y) => /* @__PURE__ */ o("td", { className: [e.cell, e[(c == null ? void 0 : c.align) ?? "start"]].join(" "), "data-hide-below": c == null ? void 0 : c.hideBelow, children: /* @__PURE__ */ o(
|
|
190
|
+
b > 0 && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o(z, { className: e.skeleton }) }),
|
|
191
|
+
g.map((c, y) => /* @__PURE__ */ o("td", { className: [e.cell, e[(c == null ? void 0 : c.align) ?? "start"]].join(" "), "data-hide-below": c == null ? void 0 : c.hideBelow, children: /* @__PURE__ */ o(z, { className: e.skeleton }) }, y))
|
|
191
192
|
] }, h)) });
|
|
192
193
|
}
|
|
193
|
-
return
|
|
194
|
+
return a.length === 0 ? /* @__PURE__ */ o("tbody", { children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { className: e.empty, colSpan: l(), children: /* @__PURE__ */ o(ge, { description: s, title: n }) }) }) }) : /* @__PURE__ */ o("tbody", { children: a.map((f) => /* @__PURE__ */ o(ce, { children: i(f) }, f.id)) });
|
|
194
195
|
}
|
|
195
|
-
function
|
|
196
|
-
const { baseId: u, selection: l } = T("Table.Row"),
|
|
196
|
+
function we({ children: i, disabled: s = !1, id: n, label: a }) {
|
|
197
|
+
const { baseId: u, selection: l } = T("Table.Row"), r = l.mode !== "none" && l.isSelected(n);
|
|
197
198
|
return (
|
|
198
199
|
// Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.
|
|
199
|
-
/* @__PURE__ */ N("tr", { className: [e.row,
|
|
200
|
+
/* @__PURE__ */ N("tr", { className: [e.row, r && l.highlight && e.selected].filter(Boolean).join(" "), children: [
|
|
200
201
|
l.mode !== "none" && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o(
|
|
201
202
|
"input",
|
|
202
203
|
{
|
|
203
|
-
"aria-label":
|
|
204
|
-
checked:
|
|
204
|
+
"aria-label": a ?? "Selecionar linha",
|
|
205
|
+
checked: r,
|
|
205
206
|
className: e[l.control],
|
|
206
207
|
disabled: s,
|
|
207
208
|
name: l.control === "radio" ? `${u}-selecao` : void 0,
|
|
@@ -212,26 +213,26 @@ function xe({ children: i, disabled: s = !1, id: n, label: r }) {
|
|
|
212
213
|
type: l.control === "radio" ? "radio" : "checkbox"
|
|
213
214
|
}
|
|
214
215
|
) }),
|
|
215
|
-
|
|
216
|
+
P(i)
|
|
216
217
|
] })
|
|
217
218
|
);
|
|
218
219
|
}
|
|
219
|
-
function
|
|
220
|
-
const { columnAt: u } = T("Table.Cell"), l =
|
|
220
|
+
function Te({ align: i, children: s, hideBelow: n, numeric: a }) {
|
|
221
|
+
const { columnAt: u } = T("Table.Cell"), l = R(A), r = l === void 0 ? void 0 : u(l), m = a ?? (r == null ? void 0 : r.numeric) ?? !1;
|
|
221
222
|
return /* @__PURE__ */ o(
|
|
222
223
|
"td",
|
|
223
224
|
{
|
|
224
|
-
className: [e.cell, e[i ?? (
|
|
225
|
-
"data-hide-below": n ?? (
|
|
225
|
+
className: [e.cell, e[i ?? (r == null ? void 0 : r.align) ?? (m ? "end" : "start")], m && e.numeric].filter(Boolean).join(" "),
|
|
226
|
+
"data-hide-below": n ?? (r == null ? void 0 : r.hideBelow),
|
|
226
227
|
children: s
|
|
227
228
|
}
|
|
228
229
|
);
|
|
229
230
|
}
|
|
230
|
-
j.Header =
|
|
231
|
-
j.Column =
|
|
232
|
-
j.Body =
|
|
233
|
-
j.Row =
|
|
234
|
-
j.Cell =
|
|
231
|
+
j.Header = Ne;
|
|
232
|
+
j.Column = ve;
|
|
233
|
+
j.Body = xe;
|
|
234
|
+
j.Row = we;
|
|
235
|
+
j.Cell = Te;
|
|
235
236
|
export {
|
|
236
237
|
j as Table
|
|
237
238
|
};
|